Do as flo said
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
7c8d2eadd1
commit
edc4a0a363
|
@ -1,2 +1,3 @@
|
||||||
|
$color-burger: #aaa;
|
||||||
$color-highlight: #0080ff;
|
$color-highlight: #0080ff;
|
||||||
$color-text: #000;
|
$color-text: #000;
|
||||||
|
|
|
@ -129,20 +129,21 @@ p {
|
||||||
width: 1.2rem;
|
width: 1.2rem;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
border: 1px solid #aaa;
|
background: $color-burger;
|
||||||
transition: border-color 0.5s, transform 0.5s;
|
height: 2px;
|
||||||
|
transition: background 0.5s, transform 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-toggle:checked ~ & div {
|
.nav-toggle:checked ~ & div {
|
||||||
border-color: transparent;
|
background: transparent;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
border-color: #aaa;
|
background: $color-burger;
|
||||||
transform: translateY(0.5rem) translateY(-1px) rotate(45deg) scaleX(141%);
|
transform: translateY(0.5rem) translateY(-1px) rotate(45deg) scaleX(141%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-color: #aaa;
|
background: $color-burger;
|
||||||
transform: translateY(-0.5rem) translateY(1px) rotate(-45deg) scaleX(141%);
|
transform: translateY(-0.5rem) translateY(1px) rotate(-45deg) scaleX(141%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue