Add panel actions styleguide
This commit is contained in:
parent
1916461d6e
commit
9464e36fb6
@ -8,6 +8,7 @@
|
||||
@import 'elements/inputs';
|
||||
@import 'elements/buttons';
|
||||
@import 'elements/panels';
|
||||
@import 'elements/panel_actions';
|
||||
@import 'elements/block_lists';
|
||||
@import 'elements/tables';
|
||||
@import 'elements/icons';
|
||||
|
@ -4,7 +4,7 @@
|
||||
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_inputs.scss
|
||||
*/
|
||||
|
||||
from {
|
||||
from {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
@ -27,11 +27,4 @@ select {
|
||||
label:first-child {
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.usa-search {
|
||||
// width: 45%;
|
||||
// float: left;
|
||||
// padding: $gap * 2;
|
||||
margin-right: $gap;
|
||||
}
|
20
scss/elements/_panel_actions.scss
Normal file
20
scss/elements/_panel_actions.scss
Normal file
@ -0,0 +1,20 @@
|
||||
// Panels Actions
|
||||
// Form inputs and other actions for panels
|
||||
|
||||
.panel__actions {
|
||||
display: flex;
|
||||
padding: $gap;
|
||||
|
||||
.usa-search {
|
||||
padding-top: 2px;
|
||||
input[type=search] {
|
||||
height: 4.4rem;
|
||||
font-size: 14px;
|
||||
color: $color-black;
|
||||
|
||||
}
|
||||
button {
|
||||
min-height: 4.4rem;
|
||||
}
|
||||
}
|
||||
}
|
@ -43,13 +43,4 @@
|
||||
padding: 0 ($gap * 4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel__actions {
|
||||
display: flex;
|
||||
padding: $gap;
|
||||
|
||||
// &__search {
|
||||
// float: left;
|
||||
// }
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user