Skip to content
Snippets Groups Projects
Commit 56e5cced authored by alexisben's avatar alexisben
Browse files

add sm Grid support

parent 0f8a5c46
No related branches found
No related tags found
No related merge requests found
Showing
with 24 additions and 18 deletions
...@@ -73,8 +73,13 @@ ...@@ -73,8 +73,13 @@
padding-left: $grid-gutter padding-left: $grid-gutter
padding-right: $grid-gutter padding-right: $grid-gutter
@mixin grid($cols: 12, $breakpoint: md) @mixin grid($cols: 12, $breakpoint: false)
@include media-breakpoint-up($breakpoint) @if $breakpoint
@include media-breakpoint-up($breakpoint)
display: grid
grid-gap: 0 $grid-gutter
grid-template-columns: repeat($cols, 1fr)
@else
display: grid display: grid
grid-gap: 0 $grid-gutter grid-gap: 0 $grid-gutter
grid-template-columns: repeat($cols, 1fr) grid-template-columns: repeat($cols, 1fr)
......
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
order: 1 order: 1
@include media-breakpoint-up(md) @include media-breakpoint-up(md)
// @include make-row // @include make-row
@include grid(2) @include grid(2, md)
align-items: center align-items: center
> * > *
// @include make-col-ready // @include make-col-ready
......
...@@ -41,4 +41,4 @@ ...@@ -41,4 +41,4 @@
@include in-page-without-aside @include in-page-without-aside
.definitions .definitions
@include grid(2) @include grid(2, md)
\ No newline at end of file \ No newline at end of file
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
ul ul
@include list-reset @include list-reset
@include in-page-with-aside @include in-page-with-aside
@include grid(2) @include grid(2, md)
@include in-page-without-aside @include in-page-without-aside
@include grid(3) @include grid(3, md)
a a
@include icon("download", before) @include icon("download", before)
align-items: center align-items: center
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
&--grid &--grid
.gallery .gallery
@include grid(3) @include grid(3, md)
&--carousel &--carousel
.container .container
......
.block-key_figures .block-key_figures
ul ul
// --bs-gutter-y: 3rem // --bs-gutter-y: 3rem
@include grid(3) @include grid(3, md)
list-style: none list-style: none
padding-left: 0 padding-left: 0
margin-bottom: 0 margin-bottom: 0
......
.block-pages .block-pages
.pages .pages
@include grid(2) @include grid(2, md)
.block-pages .block-pages
.main-page .main-page
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
padding-top: $grid-gutter padding-top: $grid-gutter
.pages .pages
> * > *
@include grid(4) @include grid(4, md)
.page .page
aspect-ratio: 0.887 aspect-ratio: 0.887
background-color: $block-pages-card-page-background background-color: $block-pages-card-page-background
......
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
.nav-level-2 .nav-level-2
@include media-breakpoint-up(md) @include media-breakpoint-up(md)
@include container @include container
@include grid(4) @include grid(4, md)
> li > li
&, &,
& > a, & > a,
......
...@@ -3,6 +3,7 @@ table ...@@ -3,6 +3,7 @@ table
caption-side: bottom caption-side: bottom
vertical-align: top vertical-align: top
width: 100% width: 100%
text-align: left
caption caption
padding: px2rem(10) 0 padding: px2rem(10) 0
......
.organizations .organizations
// @include grid(2) quid mobile @include grid(2)
@include grid(3) @include grid(3, md)
@include grid(4, lg) @include grid(4, lg)
@include grid(6, xl) @include grid(6, xl)
...@@ -28,4 +28,4 @@ ...@@ -28,4 +28,4 @@
text-underline-offset: 3px text-underline-offset: 3px
.pages .pages
@include grid(2) @include grid(2, md)
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
// @extend .small // @extend .small
.persons .persons
@include grid(2) @include grid(2, md)
@include grid(3, lg) @include grid(3, lg)
.avatar .avatar
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
font-size: px2rem(14) font-size: px2rem(14)
.posts .posts
@include grid(2) @include grid(2, md)
@include grid(3, xl) @include grid(3, xl)
.post-categories .post-categories
......
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
[itemprop="articleBody"] [itemprop="articleBody"]
section section
border-top: 1px solid $main-color border-top: 1px solid $main-color
@include grid(12) @include grid(12, md)
@include media-breakpoint-up(md) @include media-breakpoint-up(md)
position: relative position: relative
> * > *
...@@ -75,4 +75,4 @@ ...@@ -75,4 +75,4 @@
h2 h2
@include sticky(calc($header-height + $spacing4)) @include sticky(calc($header-height + $spacing4))
align-self: start align-self: start
grid-column: 1/6 grid-column: 1/6
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment