diff options
Diffstat (limited to 'sandstone/_bootswatch.scss')
-rw-r--r-- | sandstone/_bootswatch.scss | 195 |
1 files changed, 195 insertions, 0 deletions
diff --git a/sandstone/_bootswatch.scss b/sandstone/_bootswatch.scss new file mode 100644 index 00000000..85e4a831 --- /dev/null +++ b/sandstone/_bootswatch.scss @@ -0,0 +1,195 @@ +// Sandstone 3.3.0 +// Bootswatch +// ----------------------------------------------------- + +@import url("//fonts.googleapis.com/css?family=Roboto:400,500"); + +// Navbar ===================================================================== + +.sandstone { + font-size: 11px; + line-height: 22px; + font-weight: 500; + text-transform: uppercase; +} + +.navbar { + .nav > li > a { + @extend .sandstone; + } + + &-form input, + &-form .form-control { + border: none; + } +} + +// Buttons ==================================================================== + +.btn { + border: none; + @extend .sandstone; + + &:hover { + border-color: transparent; + } + + &-lg { + line-height: 26px; + } + + &-default { + &:hover { + background-color: $navbar-default-link-active-bg; + } + } +} + +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +input, +.form-control { + @include box-shadow(none); + + &:focus { + border-color: $input-border; + @include box-shadow(none); + } +} + +.input-sm { + padding: 15px 10px; +} + +// Navs ======================================================================= + +.nav { + @extend .sandstone; + + .open > a, + .open > a:hover, + .open > a:focus { + border-color: $gray-light; + } +} + +.nav-tabs { + + & > li > a { + background-color: $gray-lighter; + border-color: $nav-tabs-border-color; + color: $gray; + } + + > li.disabled > a:hover { + background-color: $gray-lighter; + } +} + +.nav-pills { + a { + color: $gray; + } + + li > a { + border: 1px solid transparent; + } + + li.active > a, + li > a:hover { + border-color: $gray-light; + } + + li.disabled > a { + border-color: transparent; + } +} + +.breadcrumb { + @extend .sandstone; + + border: 1px solid $gray-light; + + a { + color: $gray; + } +} + +.pagination { + @extend .sandstone; +} + +.pager { + @extend .sandstone; + + li > a { + color: $gray; + } +} + +.dropdown-menu { + & > li > a { + @extend .sandstone; + } +} + +// Indicators ================================================================= + +.alert { + + a, + .alert-link { + color: #fff; + } +} + +.tooltip { + @extend .sandstone; +} + +// Progress bars ============================================================== + +.progress { + border-radius: 10px; + background-color: $gray-light; + @include box-shadow(none); + + &-bar { + @include box-shadow(none); + } +} + +// Containers ================================================================= + +.list-group { + &-item { + padding: 16px 24px; + } +} + +.well { + @include box-shadow(none); +} + +.panel { + @include box-shadow(none); + + .panel-heading, + .panel-title, + .panel-footer { + @extend .sandstone; + color: #fff; + } + + &-default { + .panel-heading, + .panel-title, + .panel-footer { + color: $gray; + } + } +} |