couleur burger
This commit is contained in:
@@ -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) */
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user