Add padding to panel actions container

This commit is contained in:
Luis Cielak 2018-07-27 10:47:08 -04:00
parent 42c60bd019
commit 318a030a8f
3 changed files with 11 additions and 2 deletions

View File

@ -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);

View File

@ -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;
}

View File

@ -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">