> diff --git a/patrimoine.php b/patrimoine.php index 6274cc6..041cf97 100644 --- a/patrimoine.php +++ b/patrimoine.php @@ -1,4 +1,7 @@ - +

Mot clÃ© diff --git a/style/inc/_common.sass b/style/inc/_common.sass index 0a647b2..70b80e5 100644 --- a/style/inc/_common.sass +++ b/style/inc/_common.sass @@ -29,6 +29,9 @@ main min-width: 1650px padding: $space $space $space $space*3+150px + &.responsive + min-width: auto + section margin-top: 15px padding: 15px 0 diff --git a/style/inc/_mixins.sass b/style/inc/_mixins.sass index 7eb5ab0..2ab7a90 100644 --- a/style/inc/_mixins.sass +++ b/style/inc/_mixins.sass @@ -54,4 +54,15 @@ .toggle-menu svg - transform: scale(1, 1) \ No newline at end of file + transform: scale(1, 1) + +// Responsive mediaqueries +@mixin media-medium + @media screen and (max-width: $breakpoint-medium) + & + @content + +@mixin media-small + @media screen and (max-width: $breakpoint-small) + & + @content \ No newline at end of file diff --git a/style/inc/_page-dashboard.sass b/style/inc/_page-dashboard.sass index 355d0e9..0cd4ffa 100644 --- a/style/inc/_page-dashboard.sass +++ b/style/inc/_page-dashboard.sass @@ -7,6 +7,12 @@ main grid-template-columns: repeat( 3, 1fr) grid-gap: 25px + @include media-medium + grid-template-columns: repeat( 2, 1fr) + + @include media-small + grid-template-columns: repeat( 1, 1fr) + // Indicateurs numÃ©riques (Tableau de bord et Patrimoine) &.indicators article @@ -24,6 +30,12 @@ main min-height: 600px grid-column: 2 / 4 grid-row: 3 / 9 + @include media-medium + grid-column: 1 / 3 + grid-row: auto + @include media-small + grid-column: auto + .no-cssgrid & height: 600px width: calc(90% + 55px) @@ -45,6 +57,7 @@ main article position: relative padding: 20px + .no-cssgrid & display: inline-block width: 30% @@ -68,6 +81,7 @@ main .dots margin-top: 6px + svg height: 10px diff --git a/style/inc/_variables.sass b/style/inc/_variables.sass index ec16e30..836c4e9 100644 --- a/style/inc/_variables.sass +++ b/style/inc/_variables.sass @@ -31,4 +31,8 @@ $tag-brown: #D2B48C // FlÃ¨ches Ã©volution (projections) $evolution-stable: #BCBDC0 $evolution-asc: #D6231A -$evolution-desc: #C1CE3A \ No newline at end of file +$evolution-desc: #C1CE3A + +// Responsive breakpoints +$breakpoint-medium: 1300px +$breakpoint-small: 900px \ No newline at end of file diff --git a/tableau-de-bord.php b/tableau-de-bord.php index 64ede1f..36a9f3f 100644 --- a/tableau-de-bord.php +++ b/tableau-de-bord.php @@ -1,4 +1,7 @@ - + Mot clÃ©