Edit header navigation bar style
This commit is contained in:
parent
e90e57ff02
commit
64ad7b3a70
5 changed files with 31 additions and 16 deletions
|
@ -25,9 +25,9 @@
|
|||
--content-max-width: 140rem;
|
||||
--text-max-width: 70rem;
|
||||
--icon-size: 2.5rem;
|
||||
--header-bar-vertical-padding: 2rem;
|
||||
--header-bar-vertical-padding: 1rem;
|
||||
--header-bar-horizontal-padding: 2rem;
|
||||
--header-bar-height: calc((var(--header-bar-vertical-padding) * 2) + var(--h1-font-size));
|
||||
--header-bar-height: calc((var(--header-bar-vertical-padding) * 2) + var(--icon-size));
|
||||
--footer-bar-vertical-padding: 1rem;
|
||||
--footer-bar-horizontal-padding: 2rem;
|
||||
--footer-bar-height: calc((var(--footer-bar-vertical-padding) * 2) + var(--icon-size) + 1rem + var(--text-font-size));
|
||||
|
@ -48,9 +48,13 @@
|
|||
--jet: #333333;
|
||||
--granite-gray: #666666;
|
||||
--spanish-gray: #999999;
|
||||
--light-gray: #D6D6D6;
|
||||
--light-gray: #cccccc;
|
||||
--white: #fff;
|
||||
--transparent-white: rgba(255, 255, 255, 0.8);
|
||||
|
||||
// Plyr (audio player)
|
||||
|
||||
--plyr-color-main: var(--transparent-black);
|
||||
}
|
||||
|
||||
// Media queries
|
||||
|
@ -74,6 +78,7 @@ $desktop-media-query: 62rem;
|
|||
// Dimensions
|
||||
|
||||
--icon-size: 3rem;
|
||||
--header-bar-vertical-padding: 2rem;
|
||||
--header-bar-horizontal-padding: 4rem;
|
||||
--footer-bar-vertical-padding: 2rem;
|
||||
--footer-bar-horizontal-padding: 4rem;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue