diff options
| author | Felix Hammerl <fhammerl@thoughtworks.com> | 2016-03-18 11:03:38 +0100 |
|---|---|---|
| committer | Felix Hammerl <fhammerl@thoughtworks.com> | 2016-03-22 12:17:52 +0100 |
| commit | 2704235bc7893d01a1cb2e6ef931a1a0219b53ab (patch) | |
| tree | 92bb15c37e5e051a09d34640ea30d559cc2e3c08 /web-ui/app/scss | |
| parent | 052365f6478b0f0043754b65915ddfde8a781989 (diff) | |
Issue #649: Extract tags mixin to separate file
Diffstat (limited to 'web-ui/app/scss')
| -rw-r--r-- | web-ui/app/scss/_mixins.scss | 66 | ||||
| -rw-r--r-- | web-ui/app/scss/mixins/_tags.scss | 78 | ||||
| -rw-r--r-- | web-ui/app/scss/style.scss | 1 |
3 files changed, 79 insertions, 66 deletions
diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss index 13f90685..b752e8a5 100644 --- a/web-ui/app/scss/_mixins.scss +++ b/web-ui/app/scss/_mixins.scss @@ -80,72 +80,6 @@ } } -@mixin tags { - i.tags-label { - vertical-align: bottom; - font-size: medium; - color: $light_gray; - } - - ul.tags { - margin-bottom: 0; - li { - font-size: 0.6rem; - background-color: lighten($action_buttons, 12); - color: white; - display: inline; - padding: 2px 3px; - margin: 0 1px; - position: relative; - @include border-radius(2px); - &[data-tag="drafts"] { - color: $attention; - background: $contrast; - } - &.tag:hover { - text-decoration: line-through; - cursor: pointer; - } - &.add-new { - opacity: 0.6; - transition: background-color 150ms ease-out; - background: transparent; - border: 1px solid $lighter_gray; - line-height: 0; - padding: 1px 2px; - margin-left: -5px; - @include border-radius(2px); - &:hover { - opacity: 1; - background: $lighter_gray; - } - i { - &:before { - vertical-align: middle; - font-size: smaller; - } - } - } - &.new-tag { - font-size: 0.7em; - display: inline-block; - padding: 0; - background: transparent; - input { - display: inline; - font-size: 1em; - padding: 1px 5px; - width: 120px; - margin: 0; - } - @include tt-hint; - .tt-dropdown-menu { - width: 250px; - } - } - } - } -} @mixin searching($top, $left, $color, $size){ &.searching { diff --git a/web-ui/app/scss/mixins/_tags.scss b/web-ui/app/scss/mixins/_tags.scss new file mode 100644 index 00000000..c018156a --- /dev/null +++ b/web-ui/app/scss/mixins/_tags.scss @@ -0,0 +1,78 @@ +@mixin tags { + i.tags-label { + vertical-align: bottom; + font-size: medium; + color: $light_gray; + } + + ul.tags { + margin-bottom: 0; + + li { + font-size: 0.6rem; + background-color: lighten($action_buttons, 12); + color: white; + display: inline; + padding: 2px 3px; + margin: 0 1px; + position: relative; + + @include border-radius(2px); + + &[data-tag="drafts"] { + color: $attention; + background: $contrast; + } + + &.tag:hover { + text-decoration: line-through; + cursor: pointer; + } + + &.add-new { + opacity: 0.6; + transition: background-color 150ms ease-out; + background: transparent; + border: 1px solid $lighter_gray; + line-height: 0; + padding: 1px 2px; + margin-left: -5px; + + @include border-radius(2px); + + &:hover { + opacity: 1; + background: $lighter_gray; + } + + i { + &:before { + vertical-align: middle; + font-size: smaller; + } + } + } + + &.new-tag { + font-size: 0.7em; + display: inline-block; + padding: 0; + background: transparent; + + input { + display: inline; + font-size: 1em; + padding: 1px 5px; + width: 120px; + margin: 0; + } + + @include tt-hint; + + .tt-dropdown-menu { + width: 250px; + } + } + } + } +} diff --git a/web-ui/app/scss/style.scss b/web-ui/app/scss/style.scss index cb905c27..05974efb 100644 --- a/web-ui/app/scss/style.scss +++ b/web-ui/app/scss/style.scss @@ -11,6 +11,7 @@ // mixins @import "mixins/position-helpers"; +@import "mixins/tags"; @import "mixins"; // templates |