diff options
Diffstat (limited to 'darkly/_bootswatch.scss')
| -rw-r--r-- | darkly/_bootswatch.scss | 328 |
1 files changed, 328 insertions, 0 deletions
diff --git a/darkly/_bootswatch.scss b/darkly/_bootswatch.scss new file mode 100644 index 00000000..b60c99a2 --- /dev/null +++ b/darkly/_bootswatch.scss @@ -0,0 +1,328 @@ +// Darkly 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic"); + +// Navbar ===================================================================== + +.navbar { + border-width: 0; + + &-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } + } + + &-inverse { + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } + + &-brand { + padding: 18.5px 15px 20.5px; + } + + &-form { + .form-control { + background-color: white; + + &:focus { + border-color: white; + } + } + } +} + +// Buttons ==================================================================== + +.btn:active { + @include box-shadow(none); +} + +.btn-group.open .dropdown-toggle { + @include box-shadow(none); +} + +// Typography ================================================================= + +.text-primary, +.text-primary:hover { + color: lighten($brand-primary, 10%); +} + +.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; + } + } + + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td { + border: none; + } + + &-bordered > thead > tr > th, + &-bordered > tbody > tr > th, + &-bordered > tfoot > tr > th, + &-bordered > thead > tr > td, + &-bordered > tbody > tr > td, + &-bordered > tfoot > tr > td { + border: 1px solid $table-border-color; + } +} + +// Forms ====================================================================== + +input, +textarea { + color: $input-color; +} + +.form-control, +input, +textarea { + border: none; + @include box-shadow(none); + + &:focus { + @include box-shadow(none); + } +} + +.has-warning { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-warning; + } + + .form-control, + .form-control:focus { + @include box-shadow(none); + } + + .input-group-addon { + border-color: $brand-warning; + } +} + +.has-error { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-danger; + } + + .form-control, + .form-control:focus { + @include box-shadow(none); + } + + .input-group-addon { + border-color: $brand-danger; + } +} + +.has-success { + .help-block, + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline, + .form-control-feedback { + color: $brand-success; + } + + .form-control, + .form-control:focus { + @include box-shadow(none); + } + + .input-group-addon { + border-color: $brand-success; + } +} + +.input-group-addon { + color: $text-color; +} + +// Navs ======================================================================= + +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border-color: $nav-tabs-border-color; + } +} + +.nav-tabs > li > a, +.nav-pills > li > a { + color: #fff; +} + +.pager { + a, + a:hover { + color: #fff; + } + + .disabled { + &>a, + &>a:hover, + &>a:focus, + &>span { + background-color: $pagination-disabled-bg; + } + } +} + +.breadcrumb a { + color: #fff; +} + +// Indicators ================================================================= + +.close { + text-decoration: none; + text-shadow: none; + opacity: 0.4; + + &:hover, + &:focus { + opacity: 1; + } +} + +.alert { + .alert-link { + color: #fff; + text-decoration: underline; + } +} + +// Progress bars ============================================================== + +.progress { + height: 10px; + @include box-shadow(none); + .progress-bar { + font-size: 10px; + line-height: 10px; + } +} + +// Containers ================================================================= + +.well { + @include box-shadow(none); +} + +a.list-group-item { + + &.active, + &.active:hover, + &.active:focus { + border-color: $list-group-border; + } + + &-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%); + } + } +} + +.popover { + color: $text-color; +} + +.panel-default > .panel-heading { + background-color: $panel-footer-bg; +} |