Color settings for mobil menu.
This commit is contained in:
parent
1b0cead11a
commit
bb9aea7a93
4 changed files with 6 additions and 3 deletions
|
|
@ -294,7 +294,7 @@ figcaption {
|
||||||
input,
|
input,
|
||||||
textarea {
|
textarea {
|
||||||
@include margin-bottom(.75);
|
@include margin-bottom(.75);
|
||||||
width: 95%;
|
width: 92%;
|
||||||
|
|
||||||
&:required+span::after {
|
&:required+span::after {
|
||||||
content: ' *';
|
content: ' *';
|
||||||
|
|
|
||||||
|
|
@ -55,6 +55,8 @@ $chroma: add-colors('functional', (
|
||||||
header-bg: 'brand',
|
header-bg: 'brand',
|
||||||
backdrop: 'grey-extra-light',
|
backdrop: 'grey-extra-light',
|
||||||
|
|
||||||
|
mobile-menu: 'header-bg',
|
||||||
|
|
||||||
button: 'nearblack',
|
button: 'nearblack',
|
||||||
button-disabled: 'grey',
|
button-disabled: 'grey',
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -39,6 +39,7 @@
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
border: 1px solid color(border);
|
border: 1px solid color(border);
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
color: color(text);
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
|
|
||||||
.js-nav-open & {
|
.js-nav-open & {
|
||||||
|
|
@ -61,7 +62,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-nav-sheet {
|
.mobile-nav-sheet {
|
||||||
background-color: color(header-bg);
|
background-color: color(mobile-menu);
|
||||||
width: 90vw;
|
width: 90vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue