88 lines
1.5 KiB
SCSS
88 lines
1.5 KiB
SCSS
/* --- 04. COMPOSANTS --- */
|
|
|
|
/*
|
|
* Les différents composants réutilisables de la page.
|
|
*
|
|
*/
|
|
|
|
@import 'components/buttons';
|
|
|
|
@import 'components/cards';
|
|
|
|
@import 'components/tables';
|
|
|
|
@import 'components/previews';
|
|
|
|
.flex-that {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.bg {
|
|
@each $name, $color in list-colors() {
|
|
&-#{$name} { @include background-color(get-color($name)); }
|
|
}
|
|
}
|
|
|
|
strong.btn-fake {
|
|
@include button($button_large);
|
|
@include button-fullcontrol(transparent, transparent, rgba(0,0,0,1));
|
|
}
|
|
|
|
a.article-nav-link-wrap {
|
|
@include button($button_large);
|
|
padding-left: $button_large;
|
|
padding-right: $button_large;
|
|
&:hover, &:active {
|
|
@include borders();
|
|
}
|
|
|
|
p &:last-child {
|
|
margin-bottom:0;
|
|
}
|
|
@include button-color($color-info);
|
|
}
|
|
|
|
.pigimg, .mb {
|
|
padding-bottom:1.5rem;
|
|
}
|
|
|
|
.screen-reader-text {
|
|
visibility: collapse;
|
|
font-size:0;
|
|
}
|
|
|
|
nav.pagination {
|
|
padding-bottom:1.5rem;
|
|
.nav-links {
|
|
text-align: center;
|
|
width:100%;
|
|
}
|
|
.page-numbers, .next, .prev {
|
|
@include button($button_small);
|
|
padding-left: $button_small;
|
|
padding-right: $button_small;
|
|
@include button-color($color-font-light);
|
|
|
|
&.current {
|
|
@include button-color($color-info);
|
|
}
|
|
}
|
|
}
|
|
|
|
.card-select {
|
|
width:100%;
|
|
}
|
|
|
|
.input-group {
|
|
padding-bottom:1.5rem;
|
|
|
|
input, textarea {
|
|
width:100%;
|
|
background-color:$color-background;
|
|
border-radius:0px;
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
padding:0.375rem;
|
|
}
|
|
}
|