siteweb
/
baz_april
7
1
Fork 0
Code Pull Requests Releases Wiki Activity

divers

This commit is contained in:
chankalan 2020-12-07 16:50:11 +01:00
parent 63b7216bb6
commit 2ce741a518
1 changed files with 23 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
squelettes/scss/utils/_mixins.scss
View File

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