From: Jérémy Fabre Date: Wed, 31 Aug 2016 10:58:21 +0000 (+0200) Subject: Add articles meta and fix some margins on sliders and sticky elements X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=6e4cf227c10248d557a4996d68fe89efdc03a9dd;p=mezzo.git Add articles meta and fix some margins on sliders and sticky elements --- diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss index 5317dc9b..ac344b8d 100755 --- a/app/static/src/sass/modules/_all.scss +++ b/app/static/src/sass/modules/_all.scss @@ -21,6 +21,7 @@ @import 'search'; @import 'pattern'; @import 'tag'; +@import 'share-links'; // Typography modules @import 'dashed'; diff --git a/app/static/src/sass/modules/_page.scss b/app/static/src/sass/modules/_page.scss index e1d9b440..43d69ac1 100644 --- a/app/static/src/sass/modules/_page.scss +++ b/app/static/src/sass/modules/_page.scss @@ -2,6 +2,14 @@ $module: ".page"; #{$module} { + &__sidebar { + + @include mq($until: sm) { + background: white; + } + + } + &__slider { background: white; @@ -15,4 +23,38 @@ $module: ".page"; } + &__meta { + + @include margin-bottom(2); + + } + + &__meta-separator { + + height: 1px; + background: black; + width: 45px; + + @include margin(1 0); + + } + + &__meta-date { + + @include font-size(l); + @include line-height(1); + @include typeface(serif); + font-weight: weight(heavy); + + } + + &__meta-title { + + @include font-size(l); + @include line-height(1); + @include typeface(serif); + font-weight: weight(heavy); + + } + } diff --git a/app/static/src/sass/modules/_share-links.scss b/app/static/src/sass/modules/_share-links.scss new file mode 100644 index 00000000..7b3140c8 --- /dev/null +++ b/app/static/src/sass/modules/_share-links.scss @@ -0,0 +1,17 @@ +$module: ".share-links"; + +#{$module} { + + list-style-type: none; + padding: 0; + margin: 0; + + &__item { + + display: inline-block; + font-size: 1.5rem; + @include margin-right(.5); + + } + +} diff --git a/app/static/src/sass/modules/navs/_nav-tree.scss b/app/static/src/sass/modules/navs/_nav-tree.scss index 1032ac27..3bffd7d4 100644 --- a/app/static/src/sass/modules/navs/_nav-tree.scss +++ b/app/static/src/sass/modules/navs/_nav-tree.scss @@ -8,9 +8,7 @@ $module: ".nav-tree"; &--level-0 { - @include mq($until: sm) { - @include margin-bottom(3); - } + @include margin-bottom(2); } diff --git a/app/static/src/sass/modules/sliders/_slider-page.scss b/app/static/src/sass/modules/sliders/_slider-page.scss index e3e4d14a..c802a1ad 100644 --- a/app/static/src/sass/modules/sliders/_slider-page.scss +++ b/app/static/src/sass/modules/sliders/_slider-page.scss @@ -5,7 +5,6 @@ $module: ".slider-page"; list-style-type: none; margin: 0; padding: 0; - height: 520px; // // Not lightslider, lets go with Flexbox W00t W00t @@ -45,6 +44,7 @@ $module: ".slider-page"; } .flexbox & { visibility: visible; + padding: 0 5px; @include mq($from: sm) { -webkit-order: 0; -ms-flex-order: 0; diff --git a/app/templates/includes/share_buttons.html b/app/templates/includes/share_buttons.html index 96b499e2..6736ce61 100644 --- a/app/templates/includes/share_buttons.html +++ b/app/templates/includes/share_buttons.html @@ -1,16 +1,16 @@ {% load i18n %} -