From 6499419555733f73ccd85ba363ef1a5cfe333b1c Mon Sep 17 00:00:00 2001 From: Simon C Date: Fri, 11 Jun 2021 23:28:45 +0200 Subject: [PATCH] =?UTF-8?q?refactor:=20S=C3=A9paration=20du=20style=20du?= =?UTF-8?q?=20footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/styles/footer.sass | 52 +++++++++++++++++++++++++++++++++++++ assets/styles/main.sass | 54 +-------------------------------------- 2 files changed, 53 insertions(+), 53 deletions(-) create mode 100644 assets/styles/footer.sass diff --git a/assets/styles/footer.sass b/assets/styles/footer.sass new file mode 100644 index 0000000..237a97d --- /dev/null +++ b/assets/styles/footer.sass @@ -0,0 +1,52 @@ +.footer + background: $vert + color: white + padding: 2rem 0 + + .icons + height: 30px + width: 30px + margin: 1rem 0 .5rem .5rem + + a + color: white + display: inline-block + + .container + display: flex + @media screen and (max-width: $size-md) + flex-wrap: wrap + justify-content: center + @media screen and (max-width: $size-sm) + flex-direction: column + + .address + text-align: right + .logo + width: 20% + @media screen and (max-width: $size-md) + order: -1 + width: 100% + img + margin: 0 auto 1rem + .horaire, + .address + width: 40% + padding: 1rem + + @media screen and (max-width: $size-sm) + width: 100% + text-align: center + padding: 1rem 0 0 + + .ccpu + margin: 0 auto + + h3 + font-size: 1.3rem + margin: 0 0 .7rem + font-weight: bold + + p + margin: 0 + line-height: 1.1rem diff --git a/assets/styles/main.sass b/assets/styles/main.sass index 0f29953..9b71da8 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -13,6 +13,7 @@ $size-xl: 1280px @import "./reset" @import "./fonts" @import "./header" +@import "./footer" @import "./posts" @import "./print" @@ -151,59 +152,6 @@ hr a color: white -.footer - background: $vert - color: white - padding: 2rem 0 - - .icons - height: 30px - width: 30px - margin: 1rem 0 .5rem .5rem - - a - color: white - display: inline-block - - .container - display: flex - @media screen and (max-width: $size-md) - flex-wrap: wrap - justify-content: center - @media screen and (max-width: $size-sm) - flex-direction: column - - .address - text-align: right - .logo - width: 20% - @media screen and (max-width: $size-md) - order: -1 - width: 100% - img - margin: 0 auto 1rem - .horaire, - .address - width: 40% - padding: 1rem - - @media screen and (max-width: $size-sm) - width: 100% - text-align: center - padding: 1rem 0 0 - - .ccpu - margin: 0 auto - - h3 - font-size: 1.3rem - margin: 0 0 .7rem - font-weight: bold - - p - margin: 0 - line-height: 1.1rem - #content .commissions h3, h4 color: $vert