diff options
| author | Markus Heiser <markus.heiser@darmarit.de> | 2025-02-05 13:17:04 +0100 |
|---|---|---|
| committer | Markus Heiser <markus.heiser@darmarIT.de> | 2025-02-28 12:27:41 +0100 |
| commit | d29ca7d5930732fab1767dcb3860651d7b7e27a8 (patch) | |
| tree | c52105964db80eff3f37726bf6472b7f8029377d /client/simple/src/less/toolkit.less | |
| parent | a8ed79b7307751c38151bff9c0286c0070d91eaf (diff) | |
[web-client] simple theme: stylelint-prettier LESS source files
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Diffstat (limited to 'client/simple/src/less/toolkit.less')
| -rw-r--r-- | client/simple/src/less/toolkit.less | 35 |
1 files changed, 26 insertions, 9 deletions
diff --git a/client/simple/src/less/toolkit.less b/client/simple/src/less/toolkit.less index d3fb2273b..f9bdbf70c 100644 --- a/client/simple/src/less/toolkit.less +++ b/client/simple/src/less/toolkit.less @@ -249,7 +249,7 @@ ul.tabs { order: 2; } - & > input[type=radio] { + & > input[type="radio"] { display: none; } @@ -347,14 +347,21 @@ select { } } -@supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) { +@supports ( + (background-position-x: 100%) and + ( + (appearance: none) or (-webkit-appearance: none) or + (-moz-appearance: none) + ) +) { select { appearance: none; -webkit-appearance: none; -moz-appearance: none; border-width: 0 2rem 0 0; border-color: transparent; - background: data-uri('image/svg+xml;charset=UTF-8', @select-light-svg-path) no-repeat; + background: data-uri("image/svg+xml;charset=UTF-8", @select-light-svg-path) + no-repeat; background-position-x: calc(100% + 2rem); background-size: 2rem; background-origin: content-box; @@ -376,12 +383,18 @@ select { @media (prefers-color-scheme: dark) { html.theme-auto select, html.theme-dark select { - background-image: data-uri('image/svg+xml;charset=UTF-8', @select-dark-svg-path); + background-image: data-uri( + "image/svg+xml;charset=UTF-8", + @select-dark-svg-path + ); } } html.theme-dark select { - background-image: data-uri('image/svg+xml;charset=UTF-8', @select-dark-svg-path); + background-image: data-uri( + "image/svg+xml;charset=UTF-8", + @select-dark-svg-path + ); } } @@ -461,7 +474,7 @@ input.checkbox-onoff.reversed-checkbox[type="checkbox"] { /* -- checkbox -- */ @supports (transform: rotate(-45deg)) { - input[type=checkbox]:not(.checkbox-onoff) { + input[type="checkbox"]:not(.checkbox-onoff) { -webkit-appearance: none; -moz-appearance: none; appearance: none; @@ -476,7 +489,7 @@ input.checkbox-onoff.reversed-checkbox[type="checkbox"] { .rounded-corners(0.3em); &::after { - content: ''; + content: ""; width: 9px; height: 5px; position: absolute; @@ -497,14 +510,18 @@ input.checkbox-onoff.reversed-checkbox[type="checkbox"] { } // disabled : can't be focused, show only the check mark - input[type=checkbox][disabled]:not(.checkbox-onoff) { + input[type="checkbox"][disabled]:not(.checkbox-onoff) { border: inherit; background-color: transparent !important; cursor: inherit; } // if not checked and possible to checked then display a "light" check mark on hover - input.checkbox[type=checkbox]:not(:checked, [disabled], .checkbox-onoff):hover::after { + input.checkbox[type="checkbox"]:not( + :checked, + [disabled], + .checkbox-onoff + ):hover::after { opacity: 0.5; } } |