89 lines
1.4 KiB
SCSS
89 lines
1.4 KiB
SCSS
|
@import "../src/variables";
|
||
|
|
|
||
|
|
.pagination-previous, .pagination-next, .pagination-link {
|
||
|
|
color: $grey-light;
|
||
|
|
transition-duration: .2s;
|
||
|
|
|
||
|
|
&.is-current {
|
||
|
|
background-color: $bleu-violet;
|
||
|
|
border-color: darken($bleu-violet, 2%);
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
&.is-current {
|
||
|
|
background-color: darken($bleu-violet, 20%);
|
||
|
|
border-color: darken($bleu-violet, 22%);
|
||
|
|
}
|
||
|
|
color: $blanc_immacule;
|
||
|
|
background-color: $gris-violet;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltip.is-tooltip-multiline::before {
|
||
|
|
min-width: 15rem!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="-bleu_violet"] {
|
||
|
|
background: $bleu_violet;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bleu_violet {
|
||
|
|
border: none;
|
||
|
|
color: $blanc_immacule;
|
||
|
|
&:hover {
|
||
|
|
background: darken($bleu_violet, 10%);
|
||
|
|
color: $blanc_immacule;
|
||
|
|
}
|
||
|
|
&:active {
|
||
|
|
background: darken($bleu_violet, 20%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar-dark .navbar-item, .navbar-link{
|
||
|
|
color: $blanc_immacule;
|
||
|
|
line-height: inherit;
|
||
|
|
|
||
|
|
&:hover, &input:hover{
|
||
|
|
background-color: inherit;
|
||
|
|
color: $blanc_immacule;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-extra_large {
|
||
|
|
@media (min-width: 769px) {
|
||
|
|
font-size: 1.75rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-full-width {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
&:hover {
|
||
|
|
color: #45618a;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
transition: ease-in-out .1s;
|
||
|
|
&.is-success {
|
||
|
|
&:hover {
|
||
|
|
background-color: $success;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.is-white {
|
||
|
|
&:hover {
|
||
|
|
background-color: darken($blanc_immacule, 10%);
|
||
|
|
}
|
||
|
|
&:active {
|
||
|
|
background: darken($blanc_immacule, 20%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.grey-link {
|
||
|
|
color: $gris-violet;
|
||
|
|
&:hover {
|
||
|
|
color: darken($bleu-violet, 5%);
|
||
|
|
}
|
||
|
|
}
|