From b7fbef1cd8c2b25d8462f0fc27156696e2dc848c Mon Sep 17 00:00:00 2001 From: Dennis Eichhorn Date: Sat, 4 Feb 2017 13:15:30 +0100 Subject: [PATCH] Fix multiple imports --- _mixin.scss => _mixins.scss | 0 _vars.scss | 7 +- accordion.scss | 2 +- alignment.scss | 9 + blockquote.scss | 2 +- breadcrumb.scss | 2 +- button.scss | 2 +- canvas.scss | 2 +- color.scss | 5 - default.scss | 2 +- form.scss | 2 +- icon.scss | 14 +- image.scss | 2 +- input.scss | 2 +- list.scss | 2 +- main.scss | 2 +- nav.scss | 2 +- pagination.scss | 2 +- progress.scss | 2 +- section.scss | 2 +- styles.css | 973 +++++------------------------------- styles.scss | 2 +- tab.scss | 2 +- table.scss | 6 +- tag.scss | 2 +- tooltip.scss | 2 +- 26 files changed, 158 insertions(+), 894 deletions(-) rename _mixin.scss => _mixins.scss (100%) diff --git a/_mixin.scss b/_mixins.scss similarity index 100% rename from _mixin.scss rename to _mixins.scss diff --git a/_vars.scss b/_vars.scss index 4cd0d3c..cb02cdb 100644 --- a/_vars.scss +++ b/_vars.scss @@ -47,4 +47,9 @@ $yellow: #ff0; $white: #fff; $black: #000; $pink: #f0f; -$purple: #7D26CD; \ No newline at end of file +$purple: #7D26CD; + +$content-border-color: #b7b7b7; +$content-borderlight-color: #dddddd; +$background-color: #e7ebf3; +$content-background-color: #f5f5ff; \ No newline at end of file diff --git a/accordion.scss b/accordion.scss index 963f5d3..5cdf256 100644 --- a/accordion.scss +++ b/accordion.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .ac-container{ margin: 10px auto 30px auto; diff --git a/alignment.scss b/alignment.scss index 2867993..51319bf 100644 --- a/alignment.scss +++ b/alignment.scss @@ -18,3 +18,12 @@ float: right; } +.pAlignTable { + display: table; + width: 100%; +} + +.vCenterTable { + display: table-cell; + vertical-align: middle; +} \ No newline at end of file diff --git a/blockquote.scss b/blockquote.scss index 3ffe039..2f53e71 100644 --- a/blockquote.scss +++ b/blockquote.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; blockquote { border: 1px solid $content-borderlight-color; diff --git a/breadcrumb.scss b/breadcrumb.scss index 26dd85d..b2949b6 100644 --- a/breadcrumb.scss +++ b/breadcrumb.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .crumbs-1 { list-style: none; diff --git a/button.scss b/button.scss index 7085e47..7c9286a 100644 --- a/button.scss +++ b/button.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .btn { cursor: pointer; diff --git a/canvas.scss b/canvas.scss index b291bed..aa7015b 100644 --- a/canvas.scss +++ b/canvas.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; canvas { background: #fff; diff --git a/color.scss b/color.scss index 59188ae..56de477 100644 --- a/color.scss +++ b/color.scss @@ -1,8 +1,3 @@ -$content-border-color: #b7b7b7; -$content-borderlight-color: #dddddd; -$background-color: #e7ebf3; -$content-background-color: #f5f5ff; - .ok { color: #5cff56; } diff --git a/default.scss b/default.scss index 21ac1cc..12a7ea9 100644 --- a/default.scss +++ b/default.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; body { background: $background-color; diff --git a/form.scss b/form.scss index 26ed752..1e1d735 100644 --- a/form.scss +++ b/form.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; form li { margin: 5px 0 5px 0; diff --git a/icon.scss b/icon.scss index 4200399..21f9d33 100644 --- a/icon.scss +++ b/icon.scss @@ -1,19 +1,19 @@ .infoIcon { - width: 24px; + width: .9rem; text-align: center; vertical-align: middle; position: relative; cursor: pointer; span { - font-size: .35em; + font-size: .55rem; display: block; position: absolute; - right: -.75em; - top: -.75em; - width: 2.3em; - height: 2.2em; - line-height: 2.5em; + right: -.55rem; + top: -.45rem; + width: .9rem; + height: .9rem; + line-height: .9rem; border-radius: 50%; text-align: center; diff --git a/image.scss b/image.scss index 98eb796..4f5a03e 100644 --- a/image.scss +++ b/image.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; img.frame-1 { padding: 5px; diff --git a/input.scss b/input.scss index e6cc969..d74857d 100644 --- a/input.scss +++ b/input.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; input, select, textarea, .textarea { border: 1px solid $content-border-color; diff --git a/list.scss b/list.scss index 234f08b..8270b5a 100644 --- a/list.scss +++ b/list.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; ul.default li { margin: 5px 0 5px 0; diff --git a/main.scss b/main.scss index 27bcdd8..ee2acc7 100644 --- a/main.scss +++ b/main.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; main { height: 100%; diff --git a/nav.scss b/nav.scss index c8afea8..2238280 100644 --- a/nav.scss +++ b/nav.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; #nav-side { width: 175px; diff --git a/pagination.scss b/pagination.scss index 69b7968..13e64d8 100644 --- a/pagination.scss +++ b/pagination.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .pagination { li { diff --git a/progress.scss b/progress.scss index b48fe36..f5e1134 100644 --- a/progress.scss +++ b/progress.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .meter { height: 20px; /* Can be anything */ diff --git a/section.scss b/section.scss index e382b30..5cfb37d 100644 --- a/section.scss +++ b/section.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .box { @include box-sizing(border-box); diff --git a/styles.css b/styles.css index cea095f..5b8601a 100644 --- a/styles.css +++ b/styles.css @@ -40,51 +40,11 @@ table { i { font-style: normal; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ body { background: #e7ebf3; font-family: Open Sans, sans-serif; @@ -278,6 +238,14 @@ article { .floatRight { float: right; } +.pAlignTable { + display: table; + width: 100%; } + +.vCenterTable { + display: table-cell; + vertical-align: middle; } + .hidden { display: none; } @@ -3283,51 +3251,11 @@ p { p + p { margin-top: 5px; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .tooltip { position: relative; cursor: pointer; @@ -3584,101 +3512,21 @@ p + p { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ canvas { background: #fff; border: 1px solid #000; user-select: none; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ form li { margin: 5px 0 5px 0; } @@ -3715,70 +3563,30 @@ form .list { padding: 3px 5px 3px 5px; } .infoIcon { - width: 24px; + width: .9rem; text-align: center; vertical-align: middle; position: relative; cursor: pointer; } .infoIcon span { - font-size: .35em; + font-size: .55rem; display: block; position: absolute; - right: -.75em; - top: -.75em; - width: 2.3em; - height: 2.2em; - line-height: 2.5em; + right: -.55rem; + top: -.45rem; + width: .9rem; + height: .9rem; + line-height: .9rem; border-radius: 50%; text-align: center; color: #fff; background: #d16059; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ img.frame-1 { padding: 5px; background: #f5f5ff; @@ -3884,51 +3692,11 @@ div.slider-1 figure { opacity: 1; transform: scale(1); } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ input, select, textarea, .textarea { border: 1px solid #b7b7b7; } @@ -4071,51 +3839,11 @@ select.plain { cursor: pointer; box-shadow: none; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .ac-container { margin: 10px auto 30px auto; text-align: left; } @@ -4207,51 +3935,11 @@ div.alert { border: 2px solid #85b0ee; color: #4865a5; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ blockquote { border: 1px solid #dddddd; background: #ffffff; @@ -4265,51 +3953,11 @@ blockquote { border-radius: 3px; background-clip: padding-box; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .crumbs-1 { list-style: none; overflow: hidden; @@ -4375,51 +4023,11 @@ blockquote { .crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after { border-left: 14px solid #ffffff; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .btn { cursor: pointer; } @@ -4569,51 +4177,11 @@ article a { .unseen { font-weight: bold; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ ul.default li { margin: 5px 0 5px 0; } ul.default li:first-child { @@ -4664,51 +4232,11 @@ ul.h-list li { .bullet.active { background: #000; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ #nav-side { width: 175px; position: fixed; @@ -4838,51 +4366,11 @@ label[for="nav-trigger"] { #nav-side { width: 100%; } } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ main { height: 100%; width: 100%; @@ -4894,51 +4382,11 @@ main { background: #e7ebf3; transition: all 0.2s; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .pagination li { display: inline; } .pagination a { @@ -4959,51 +4407,11 @@ main { -webkit-box-shadow: inset 1px 1px 0px 0px #e8e8e8; box-shadow: inset 1px 1px 0px 0px #e8e8e8; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .meter { height: 20px; /* Can be anything */ @@ -5168,51 +4576,11 @@ main { line-height: 60px; font-size: 9px; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -5254,51 +4622,11 @@ section > h2 { margin-bottom: 5px; text-shadow: 1px 1px 1px #ffffff; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .tabular { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -5397,51 +4725,11 @@ section > h2 { .tabular-2 .tab-content input:checked + div { display: inherit; } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } - +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ table.table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -5532,51 +4820,14 @@ table.list td { table.table td:last-child { border-bottom: 0; } } -.ok { - color: #5cff56; } - -.warning { - color: #ff4b41; } - -.favorite { - color: #d16059; } - -.green { - background: #c0ffb4; } - -.red { - background: #ff7c70; } - -.blue { - background: #c1c8ff; } - -.orange { - background: #ffbf7c; } - -.lightblue { - background: #b5ffff; } - -.yellow { - background: #fffe97; } - -.purple { - background: #bfa5ff; } - -.pink { - background: #ffa6e3; } - -.grey { - background: #dcdcdc; } - -.darkred { - background: #d16059; } - -.darkgreen { - background: #77d17c; } - -.darkblue { - background: #7ba9d1; } +.nobreak { + white-space: nowrap; } +/* Global */ +/* Content Container */ +/* Content box */ +/* Navigation */ +/* Colors */ .tag { text-shadow: 1px 1px 1px #ffffff; cursor: pointer; diff --git a/styles.scss b/styles.scss index 5601a2c..fe8d2e8 100644 --- a/styles.scss +++ b/styles.scss @@ -1,3 +1,3 @@ -@import "_vars", "clean", "_mixin", "default", "color", "size", "transformation", "alignment", "visibility", "animate", "grid"; +@import "_vars", "clean", "_mixins", "default", "color", "size", "transformation", "alignment", "visibility", "animate", "grid"; @import "layout", "draggable", "text", "tooltip", "spinner", "canvas", "form", "icon", "image", "input", "accordion", "alert", "badge", "blockquote", "breadcrumb", "button", "link", "list", "nav", "main", "note", "pagination", "popup", "progress", "section", "tab", "table", "tag"; @import "media"; diff --git a/tab.scss b/tab.scss index b03289e..266aab8 100644 --- a/tab.scss +++ b/tab.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .tabular { @include box-sizing(border-box); diff --git a/table.scss b/table.scss index 005b42c..6322659 100644 --- a/table.scss +++ b/table.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; table.table { @include box-sizing(border-box); @@ -137,4 +137,8 @@ table.list { table.table td:last-child { border-bottom: 0; } +} + +.nobreak { + white-space: nowrap; } \ No newline at end of file diff --git a/tag.scss b/tag.scss index 3ebd152..e3df709 100644 --- a/tag.scss +++ b/tag.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .tag { text-shadow: 1px 1px 1px #ffffff; diff --git a/tooltip.scss b/tooltip.scss index a413068..b96e208 100644 --- a/tooltip.scss +++ b/tooltip.scss @@ -1,4 +1,4 @@ -@import "_mixin", "color"; +@import "_mixins", "_vars"; .tooltip { position: relative;