diff options
author | Thorsten Claus <thorstenclaus@web.de> | 2022-09-02 23:30:29 +0300 |
---|---|---|
committer | Thorsten Claus <thorstenclaus@web.de> | 2022-09-12 09:25:37 +0300 |
commit | 65456c7f5e6663c03fb1a661f440779f665b9b21 (patch) | |
tree | c9b16eb89ad2de04d120b34b4be8150a4e84153f /app/assets/stylesheets | |
parent | 8e01a66cb5c2eecd0010280d5c71d7e3c8ec3f80 (diff) |
Using mixins for aspects css style
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/_mixins.scss | 20 | ||||
-rw-r--r-- | app/assets/stylesheets/aspects.scss | 15 | ||||
-rw-r--r-- | app/assets/stylesheets/mobile/mobile.scss | 20 | ||||
-rw-r--r-- | app/assets/stylesheets/mobile/settings.scss | 8 |
4 files changed, 27 insertions, 36 deletions
diff --git a/app/assets/stylesheets/_mixins.scss b/app/assets/stylesheets/_mixins.scss index 17523f226..1f3dfb1b6 100644 --- a/app/assets/stylesheets/_mixins.scss +++ b/app/assets/stylesheets/_mixins.scss @@ -1,7 +1,7 @@ /* Mixin file for sass. Here is where we define our variables and browser compatability functions used in all scss/sass files */ -/* Transision defaults */ +// Transition defaults $speed: 0.1s; $easing: linear; @@ -138,3 +138,21 @@ $default-border-radius: 3px; .glyphicon-ok { display: none;} } } + +@mixin aspect-dropdown-link($anchor-size) { + $link-text-color: #333; + + a { + cursor: pointer; + padding-left: 10px; + + .text { + color: $link-text-color; + font-size: $anchor-size; + } + + &:hover { + background: $background-grey; + } + } +} diff --git a/app/assets/stylesheets/aspects.scss b/app/assets/stylesheets/aspects.scss index dce9a065d..5d79f11a8 100644 --- a/app/assets/stylesheets/aspects.scss +++ b/app/assets/stylesheets/aspects.scss @@ -1,26 +1,19 @@ +@import 'mixins'; + .aspect-dropdown { li { @include selectable-list; + @include aspect-dropdown-link(1em); .status_indicator { width: 19px; height: 14px; display: inline-block; } - - a { - .text { - color: #333333; - } - &:hover { - background: $background-grey; - } - cursor: pointer; - padding-left: 10px; - } } } + .aspect-membership { max-height: 300px; overflow: auto; diff --git a/app/assets/stylesheets/mobile/mobile.scss b/app/assets/stylesheets/mobile/mobile.scss index f3998a7c7..2a88055e6 100644 --- a/app/assets/stylesheets/mobile/mobile.scss +++ b/app/assets/stylesheets/mobile/mobile.scss @@ -676,28 +676,10 @@ input#q.search { margin-bottom: 20px; } -@mixin aspect-dropdown-link() { - $link-text-color: #333; - - a { - cursor: pointer; - padding-left: 10px; - - .text { - color: $link-text-color; - font-size: 128%; - } - - &:hover { - background: $background-grey; - } - } -} - .aspect-dropdown { li { @include selectable-list; - @include aspect-dropdown-link; + @include aspect-dropdown-link(128%); .status-indicator { display: inline-block; diff --git a/app/assets/stylesheets/mobile/settings.scss b/app/assets/stylesheets/mobile/settings.scss index f49b0ee88..0880462d3 100644 --- a/app/assets/stylesheets/mobile/settings.scss +++ b/app/assets/stylesheets/mobile/settings.scss @@ -56,10 +56,8 @@ width: 50px; } } -} -.user-language, -.user-color-theme, -.aspect-id { - padding: 3px; + select { + padding: 3px; + } } |