Edit header navigation bar style

This commit is contained in:
Paul Nicoué 2022-06-10 16:07:48 +02:00
parent e90e57ff02
commit 64ad7b3a70
5 changed files with 31 additions and 16 deletions

View file

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