jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Capitalize CSS section headings 

Makes them easier to distinguish from regular comments.
This commit is contained in:
Samuel Mannehed 2025-01-12 23:37:05 +01:00
parent d8199859d3
commit 1c45fd8547
1 changed files with 17 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
app/styles/input.css
View File

@ -5,9 +5,8 @@
* This file is licensed under the 2-Clause BSD license (see LICENSE.txt). * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
*/ */
/* /* ------- SHARED BETWEEN INPUT ELEMENTS -------- */
* Common for all inputs
*/
:root { :root {
--input-xpadding: 1em; --input-xpadding: 1em;
} }
@ -41,9 +40,7 @@ input:focus-visible::file-selector-button {
outline-offset: 1px; outline-offset: 1px;
} }
/* /* ------- TEXT INPUT -------- */
* Text input
*/
input:not([type]), input:not([type]),
input[type=date], input[type=date],
@ -64,9 +61,7 @@ textarea {
padding: calc(0.5em - 1px) var(--input-xpadding); padding: calc(0.5em - 1px) var(--input-xpadding);
} }
/* /* ------- BUTTON ACTIVATIONS -------- */
* Button activations
*/
/* A color overlay that depends on the activation level. The level can then be /* A color overlay that depends on the activation level. The level can then be
set for different states on an element, for example hover and click on a set for different states on an element, for example hover and click on a
@ -129,9 +124,8 @@ input:disabled::file-selector-button,
--button-activation-level: 0; --button-activation-level: 0;
} }
/* /* ------- BUTTONS -------- */
* Buttons
*/
input[type=button], input[type=button],
input[type=color], input[type=color],
input[type=image], input[type=image],
@ -155,9 +149,8 @@ input[type=image]:disabled {
cursor: default; cursor: default;
} }
/* /* ------- SELECT BUTTONS ------- */
* Select dropdowns
*/
select { select {
--select-arrow: url('data:image/svg+xml;utf8, \ --select-arrow: url('data:image/svg+xml;utf8, \
<svg width="11" height="6" version="1.1" viewBox="0 0 11 6" \ <svg width="11" height="6" version="1.1" viewBox="0 0 11 6" \
@ -211,9 +204,7 @@ option {
background-image: var(--button-activation-overlay); background-image: var(--button-activation-overlay);
} }
/* /* -- SHARED BETWEEN CHECKBOXES AND RADIOBUTTONS -- */
* Shared between checkboxes and radiobuttons
*/
input[type=radio], input[type=radio],
input[type=checkbox] { input[type=checkbox] {
@ -275,9 +266,8 @@ input[type=radio]::after {
border-radius: 2px; border-radius: 2px;
} }
/* /* ------- CHECKBOXES ------- */
* Checkboxes
*/
input[type=checkbox] { input[type=checkbox] {
border-radius: 4px; border-radius: 4px;
} }
@ -303,9 +293,8 @@ input[type=checkbox]:indeterminate::after {
background-color: white; background-color: white;
} }
/* /* ------- RADIO BUTTONS ------- */
* Radiobuttons
*/
input[type=radio] { input[type=radio] {
border-radius: 50%; border-radius: 50%;
border: 1px solid transparent; /* To ensure a smooth transition */ border: 1px solid transparent; /* To ensure a smooth transition */
@ -336,9 +325,8 @@ input[type=radio]:indeterminate::after {
background-color: black; background-color: black;
} }
/* /* ------- RANGE SLIDERS ------- */
* Range sliders
*/
input[type=range] { input[type=range] {
border: unset; border: unset;
border-radius: 3px; border-radius: 3px;
@ -381,9 +369,8 @@ input[type=range]::-moz-range-thumb {
margin-top: -7px; margin-top: -7px;
} }
/* /* ------- FILE CHOOSERS ------- */
* File choosers
*/
input[type=file] { input[type=file] {
background-image: none; background-image: none;
border: none; border: none;