divers
This commit is contained in:
parent
63b7216bb6
commit
2ce741a518
@ -102,53 +102,54 @@
|
||||
}
|
||||
|
||||
|
||||
@mixin bouton($couleur:$couleurPrincipale, $texte:#FFF, $couleurBgSurvol:$couleurSecondaire) {
|
||||
@mixin bouton($clair:#fff, $sombre:$couleurPrincipale, $survol:$couleurSecondaire) {
|
||||
|
||||
display: inline-block;
|
||||
/* height: $spacer*2; */
|
||||
line-height: 1.2;
|
||||
padding: ($spacer/2) $spacer;
|
||||
background-color: $couleur;
|
||||
border: none;
|
||||
border-radius: ($spacer/4);
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
/* white-space: nowrap; */
|
||||
color: $texte;
|
||||
transition: background 0.3s;
|
||||
cursor: pointer;
|
||||
font-family:$typo-Merriweather;
|
||||
border-radius:($spacer/4);
|
||||
background:$sombre;
|
||||
color:$clair;
|
||||
font-weight:700;
|
||||
padding: ($spacer/2) $spacer;
|
||||
|
||||
&:hover {
|
||||
background-color: $couleurBgSurvol;
|
||||
background-color: $survol;
|
||||
text-decoration: none;
|
||||
color: $texte;
|
||||
color: $clair;
|
||||
}
|
||||
&:focus {
|
||||
background-color: lighten($couleurBgSurvol,10%);
|
||||
background-color: $clair !important;
|
||||
text-decoration: none;
|
||||
color: $texte;
|
||||
color: $sombre;
|
||||
}
|
||||
&[disabled=disabled] {
|
||||
background: desaturate($couleur, 45%);
|
||||
color: darken($texte, 10%);
|
||||
background: desaturate($clair, 45%);
|
||||
color: darken($sombre, 10%) !important;
|
||||
}
|
||||
.fas {
|
||||
padding-left:em(6px);
|
||||
padding-left:em(12px);
|
||||
float:right;
|
||||
&:before {
|
||||
font-size:em(20px);
|
||||
line-height:$spacer;
|
||||
font-size:em(22px);
|
||||
line-height:1;
|
||||
font-weight:700;
|
||||
color: $texte;
|
||||
color:$clair;
|
||||
}
|
||||
}
|
||||
&:hover .fas:before {
|
||||
color: $texte;
|
||||
}
|
||||
&:focus .fas:before {
|
||||
color: $texte;
|
||||
&:hover .fas:before, &:focus .fas:before {
|
||||
color: $clair;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@mixin list-reset() {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
Loading…
Reference in New Issue
Block a user