summaryrefslogtreecommitdiff
path: root/web-ui/app/scss/mixins
diff options
context:
space:
mode:
authorZara Gebru <zgebru@thoughtworks.com>2016-12-02 15:25:23 +0100
committerZara Gebru <zgebru@thoughtworks.com>2016-12-02 15:25:23 +0100
commitb14833fbb56bcd5bff0750c16fd9214009b955be (patch)
treea1ec621dd5f76d756ac59b72a763a34a2c189387 /web-ui/app/scss/mixins
parent688a8b42e8ab7c6d4529b6dda66f40eead07ad02 (diff)
[refactor] move app dir into public dir
Diffstat (limited to 'web-ui/app/scss/mixins')
-rw-r--r--web-ui/app/scss/mixins/_position-helpers.scss9
-rw-r--r--web-ui/app/scss/mixins/_tags.scss110
2 files changed, 0 insertions, 119 deletions
diff --git a/web-ui/app/scss/mixins/_position-helpers.scss b/web-ui/app/scss/mixins/_position-helpers.scss
deleted file mode 100644
index 254bfc6c..00000000
--- a/web-ui/app/scss/mixins/_position-helpers.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-@mixin absolute-center-unknown-height-width() {
- margin: auto;
- position: absolute;
- left: 50%;
- top: 50%;
- -ms-transform: translate(-50%, -50%);
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
-}
diff --git a/web-ui/app/scss/mixins/_tags.scss b/web-ui/app/scss/mixins/_tags.scss
deleted file mode 100644
index 9bb287ea..00000000
--- a/web-ui/app/scss/mixins/_tags.scss
+++ /dev/null
@@ -1,110 +0,0 @@
-$tags-font-size: 0.6rem;
-
-@mixin tags {
- & > * {
- display: inline;
- }
-
- &-tag {
- font-size: $tags-font-size;
- font-weight: 700;
- background-color: $dark_blue;
- color: white;
- padding: 2px 4px;
- margin: 0 1px;
- border-radius: 2px;
- }
-}
-
-@mixin tags-editable {
- @include tags;
-
- &-tag:hover {
- text-decoration: line-through;
- cursor: pointer;
- position: relative;
-
- &:before {
- @include tooltip(130%, 25%);
-
- content: "click to remove";
- text-transform: lowercase;
- }
- }
-
- &-label {
- vertical-align: bottom;
- color: $light_gray;
- }
-
- &-new-button {
- font-size: $tags-font-size;
- padding: 0;
- background: transparent;
- border-radius: 2px;
- padding: 2px;
-
- &:hover {
- opacity: 1;
- background: $lighter_gray;
- }
- }
-
- &-name-input {
- opacity: 0.6;
- transition: background-color 150ms ease-out;
-
- &:hover {
- opacity: 1;
- }
-
- // twitter typeahead classes. those are set via JS, with relatively high specificity,
- // hence box-model-related properties are repeated
- // https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#class-names
-
- $suggestion-border: 1px solid darken($contrast, 5%);
- $input-field-padding: 1px 5px;
- $input-field-margin: 2px;
-
- & * .tt-input {
- border-radius: $input-field-margin;
- padding: $input-field-padding;
- margin-top: 2px;
- font-size: $tags-font-size;
- }
-
- & * .tt-hint {
- color: $medium_light_grey;
- padding: $input-field-padding;
- margin-top: $input-field-margin;
- font-size: $tags-font-size;
- background: transparent;
- }
-
- & * .tt-dropdown-menu {
- min-width: 250px;
- padding: 0;
- font-size: $tags-font-size;
- background-color: $contrast;
- border: $suggestion-border;
- }
-
- & * .tt-suggestion {
- padding: 5px 10px;
- font-size: $tags-font-size;
- border-bottom: $suggestion-border;
-
- &:last-child {
- border-bottom: none;
- }
-
- p {
- margin: 0;
- }
- }
-
- & * .tt-cursor {
- background-color: $white;
- }
- }
-}