1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- @mixin flexbox {
- display: inline-flex;
- flex-wrap: wrap;
- width: 100%;
- }
- @mixin space-between {
- @include flexbox;
- justify-content: space-between;
- }
- @mixin grilles{
- display: grid;
- grid-template-columns: calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem);
- grid-gap: 1.4rem;
- grid-auto-rows: minmax(3.2rem, 3.2rem);
- justify-items: stretch;
- }
- @mixin card($size) {
- @if $size == 'small' {
- .card-header{
- h5{
- font-size: $Fsub-title;
- line-height: $Lsub-title;
- }
- }
- .card-date{
- time{
- font-size: $Fsub-title;
- line-height: $Lsub-title;
- }
- }
- } @else if $size == 'big' {
- width: $first_card;
- .card-header{
- h5{
- font-size: $Ftitle;
- line-height: $Ltitle;
- }
- }
- .card-date{
- time{
- font-size: $Ftitle;
- line-height: $Ltitle;
- }
- }
- }
- }
|