diff options
author | Corey Sewell <corey@gdmedia.tv> | 2014-11-14 20:40:27 +1300 |
---|---|---|
committer | Corey Sewell <corey@gdmedia.tv> | 2014-11-14 20:44:05 +1300 |
commit | 28bd7c0707e3a29f4f74fbdeab88beaa81cd06d4 (patch) | |
tree | 2d1f7e7bfaf049f0829f0896d3b0e7c3c16b7a63 /cosmo/_bootswatch.scss | |
parent | 3f867ba1163807a2d43f33ba8d38b5947c45b6fe (diff) |
Add support for SASS/SCSS
Refactored less files to be more scss friendly
* Ensured no variables are used before assignment
* Removed interpolated variable usage with similar substitute
Added SCSS Grunt tasks
* convert_less - Converts theme less files to scss
* swatch_scss - Same as original swatch task, but using sass
* compress_scss - Same as original compress task, but using sass
Added dependencies for SCSS
Updated _config.yml so jekyll includes theme _bootswatch.scss and _variables.scss files
Added .sass-cache dir to .gitignore
Diffstat (limited to 'cosmo/_bootswatch.scss')
-rw-r--r-- | cosmo/_bootswatch.scss | 237 |
1 files changed, 237 insertions, 0 deletions
diff --git a/cosmo/_bootswatch.scss b/cosmo/_bootswatch.scss new file mode 100644 index 00000000..f1a42c5d --- /dev/null +++ b/cosmo/_bootswatch.scss @@ -0,0 +1,237 @@ +// Cosmo 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700"); + +// Navbar ===================================================================== + +.navbar { + + &-inverse { + + .badge { + background-color: #fff; + color: $brand-primary; + } + } +} + +// Buttons ==================================================================== + +// Typography ================================================================= + +body { + -webkit-font-smoothing: antialiased; +} + +.text-primary, +.text-primary:hover { + color: $brand-primary; +} + +.text-success, +.text-success:hover { + color: $brand-success; +} + +.text-danger, +.text-danger:hover { + color: $brand-danger; +} + +.text-warning, +.text-warning:hover { + color: $brand-warning; +} + +.text-info, +.text-info:hover { + color: $brand-info; +} + +// Tables ===================================================================== + +table, +.table { + + a:not(.btn) { + text-decoration: underline; + } + + .dropdown-menu a { + text-decoration: none; + } + + .success, + .warning, + .danger, + .info { + color: #fff; + + a { + color: #fff; + } + } +} + +// Forms ====================================================================== + + +.has-warning { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid $brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid $brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus, + .input-group-addon { + border: 1px solid $brand-success; + } +} + +// Navs ======================================================================= + +.nav-pills { + + & > li > a { + border-radius: 0; + } +} + +.dropdown-menu { + + & > li > a:hover, + & > li > a:focus { + background-image: none; + } +} + +// Indicators ================================================================= + +.close { + text-decoration: none; + text-shadow: none; + opacity: 0.4; + + &:hover, + &:focus { + opacity: 1; + } +} + +.alert { + border: none; + + .alert-link { + text-decoration: underline; + color: #fff; + } +} + +.label { + border-radius: 0; +} + +// Progress bars ============================================================== + +.progress { + height: 8px; + @include box-shadow(none); + .progress-bar { + font-size: 8px; + line-height: 8px; + } +} + +// Containers ================================================================= + +.panel { + &-heading, + &-footer { + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &-default { + .close { + color: $text-color; + } + } +} + +a.list-group-item { + + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } + } + + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } + } + + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } + } +} + +.modal { + .close { + color: $text-color; + } +} + +.popover { + color: $text-color; +} |