riki/treehouse
riki/treehouse
1
Fork 0
Code Issues 14 Activity

fix <button> style affecting buttons across the whole website

Browse source 
now the push-button style is opt-in, in case you need it
This commit is contained in:
りき萌 2025-09-01 21:14:06 +02:00 • committed by りき萌
parent 87e3264242
commit 31e99f3137
2 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
content/netcanv.dj
View file

@ -309,21 +309,21 @@ Here is an interactive visualisation of how the immediate-mode layout system wor
<div class="controls"> <div class="controls">
<p>Stack</p> <p>Stack</p>
<div class="category"> <div class="category">
<button name="push-h">Push Horizontal</button> <button class="push" name="push-h">Push Horizontal</button>
<button name="push-v">Push Vertical</button> <button class="push" name="push-v">Push Vertical</button>
<button name="pop">Pop</button> <button class="push" name="pop">Pop</button>
<hr> <hr>
<button name="reset">Reset</button> <button class="push" name="reset">Reset</button>
</div> </div>
<p>Rectangle</p> <p>Rectangle</p>
<div class="category"> <div class="category">
<button name="space">Space</button> <button class="push" name="space">Space</button>
<button name="pad">Pad</button> <button class="push" name="pad">Pad</button>
<button name="fit">Fit</button> <button class="push" name="fit">Fit</button>
</div> </div>
<p>Drawing</p> <p>Drawing</p>
<div class="category"> <div class="category">
<button name="fill">Fill</button> <button class="push" name="fill">Fill</button>
</div> </div>
</div> </div>

4
static/css/main.css
View file

@ -415,9 +415,9 @@ hr {
margin-bottom: 2em; margin-bottom: 2em;
} }
/* Buttons */ /* Push buttons */
button { button.push {
padding: 0.2rem 1.2rem; padding: 0.2rem 1.2rem;
border: 1px solid var(--border-2); border: 1px solid var(--border-2);