From a2100eabdb487d08dc600814faa24eec414f2099 Mon Sep 17 00:00:00 2001 From: Antonio Laguna Date: Wed, 31 May 2017 20:41:29 +0200 Subject: [PATCH] Linting --- src/scss/modules/_flexblock-reasons.scss | 13 +++++++------ src/scss/modules/_longform.scss | 2 ++ src/scss/modules/_promos.scss | 1 + src/scss/modules/_quotes.scss | 3 ++- src/scss/modules/_slides.scss | 7 ++++--- src/scss/modules/_work.scss | 3 +-- 6 files changed, 17 insertions(+), 12 deletions(-) diff --git a/src/scss/modules/_flexblock-reasons.scss b/src/scss/modules/_flexblock-reasons.scss index 31451b4..7693bde 100644 --- a/src/scss/modules/_flexblock-reasons.scss +++ b/src/scss/modules/_flexblock-reasons.scss @@ -4,11 +4,11 @@ text-align: left; width: 100%; - li:hover { + &:hover { transform: translateY(-.2rem); } - li:after { + &:after { bottom: -2.4rem; content: ''; display: block; @@ -16,7 +16,7 @@ position: relative; } - li:before { + &:before { content: counter(list)'.'; font-size: 6.4rem; line-height: 1; @@ -24,13 +24,14 @@ } @media (min-width: 768px) { - li { padding-left: 8.8rem; + padding-left: 8.8rem; /* You need two digits? (1-10)*/ /*padding-left: 12rem; */ -} - li:before { + + &:before { left: 2.4rem; position: absolute; } } } + diff --git a/src/scss/modules/_longform.scss b/src/scss/modules/_longform.scss index 9d03bd0..b4e3348 100644 --- a/src/scss/modules/_longform.scss +++ b/src/scss/modules/_longform.scss @@ -36,12 +36,14 @@ font-size: 1.6rem; line-height: 2.4rem; } + /* Mobile: video full width */ .text-pull.embed { margin-left: -2.4rem; margin-right: -2.4rem; padding-bottom: 60.6%; } + @media (min-width: 1280px) { [class*='text-pull-'] { max-width: 32%; diff --git a/src/scss/modules/_promos.scss b/src/scss/modules/_promos.scss index dfee529..010e100 100644 --- a/src/scss/modules/_promos.scss +++ b/src/scss/modules/_promos.scss @@ -61,6 +61,7 @@ } } } + /* --- Header CTA --- */ .cta-cover { display: table; diff --git a/src/scss/modules/_quotes.scss b/src/scss/modules/_quotes.scss index 31f6d06..c96a1ed 100644 --- a/src/scss/modules/_quotes.scss +++ b/src/scss/modules/_quotes.scss @@ -15,6 +15,7 @@ blockquote { } } } + /* -- Interviews dl.text-interview -- */ dd blockquote p:last-child { margin-bottom: 0; @@ -33,9 +34,9 @@ cite { cite span { display: block; } + /* -- A big Blockquote -- */ /* .wall will be deprecated soon. Use .text-quote ;) */ - .text-quote, .wall { /* Versatility: blockquote, p, h2... */ diff --git a/src/scss/modules/_slides.scss b/src/scss/modules/_slides.scss index 75d920b..811860d 100644 --- a/src/scss/modules/_slides.scss +++ b/src/scss/modules/_slides.scss @@ -17,7 +17,6 @@ section .dark { } /*=== Section = Slide === */ - section, .slide { display: flex; @@ -36,17 +35,20 @@ section, padding-top: 12rem; } } + /*slide with no padding (full card, .embed youtube video...) */ .fullscreen { - padding: 0 + padding: 0; /* Fixed/Visible header? padding:8.2rem 0 0 0; */ } + /* slide alignment - top */ .slide-top { justify-content: flex-start; } + /* slide alignment - bottom */ .slide-bottom { justify-content: flex-end; @@ -54,7 +56,6 @@ section, /*== 5.1. Mini container width:50% Aligned items [class*="content-"]=== */ - [class*='content-'] { position: relative; text-align: left; diff --git a/src/scss/modules/_work.scss b/src/scss/modules/_work.scss index 6b0995c..b1bafd1 100644 --- a/src/scss/modules/_work.scss +++ b/src/scss/modules/_work.scss @@ -1,7 +1,6 @@ /*========================================= 8. Work/Resumé/CV