deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-17 21:26:42 +02:00
Code Issues Projects Releases Wiki Activity

Remove range input border

Browse source
This commit is contained in:
bbe 2020-08-17 12:28:11 +02:00
parent b4be7ae2d2
commit 71835734fd
2 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
docs/content/docs/components/forms.md
View file

@ -164,10 +164,9 @@ description: PaperCSS Forms
</label>
</fieldset>
<fieldset class="form-group">
<legend>Sliders</legend>
<label for="input-range">Note /10 :</label>
<input type="range" name="note" id="input-range" min="0" max="10">
</fieldset>
<fieldset class="form-group">
<label for="percentage">Percentage (<code>.input-block</code>) :</label>
<input class="input-block" type="range" name="percentage" id="percentage" min="0" max="100" oninput="output.value = this.value + '%';">
<output id="output" for="percentage">50%</output>
@ -332,13 +331,11 @@ description: PaperCSS Forms
</label>
</fieldset>
<fieldset class="form-group">
<legend>Sliders</legend>
<label for="input-range">Note /10 :</label>
<input type="range" name="note" id="input-range" min="0" max="10">
</fieldset>
<fieldset class="form-group">
<label for="percentage">Percentage (<code>.input-block</code>) :</label>
<input class="input-block" type="range" name="percentage" id="percentage"
min="0" max="100" oninput="output.value = this.value + '%';">
<input class="input-block" type="range" name="percentage" id="percentage" min="0" max="100" oninput="output.value = this.value + '%';">
<output id="output" for="percentage">50%</output>
</fieldset>
```

5
src/components/_forms.scss
View file

@ -320,10 +320,7 @@ select {
input[type='range'] {
appearance: none;
&:focus {
border-color: $secondary;
}
border-width: 0;
/* For Chromium */
&::-webkit-slider-runnable-track {