styles infos
This commit is contained in:
parent
cb7a43d564
commit
e279941168
8 changed files with 71 additions and 17 deletions
|
|
@ -10,8 +10,25 @@
|
|||
}
|
||||
|
||||
.infos{
|
||||
font-size: 0.8rem;
|
||||
color: var(--color-interface-400);
|
||||
|
||||
position: relative;
|
||||
padding-left: 2.5ch;
|
||||
|
||||
|
||||
.info-icon{
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -5px;
|
||||
svg{
|
||||
width: 16px;
|
||||
fill: var(--color-interface-400);
|
||||
}
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 0.8rem;
|
||||
color: var(--color-interface-400);
|
||||
}
|
||||
}
|
||||
|
||||
.container{
|
||||
|
|
@ -35,6 +52,6 @@
|
|||
margin-bottom: calc(var(--space-xs)*2);
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
|
||||
color: var(--color-800);
|
||||
}
|
||||
}
|
||||
|
|
@ -91,7 +91,6 @@ input[type="checkbox"] + label::before{
|
|||
height: var(--size);
|
||||
border-radius: var(--border-radius);
|
||||
display: block;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
border: 1px solid var(--color-interface-400);
|
||||
|
|
@ -186,6 +185,7 @@ input[type="checkbox"]:checked + label::before{
|
|||
label{
|
||||
font-weight: 400;
|
||||
color: var(--color-txt);
|
||||
text-decoration-color: var(--color-interface-300)!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -216,6 +216,11 @@ input[type="checkbox"]:checked + label::before{
|
|||
}
|
||||
}
|
||||
|
||||
.margins label{
|
||||
color: var(--color-txt);
|
||||
font-weight: normal;
|
||||
text-decoration-color: var(--color-interface-300)!important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -227,7 +232,7 @@ input[type="checkbox"]:checked + label::before{
|
|||
|
||||
// TOOLTIP ===============================================
|
||||
.label-with-tooltip {
|
||||
text-decoration: underline dotted 1px var(--color-200);
|
||||
text-decoration: underline dotted 1px var(--color-400);
|
||||
text-underline-offset: 2px;
|
||||
cursor: help;
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -375,7 +375,6 @@ input[type=checkbox] + label::before {
|
|||
height: var(--size);
|
||||
border-radius: var(--border-radius);
|
||||
display: block;
|
||||
background-color: red;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
border: 1px solid var(--color-interface-400);
|
||||
|
|
@ -451,6 +450,7 @@ input[type=checkbox]:checked + label::before {
|
|||
.field-font .checkbox-field label {
|
||||
font-weight: 400;
|
||||
color: var(--color-txt);
|
||||
text-decoration-color: var(--color-interface-300) !important;
|
||||
}
|
||||
|
||||
.field-text-size input[type=number] {
|
||||
|
|
@ -476,9 +476,15 @@ input[type=checkbox]:checked + label::before {
|
|||
margin-right: 2ch;
|
||||
}
|
||||
|
||||
.margins label {
|
||||
color: var(--color-txt);
|
||||
font-weight: normal;
|
||||
text-decoration-color: var(--color-interface-300) !important;
|
||||
}
|
||||
|
||||
.label-with-tooltip {
|
||||
-webkit-text-decoration: underline dotted 1px var(--color-200);
|
||||
text-decoration: underline dotted 1px var(--color-200);
|
||||
-webkit-text-decoration: underline dotted 1px var(--color-400);
|
||||
text-decoration: underline dotted 1px var(--color-400);
|
||||
text-underline-offset: 2px;
|
||||
cursor: help;
|
||||
position: relative;
|
||||
|
|
@ -559,6 +565,19 @@ input[type=number] {
|
|||
color: var(--color-800);
|
||||
}
|
||||
.settings-section .infos {
|
||||
position: relative;
|
||||
padding-left: 2.5ch;
|
||||
}
|
||||
.settings-section .infos .info-icon {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -5px;
|
||||
}
|
||||
.settings-section .infos .info-icon svg {
|
||||
width: 16px;
|
||||
fill: var(--color-interface-400);
|
||||
}
|
||||
.settings-section .infos p {
|
||||
font-size: 0.8rem;
|
||||
color: var(--color-interface-400);
|
||||
}
|
||||
|
|
@ -578,6 +597,7 @@ input[type=number] {
|
|||
margin-bottom: calc(var(--space-xs) * 2);
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-800);
|
||||
}
|
||||
|
||||
.unit-toggle button:not(.spinner-btn) {
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue