Switched from using a checkbox to :target for Get Started
This commit is contained in:
parent
3cbd7e5d0e
commit
6ed6a3a81c
|
@ -35,12 +35,7 @@
|
|||
<p><span class="hr"></span><span>Not Evil</span></p>
|
||||
</h1>
|
||||
</header>
|
||||
<input
|
||||
id="should-hide-intro"
|
||||
type="checkbox"
|
||||
style="display: none"
|
||||
aria-hidden="true"
|
||||
/>
|
||||
<div id="picker"><!--Marker--></div>
|
||||
<section id="intro">
|
||||
<!--p>
|
||||
Since the penning of the GPL, Free and Open Source software has led the charge
|
||||
|
@ -63,11 +58,11 @@
|
|||
<label
|
||||
for="should-hide-intro"
|
||||
aria-role="button" >
|
||||
<div class="cool-button">
|
||||
<a class="cool-button" href="#picker">
|
||||
<div aria-hidden="true" class = "bevel tr"></div>
|
||||
<div>Get Started</div>
|
||||
<div aria-hidden="true" class = "bevel bl"></div>
|
||||
</div>
|
||||
</a>
|
||||
</label>
|
||||
</section>
|
||||
<div id="elm-unpossessed">
|
||||
|
|
|
@ -72,11 +72,11 @@ header {
|
|||
}
|
||||
}
|
||||
|
||||
#should-hide-intro:checked + #intro {
|
||||
#picker:target + #intro {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#should-hide-intro:not(:checked) ~ #elm-area {
|
||||
#picker:not(:target) ~ #elm-area {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
@ -85,6 +85,7 @@ header {
|
|||
--bevel-size: 20px;
|
||||
color: var(--color-bg);
|
||||
width: fit-content;
|
||||
display: block;
|
||||
font-family: Resistance;
|
||||
font-size: 2.5rem;
|
||||
margin-left: auto;
|
||||
|
@ -93,6 +94,7 @@ header {
|
|||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
|
||||
& > div:nth-child(2) {
|
||||
padding: 0 30px;
|
||||
|
|
Loading…
Reference in a new issue