Browse Source

divers

master
chankalan 1 year ago
parent
commit
2ce741a518
  1. 45
      squelettes/scss/utils/_mixins.scss

45
squelettes/scss/utils/_mixins.scss

@ -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…
Cancel
Save