geoff
/
grayscale
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix builder extremes

This commit is contained in:
Geoff Doty 2021-10-16 04:32:33 -04:00
parent d3ccfc0f4a
commit c15079f22f
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
example/example.html
View File

@ -57,7 +57,7 @@
</div> </div>
<div> <div>
<label for="line">Line Height</label> <label for="line">Line Height</label>
<input type="range" id="line" name="line" value="1.5" min="0" max="4" step="0.5"> <input type="range" id="line" name="line" value="1.5" min="0" max="3" step="0.5">
</div> </div>
</div> </div>
<div class="grid"> <div class="grid">
@ -67,7 +67,7 @@
</div> </div>
<div> <div>
<label for="spacing">Element Spacing</label> <label for="spacing">Element Spacing</label>
<input type="range" id="spacing" name="spacing" min="0" max="4" step="0.05" value="1" list="tickmarks"> <input type="range" id="spacing" name="spacing" min="0" max="2" step="0.05" value="1" list="tickmarks">
</div> </div>
</div> </div>
<div> <div>

2
src/grayscale.css
View File

@ -148,7 +148,7 @@ input {
height: calc(var(--size) * 3); height: calc(var(--size) * 3);
border: 1px solid var(--theme); border: 1px solid var(--theme);
border-radius: var(--radius); border-radius: var(--radius);
padding: var(--space); padding: clamp(.5rem, var(--space), 2rem);
margin-bottom: var(--space); margin-bottom: var(--space);
margin-right: var(--space); margin-right: var(--space);
} }