From 2f4b4a1146be1db831a4b0fd8c637aa9f3373f90 Mon Sep 17 00:00:00 2001 From: Chris Lawton <chris.lawton@torchbox.com> Date: Fri, 31 Aug 2018 11:24:03 +0100 Subject: [PATCH] lint styles --- .../src/sass/apply/components/_all-submissions.scss | 9 +++++---- .../static_src/src/sass/apply/components/_button.scss | 2 +- opentech/static_src/src/sass/apply/components/_feed.scss | 2 +- opentech/static_src/src/sass/apply/components/_grid.scss | 2 +- opentech/static_src/src/sass/apply/components/_icon.scss | 6 +++--- .../static_src/src/sass/apply/components/_messages.scss | 6 ++++-- opentech/static_src/src/sass/apply/components/_tabs.scss | 6 +++--- .../static_src/src/sass/public/components/_listing.scss | 4 ++-- .../static_src/src/sass/public/components/_messages.scss | 6 ++++-- opentech/static_src/src/sass/public/layout/_footer.scss | 5 +++-- 10 files changed, 27 insertions(+), 21 deletions(-) diff --git a/opentech/static_src/src/sass/apply/components/_all-submissions.scss b/opentech/static_src/src/sass/apply/components/_all-submissions.scss index d13f4985d..ea72a28ba 100644 --- a/opentech/static_src/src/sass/apply/components/_all-submissions.scss +++ b/opentech/static_src/src/sass/apply/components/_all-submissions.scss @@ -164,7 +164,7 @@ $table-breakpoint: 'tablet-landscape'; } } - &.reviews_stats { + &.reviews_stats { // sass-lint:disable-line class-name-format display: none; @include media-query($table-breakpoint) { @@ -188,11 +188,12 @@ $table-breakpoint: 'tablet-landscape'; } } - > span.mobile-label { - width: 90px; + > span.mobile-label { // sass-lint:disable-line force-element-nesting display: inline-block; + width: 90px; - &.phase, &.title { + &.phase, + &.title { display: none; } diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss index dee9b0ebc..9df5c764c 100644 --- a/opentech/static_src/src/sass/apply/components/_button.scss +++ b/opentech/static_src/src/sass/apply/components/_button.scss @@ -169,8 +169,8 @@ } &--submit { - margin-right: 10px; min-width: 200px; + margin-right: 10px; text-align: center; } diff --git a/opentech/static_src/src/sass/apply/components/_feed.scss b/opentech/static_src/src/sass/apply/components/_feed.scss index a171c7e51..71c84edea 100644 --- a/opentech/static_src/src/sass/apply/components/_feed.scss +++ b/opentech/static_src/src/sass/apply/components/_feed.scss @@ -57,7 +57,7 @@ } &__content { - width:100%; + width: 100%; @include media-query(small-tablet) { padding-left: 20px; diff --git a/opentech/static_src/src/sass/apply/components/_grid.scss b/opentech/static_src/src/sass/apply/components/_grid.scss index 70f35af59..4a078d7bd 100644 --- a/opentech/static_src/src/sass/apply/components/_grid.scss +++ b/opentech/static_src/src/sass/apply/components/_grid.scss @@ -88,7 +88,7 @@ } &__cell { - &--span-two{ + &--span-two { @include media-query(mob-landscape) { grid-column: auto / span 2; } diff --git a/opentech/static_src/src/sass/apply/components/_icon.scss b/opentech/static_src/src/sass/apply/components/_icon.scss index e17f4352c..6b1bab502 100644 --- a/opentech/static_src/src/sass/apply/components/_icon.scss +++ b/opentech/static_src/src/sass/apply/components/_icon.scss @@ -85,12 +85,12 @@ } &--eye { + position: relative; + top: 0.25em; align-self: center; - height: 1em; width: 1em; + height: 1em; stroke: $color--black; - top: .25em; - position: relative; } &--pen { diff --git a/opentech/static_src/src/sass/apply/components/_messages.scss b/opentech/static_src/src/sass/apply/components/_messages.scss index fa2b2d2f9..f568ead89 100644 --- a/opentech/static_src/src/sass/apply/components/_messages.scss +++ b/opentech/static_src/src/sass/apply/components/_messages.scss @@ -13,12 +13,14 @@ padding-right: 35px; border: solid 1px; - &--info , &--success { + &--info, + &--success { background: $color--pastel-green; border-color: darken($color--pastel-green, 20%); } - &--warning, &--error { + &--error, + &--warning { font-weight: bold; color: $color--white; background: $color--error; diff --git a/opentech/static_src/src/sass/apply/components/_tabs.scss b/opentech/static_src/src/sass/apply/components/_tabs.scss index 98f371069..a5b9d65c2 100644 --- a/opentech/static_src/src/sass/apply/components/_tabs.scss +++ b/opentech/static_src/src/sass/apply/components/_tabs.scss @@ -26,8 +26,8 @@ transition: color, background-color, 0.1s ease-out; @include media-query(mob-landscape) { - padding: 15px; width: 33%; + padding: 15px; } @include media-query(small-tablet) { @@ -50,11 +50,11 @@ } &--right { - display:none; + display: none; @include media-query(small-tablet) { - margin-left: auto; display: block; + margin-left: auto; } } } diff --git a/opentech/static_src/src/sass/public/components/_listing.scss b/opentech/static_src/src/sass/public/components/_listing.scss index a9aa4bb32..4a0e6ec55 100644 --- a/opentech/static_src/src/sass/public/components/_listing.scss +++ b/opentech/static_src/src/sass/public/components/_listing.scss @@ -96,9 +96,9 @@ } &__image { - margin-bottom: 10px; - height: 180px; width: 180px; + height: 180px; + margin-bottom: 10px; @include media-query(tablet-portrait) { position: absolute; diff --git a/opentech/static_src/src/sass/public/components/_messages.scss b/opentech/static_src/src/sass/public/components/_messages.scss index a732b3c02..5ede73fe9 100644 --- a/opentech/static_src/src/sass/public/components/_messages.scss +++ b/opentech/static_src/src/sass/public/components/_messages.scss @@ -13,12 +13,14 @@ padding-right: 35px; border: solid 1px; - &--info , &--success { + &--info, + &--success { background: $color--mint; border-color: darken($color--mint, 20%); } - &--warning, &--error { + &--error, + &--warning { font-weight: bold; color: $color--white; background: $color--error; diff --git a/opentech/static_src/src/sass/public/layout/_footer.scss b/opentech/static_src/src/sass/public/layout/_footer.scss index ac71e029c..413ec34d1 100644 --- a/opentech/static_src/src/sass/public/layout/_footer.scss +++ b/opentech/static_src/src/sass/public/layout/_footer.scss @@ -45,8 +45,9 @@ } } - input{ - &[type='text'], &[type='email'] { + input { + &[type='text'], + &[type='email'] { width: 100%; max-width: 390px; margin-bottom: 1rem; -- GitLab