couleur burger

This commit is contained in:
hugogogo
2021-04-23 15:34:18 +02:00
parent f895097f3c
commit 58ff636065
2 changed files with 4 additions and 3 deletions

View File

@@ -5,6 +5,7 @@
/* background*/ /* background*/
--color-back-base: hsl(0, 0%, 100%); --color-back-base: hsl(0, 0%, 100%);
--color-back-dark: hsl(0, 0%, 95%); --color-back-dark: hsl(0, 0%, 95%);
--color-grey-dark: hsl(0, 0%, 50%);
/* color range */ /* color range */
--color-purple: hsl(324, 86%, 52%); /* #ee1998 - rgb(238, 25, 152) */ --color-purple: hsl(324, 86%, 52%); /* #ee1998 - rgb(238, 25, 152) */
--color-pink: hsl(324, 100%, 74%); /* #ff7bca - rgb(255, 123, 202) */ --color-pink: hsl(324, 100%, 74%); /* #ff7bca - rgb(255, 123, 202) */

View File

@@ -62,8 +62,8 @@
top: 10px; top: 10px;
width: 26px; width: 26px;
height: 14px; height: 14px;
border-top: 2px solid lightgrey; border-top: 2px solid var(--color-grey-dark);
border-bottom: 2px solid lightgrey; border-bottom: 2px solid var(--color-grey-dark);
} }
nav.navbar .burger::after { nav.navbar .burger::after {
content: ""; content: "";
@@ -72,7 +72,7 @@
top: 18px; top: 18px;
width: 26px; width: 26px;
height: 2px; height: 2px;
border-top: 2px solid lightgrey; border-top: 2px solid var(--color-grey-dark);
} }
nav.navbar #burger:checked ~ .nav_right { nav.navbar #burger:checked ~ .nav_right {
display: flex; display: flex;