disabled styling
This commit is contained in:
parent
1ad445f767
commit
ceed55bc52
4 changed files with 3 additions and 11 deletions
|
@ -4,6 +4,7 @@
|
||||||
- refonte complète des boutons, avec possibilités de variantes (primary, success, warning, etc.)
|
- refonte complète des boutons, avec possibilités de variantes (primary, success, warning, etc.)
|
||||||
- ajout des badges (tags), avec possibilités de variantes (primary, success, warning, etc.)
|
- ajout des badges (tags), avec possibilités de variantes (primary, success, warning, etc.)
|
||||||
- ajout des alertes, avec possibilités de variantes (primary, success, warning, etc.)
|
- ajout des alertes, avec possibilités de variantes (primary, success, warning, etc.)
|
||||||
|
- ajout d'un bouton de navigation .button-burger
|
||||||
- refonte des styles de formulaires
|
- refonte des styles de formulaires
|
||||||
- autogrid object en Grid Layout
|
- autogrid object en Grid Layout
|
||||||
- regroupement des styles des tableaux
|
- regroupement des styles des tableaux
|
||||||
|
|
|
@ -25,7 +25,6 @@
|
||||||
.is-disabled,
|
.is-disabled,
|
||||||
[disabled] {
|
[disabled] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
pointer-events: none;
|
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
filter: grayscale(1);
|
filter: grayscale(1);
|
||||||
}
|
}
|
||||||
|
|
|
@ -71,11 +71,7 @@ button {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
&.disabled,
|
|
||||||
&--disabled {
|
|
||||||
opacity: 0.5;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
&--unstyled {
|
&--unstyled {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -95,6 +91,7 @@ button {
|
||||||
}
|
}
|
||||||
|
|
||||||
// burger button
|
// burger button
|
||||||
|
// active it with :focus, .is-active or .js-active
|
||||||
.button-burger {
|
.button-burger {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 2.4rem;
|
height: 2.4rem;
|
||||||
|
|
|
@ -63,11 +63,6 @@ textarea {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[disabled] {
|
|
||||||
opacity: .5;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[readonly] {
|
input[readonly] {
|
||||||
background-color: $color-muted;
|
background-color: $color-muted;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue