summaryrefslogtreecommitdiff
path: root/client/simple/src/less/toolkit.less
diff options
context:
space:
mode:
authorMarkus Heiser <markus.heiser@darmarit.de>2025-02-05 13:17:04 +0100
committerMarkus Heiser <markus.heiser@darmarIT.de>2025-02-28 12:27:41 +0100
commitd29ca7d5930732fab1767dcb3860651d7b7e27a8 (patch)
treec52105964db80eff3f37726bf6472b7f8029377d /client/simple/src/less/toolkit.less
parenta8ed79b7307751c38151bff9c0286c0070d91eaf (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.less35
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;
}
}