diff options
author | yhirano <yhirano@me.com> | 2017-05-08 03:47:31 +0900 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-07 20:47:31 +0200 |
commit | d63c291f86b1608a01322f1d8c1652361ea1dc8a (patch) | |
tree | b9d6f89410a212d8b830f956af84189d01222ad0 /app/javascript/styles/accounts.scss | |
parent | 6ad19036e3b744c6ae7c19627c569da79ffdb726 (diff) |
Enable CodeClimate SCSS Lint checks (#2886)
* add scss_lint to Gemfile * add .scss-lint.yml * fix warnings of scss-lint * chmod -x styles/variables.scss * Enable CodeClimate SCSS Lint checks
Diffstat (limited to 'app/javascript/styles/accounts.scss')
-rw-r--r-- | app/javascript/styles/accounts.scss | 29 |
1 files changed, 20 insertions, 9 deletions
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss index 99af9c982..e1fa28f43 100644 --- a/app/javascript/styles/accounts.scss +++ b/app/javascript/styles/accounts.scss @@ -13,7 +13,7 @@ box-shadow: none; } - &:after { + &::after { background: linear-gradient(rgba($color8, 0.5), rgba($color8, 0.8)); display: block; content: ""; @@ -83,7 +83,7 @@ .counter { width: 80px; color: $color3; - padding: 5px 10px 0px; + padding: 5px 10px 0; margin-bottom: 10px; border-right: 1px solid $color3; cursor: default; @@ -93,7 +93,7 @@ display: block; } - &:after { + &::after { display: block; content: ""; position: absolute; @@ -106,14 +106,14 @@ } &.active { - &:after { + &::after { border-bottom: 4px solid $color4; opacity: 1; } } &:hover { - &:after { + &::after { opacity: 1; transition-duration: 0.2s; } @@ -173,7 +173,12 @@ text-align: center; overflow: hidden; - a, .current, .next, .prev, .page, .gap { + a, + .current, + .next, + .prev, + .page, + .gap { font-size: 14px; color: $color5; font-weight: 500; @@ -194,7 +199,8 @@ cursor: default; } - .prev, .next { + .prev, + .next { text-transform: uppercase; color: $color2; } @@ -227,11 +233,16 @@ @media screen and (max-width: 360px) { padding: 30px 20px; - a, .current, .next, .prev, .gap { + a, + .current, + .next, + .prev, + .gap { display: none; } - .next, .prev { + .next, + .prev { display: inline-block; } } |