2020-04-21 10:50:26 +02:00
|
|
|
.debug {
|
|
|
|
font-size: 1rem;
|
|
|
|
background: $grey-dark;
|
|
|
|
margin: 0.5em;
|
|
|
|
padding: 0.5em;
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
|
|
|
font-size: 1rem;
|
|
|
|
padding: 0.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
2021-11-30 11:17:44 +01:00
|
|
|
color: $font_color;
|
2022-02-15 16:12:01 +01:00
|
|
|
font-weight: bold;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 16px;
|
2021-11-30 11:17:44 +01:00
|
|
|
|
2020-04-21 10:50:26 +02:00
|
|
|
&[for] {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:not([for]) {
|
|
|
|
color: $dusty-orange;
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
content: "### debug: ce label n'a pas d'attribut for, c'est mal. ### ";
|
|
|
|
color: $violet;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
input {
|
|
|
|
&:not([id]) {
|
|
|
|
color: $dusty-orange;
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
content: "### debug: cet input n'a pas d'attribut id, c'est mal. ###";
|
|
|
|
color: $violet;
|
|
|
|
display: block;
|
|
|
|
padding: 1em;
|
|
|
|
background: yellow;
|
|
|
|
position: relative;
|
|
|
|
top: -1em;
|
|
|
|
z-index: 2;
|
|
|
|
margin-right: 0.5em;
|
|
|
|
right: 0;
|
|
|
|
border: solid red 2px;
|
|
|
|
box-shadow: 0 0 10px orange;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2021-12-09 15:27:36 +01:00
|
|
|
|
|
|
|
.ng-pristine,
|
|
|
|
.ng-dirty {
|
|
|
|
//border-left: #ccc 3px solid;
|
|
|
|
//padding-left: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ng-touched.ng-invalid {
|
|
|
|
//border-left: $danger 3px solid;
|
|
|
|
//padding-left: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.theme-dark-crystal {
|
|
|
|
.ng-touched.ng-valid {
|
|
|
|
//border-left: $success 3px solid;
|
|
|
|
//padding-left: 1em;
|
|
|
|
}
|
|
|
|
}
|