luxolus
/
open-nomad
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

More form styles as needed for the drain form

This commit is contained in:
Michael Lange 2019-11-05 23:14:03 -08:00
parent 01d0efb317
commit d1cf0e1054
3 changed files with 32 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/app/styles/core/buttons.scss
View File

@ -5,6 +5,7 @@ $button-box-shadow-standard: 0 2px 0 0 rgba($grey, 0.2);
box-shadow: $button-box-shadow-standard;
border: 1px solid transparent;
text-decoration: none;
line-height: 1;
&:hover,
&.is-hovered {

26
ui/app/styles/core/forms.scss
View File

@ -40,4 +40,30 @@
&.is-inline {
display: inline-block;
}
&:not(:last-child) {
margin-bottom: 1rem;
}
}
.form {
&.is-small {
font-size: 0.85rem;
.label {
font-size: 0.85rem;
}
}
.label {
font-weight: $weight-medium;
}
.group-heading {
text-transform: uppercase;
letter-spacing: 0.05ch;
margin-bottom: 1.5em;
color: $grey;
font-weight: $weight-medium;
}
}

6
ui/app/styles/core/icon.scss
View File

@ -12,8 +12,12 @@ $icon-dimensions-large: 2rem;
width: $icon-dimensions;
fill: $text;
&.is-small,
&.is-text {
width: 1.2em;
height: 1.2em;
}
&.is-small {
height: $icon-dimensions-small;
width: $icon-dimensions-small;
}