Add padding to panel actions container
This commit is contained in:
parent
42c60bd019
commit
318a030a8f
@ -15,7 +15,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@mixin grid-pad {
|
@mixin grid-pad {
|
||||||
@include padding($site-margins-mobile);
|
@include padding(null $site-margins-mobile);
|
||||||
|
|
||||||
@include media($medium-screen) {
|
@include media($medium-screen) {
|
||||||
@include padding(null $site-margins);
|
@include padding(null $site-margins);
|
||||||
|
@ -29,6 +29,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin panel-actions {
|
||||||
|
padding: $gap;
|
||||||
|
}
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
@include panel-base;
|
@include panel-base;
|
||||||
@include panel-theme-default;
|
@include panel-theme-default;
|
||||||
@ -56,3 +60,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.panel__actions {
|
||||||
|
@include panel-actions;
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
<div class="col col--grow">
|
<div class="col col--grow">
|
||||||
|
|
||||||
<div class='panel'>
|
<div class='panel panel__actions'>
|
||||||
<div class='row'>
|
<div class='row'>
|
||||||
<div class='col col--grow col--pad'>
|
<div class='col col--grow col--pad'>
|
||||||
<form class="usa-search usa-search-small">
|
<form class="usa-search usa-search-small">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user