diff options
Diffstat (limited to 'readable/bootswatch.less')
| -rw-r--r-- | readable/bootswatch.less | 166 |
1 files changed, 115 insertions, 51 deletions
diff --git a/readable/bootswatch.less b/readable/bootswatch.less index 2d497244..04452226 100644 --- a/readable/bootswatch.less +++ b/readable/bootswatch.less @@ -2,75 +2,124 @@ // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Raleway:700"); +@import url("//fonts.googleapis.com/css?family=Raleway:400,700"); // Navbar ===================================================================== .navbar { - font-family: @headings-font-family; - text-transform: uppercase; + font-family: @headings-font-family; + + &-nav > li > a { + padding: @padding-base-vertical @padding-base-horizontal; + margin: 12px 6px; + border: 1px solid transparent; + border-radius: @border-radius-base; + + &:hover { + border: 1px solid #ddd; + } + } + + &-nav > .active > a, + &-nav > .active > a:hover { + border: 1px solid #ddd; + } + + &-default .navbar-nav > .active > a:hover { + color: @navbar-default-link-hover-color; + } + + &-inverse .navbar-nav > .active > a:hover { + color: @navbar-inverse-link-hover-color; + } + + &-brand { + margin-top: 6px; + } +} - &-nav > li > a { - padding-top: @navbar-padding-vertical + 6px; - } +// Buttons ==================================================================== - &-nav > .active > a, - &-nav > .active > a:hover { - text-decoration: underline; - } +.btn { + font-family: @headings-font-family; +} - &-default .navbar-nav > .active > a:hover { - color: @navbar-default-link-hover-color; - } +// Typography ================================================================= - &-inverse .navbar-nav > .active > a:hover { - color: @navbar-inverse-link-hover-color; - } +// Tables ===================================================================== - &-brand { - padding-top: @navbar-padding-vertical + 5px; - } -} +// Forms ====================================================================== -// Buttons ==================================================================== +legend { + font-family: @headings-font-family; +} -.btn { - font-family: @headings-font-family; - text-transform: uppercase; +.input-group-addon { + font-family: @font-family-sans-serif; } -// Typography ================================================================= +// Navs ======================================================================= -h1, h2, h3, h4, h5, h6 { - text-transform: uppercase; +.nav { + .open > a, + .open > a:hover, + .open > a:focus { + border: 1px solid #ddd; + } } -p { - margin-bottom: 1.4em; +.pagination { + + font-family: @headings-font-family; + + &-lg > li > a, + &-lg > li > span { + padding: 14px 24px; + } } -// Tables ===================================================================== +.pager { -// Forms ====================================================================== + font-family: @headings-font-family; -// Navs ======================================================================= + a { + color: @text-color; + } -.pagination { + a:hover { + border-color: transparent; + color: #fff; + } - &-lg > li > a, - &-lg > li > span { - padding: 14px 24px; - } + .disabled a { + border-color: @pager-border; + } } // Indicators ================================================================= .alert { - a, - .alert-link { - color: @alert-success-text; - text-decoration: underline; - } + a, + .alert-link { + color: @alert-success-text; + text-decoration: underline; + } +} + +.label { + font-family: @headings-font-family; + font-weight: normal; + + &-default { + border: 1px solid #ddd; + color: @text-color; + } + +} + +.badge { + font-family: @headings-font-family; + font-weight: normal; } // Progress bars ============================================================== @@ -79,13 +128,28 @@ p { .panel { - &-primary, - &-success, - &-warning, - &-danger, - &-info { - .panel-heading { - color: #fff; - } - } + .box-shadow(none); + + &-default .panel-heading, + &-default .panel-footer { + background-color: #fff; + font-family: @headings-font-family; + font-weight: bold; + } + + &-primary, + &-success, + &-warning, + &-danger, + &-info { + .panel-heading { + color: #fff; + } + + .panel-body { + border: 1px solid #ddd; + border-top-width: 0; + border-radius: 0 0 @border-radius-base @border-radius-base; + } + } } |