diff --git a/.gitmodules b/.gitmodules index 379cb4d..cff8c91 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,3 +1,3 @@ [submodule "bootswatch"] path = bootswatch - url = git@github.com:thomaspark/bootswatch.git + url = https://github.com/thomaspark/bootswatch.git diff --git a/Rakefile b/Rakefile index af5283a..49878b6 100644 --- a/Rakefile +++ b/Rakefile @@ -22,17 +22,13 @@ THEMES = %w( ).freeze -LESS_FILES = FileList["bootswatch/{#{THEMES.join(',')}}/*.less"] +LESS_FILES = FileList["bootswatch/{#{THEMES.join(',')}}/_*.scss"] SCSS_FILES = LESS_FILES.pathmap( - 'vendor/assets/stylesheets/bootswatch/%-1d/_%n.scss' + 'vendor/assets/stylesheets/bootswatch/%-1d/%n.scss' ) SCSS_FILES.zip(LESS_FILES).each do |target, source| - directory File.dirname(target) - - file target => [File.dirname(target), source] do - sh "./converter #{source} #{target}" - end + sh "yes | cp #{source} #{target}" end desc 'Imprecisely convert LESS files to SCSS files' diff --git a/bootswatch b/bootswatch index d2246ac..a4a1888 160000 --- a/bootswatch +++ b/bootswatch @@ -1 +1 @@ -Subproject commit d2246acacb1c9ae45a70ab36f3ca980cded0c75b +Subproject commit a4a1888523044ecc1eccfa93d6cc256c10e7401d diff --git a/lib/bootswatch-rails/version.rb b/lib/bootswatch-rails/version.rb index 998e26b..a563c4a 100644 --- a/lib/bootswatch-rails/version.rb +++ b/lib/bootswatch-rails/version.rb @@ -1,5 +1,5 @@ module Bootswatch module Rails - VERSION = '3.3.5' + VERSION = '3.3.7' end end diff --git a/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss index 6bbdf51..4186d7c 100644 --- a/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss @@ -1,8 +1,8 @@ -// Cerulean 3.3.5 +// Cerulean 3.3.7 // Bootswatch // ----------------------------------------------------- -@mixin btn-shadow($color) { +@mixin btn-shadow($color){ @include gradient-vertical-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%)); filter: none; border-bottom: 1px solid darken($color, 10%); @@ -11,32 +11,31 @@ // Navbar ===================================================================== .navbar { - @include btn-shadow($navbar-default-bg); - filter: none; - @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1)); -} - -.navbar .navbar-nav > li > a, -.navbar-brand { - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -} + &-default { + @include btn-shadow($navbar-default-bg); + filter: none; + @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1)); + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } + } -.navbar-default { + &-inverse { + @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%)); + filter: none; + border-bottom: 1px solid darken($navbar-inverse-bg, 10%); - .badge { - background-color: #fff; - color: $navbar-default-bg; + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } } -} -.navbar-inverse { - @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%)); - filter: none; - border-bottom: 1px solid darken($navbar-inverse-bg, 10%); - - .badge { - background-color: #fff; - color: $navbar-inverse-bg; + .navbar-nav > li > a, + &-brand { + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } } @@ -68,7 +67,7 @@ } .btn-default { - + @include btn-shadow($btn-default-bg); &:hover { diff --git a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss index 3d4375c..db2f809 100644 --- a/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss @@ -1,4 +1,5 @@ -// Cerulean 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Cerulean 3.3.7 // Variables // -------------------------------------------------- @@ -67,7 +68,7 @@ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; //** By default, this inherits from the ``. $headings-font-family: $font-family-base !default; $headings-font-weight: 500 !default; -$headings-line-height: 1.1 !default; +$headings-line-height: 1.2 !default; $headings-color: #317EAC !default; @@ -76,6 +77,7 @@ $headings-color: #317EAC !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #ccc !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -387,7 +389,7 @@ $navbar-default-toggle-icon-bar-bg: #fff !default; $navbar-default-toggle-border-color: darken($navbar-default-bg, 10%) !default; -// Inverted navbar +//=== Inverted navbar // Reset inverted navbar basics $navbar-inverse-color: #fff !default; $navbar-inverse-bg: $brand-info !default; @@ -488,6 +490,7 @@ $jumbotron-color: inherit !default; $jumbotron-bg: $gray-lighter !default; $jumbotron-heading-color: inherit !default; $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; +$jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default; //== Form states and alerts @@ -861,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss index 7463023..23161a7 100644 --- a/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss @@ -1,22 +1,25 @@ -// Cosmo 3.3.5 +// Cosmo 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" !default; +@import url($web-font-path); // Navbar ===================================================================== -.navbar-inverse { +.navbar { - .badge { - background-color: #fff; - color: $brand-primary; + &-inverse { + + .badge { + background-color: #fff; + color: $brand-primary; + } } } // Buttons ==================================================================== - // Typography ================================================================= body { @@ -198,48 +201,53 @@ table, // Containers ================================================================= -.panel-heading, -.panel-footer { - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -.panel-default { - .close { - color: $text-color; - } -} - -a.list-group-item-success { - &.active { - background-color: $state-success-bg; +.panel { + &-heading, + &-footer { + border-top-right-radius: 0; + border-top-left-radius: 0; } - &.active:hover, - &.active:focus { - background-color: darken($state-success-bg, 5%); + &-default { + .close { + color: $text-color; + } } } -a.list-group-item-warning { - &.active { - background-color: $state-warning-bg; - } +a.list-group-item { - &.active:hover, - &.active:focus { - background-color: darken($state-warning-bg, 5%); + &-success { + &.active { + background-color: $state-success-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } } -} -a.list-group-item-danger { - &.active { - background-color: $state-danger-bg; + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } } - &.active:hover, - &.active:focus { - background-color: darken($state-danger-bg, 5%); + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } } } diff --git a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss index e2f6234..7aa27e8 100644 --- a/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss @@ -1,4 +1,5 @@ -// Cosmo 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Cosmo 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #ccc !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss index 6bad400..010d836 100644 --- a/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss @@ -1,8 +1,9 @@ -// Cyborg 3.3.5 +// Cyborg 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Roboto:400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,700" !default; +@import url($web-font-path); // Navbar ===================================================================== @@ -35,6 +36,13 @@ color: $brand-info; } +.bg-success, +.bg-info, +.bg-warning, +.bg-danger { + color: #fff; +} + // Tables ===================================================================== table, @@ -131,10 +139,6 @@ legend { color: #fff; } -.input-group-addon { - background-color: $btn-default-bg; -} - // Navs ======================================================================= .nav-tabs, @@ -191,38 +195,38 @@ a.list-group-item { &.active:focus { border-color: $list-group-border; } -} - -a.list-group-item-success { - &.active { - background-color: $state-success-bg; - } - - &.active:hover, - &.active:focus { - background-color: darken($state-success-bg, 5%); - } -} - -a.list-group-item-warning { - &.active { - background-color: $state-warning-bg; - } - - &.active:hover, - &.active:focus { - background-color: darken($state-warning-bg, 5%); - } -} - -a.list-group-item-danger { - &.active { - background-color: $state-danger-bg; - } - &.active:hover, - &.active:focus { - background-color: darken($state-danger-bg, 5%); + &-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%); + } } } diff --git a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss index a30b8c9..7b2f1ac 100644 --- a/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss @@ -1,4 +1,5 @@ -// Cyborg 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Cyborg 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: #fff !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: $gray-dark !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -218,7 +220,7 @@ $legend-color: $text-color !default; $legend-border-color: $gray-dark !default; //** Background color for textual input addons -$input-group-addon-bg: $gray-lighter !default; +$input-group-addon-bg: $btn-default-bg !default; //** Border color for textual input addons $input-group-addon-border-color: $input-border !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -521,7 +523,7 @@ $tooltip-max-width: 200px !default; //** Tooltip text color $tooltip-color: #fff !default; //** Tooltip background color -$tooltip-bg: #000 !default; +$tooltip-bg: lighten($body-bg, 15%) !default; $tooltip-opacity: .9 !default; //** Tooltip arrow width @@ -535,13 +537,13 @@ $tooltip-arrow-color: $tooltip-bg !default; //## //** Popover body background color -$popover-bg: lighten($body-bg, 10%) !default; +$popover-bg: $tooltip-bg !default; //** Popover maximum width $popover-max-width: 276px !default; //** Popover border color $popover-border-color: rgba(0,0,0,.2) !default; //** Popover fallback border color -$popover-fallback-border-color: #999 !default; +$popover-fallback-border-color: $popover-bg !default; //** Popover title background color $popover-title-bg: darken($popover-bg, 3%) !default; @@ -554,9 +556,9 @@ $popover-arrow-color: $popover-bg !default; //** Popover outer arrow width $popover-arrow-outer-width: ($popover-arrow-width + 1) !default; //** Popover outer arrow color -$popover-arrow-outer-color: fadein($popover-border-color, 5%) !default; +$popover-arrow-outer-color: $popover-border-color !default; //** Popover outer arrow fallback color -$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default; +$popover-arrow-outer-fallback-color: $popover-fallback-border-color !default; //== Labels @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-dark !default; $page-header-border-color: $gray-dark !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-dark !default; diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss index 1043ac7..0c59684 100644 --- a/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss @@ -1,41 +1,42 @@ -// Darkly 3.3.5 +// Darkly 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic"); +$web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic" !default; +@import url($web-font-path); // Navbar ===================================================================== .navbar { border-width: 0; -} -.navbar-default { + &-default { - .badge { - background-color: #fff; - color: $navbar-default-bg; + .badge { + background-color: #fff; + color: $navbar-default-bg; + } } -} -.navbar-inverse { + &-inverse { - .badge { - background-color: #fff; - color: $navbar-inverse-bg; + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } } -} -.navbar-brand { - line-height: 1; -} + &-brand { + line-height: 1; + } -.navbar-form { - .form-control { - background-color: white; + &-form { + .form-control { + background-color: white; - &:focus { - border-color: white; + &:focus { + border-color: white; + } } } } @@ -116,15 +117,14 @@ table, border: none; } -} - -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid $table-border-color; + &-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 ====================================================================== @@ -145,6 +145,10 @@ textarea { } } +.form-control-feedback { + color: $input-color; +} + .has-warning { .help-block, .control-label, @@ -303,38 +307,38 @@ a.list-group-item { &.active:focus { border-color: $list-group-border; } -} - -a.list-group-item-success { - &.active { - background-color: $state-success-bg; - } - &.active:hover, - &.active:focus { - background-color: darken($state-success-bg, 5%); - } -} - -a.list-group-item-warning { - &.active { - background-color: $state-warning-bg; - } + &-success { + &.active { + background-color: $state-success-bg; + } - &.active:hover, - &.active:focus { - background-color: darken($state-warning-bg, 5%); + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } } -} -a.list-group-item-danger { - &.active { - background-color: $state-danger-bg; + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } } - &.active:hover, - &.active:focus { - background-color: darken($state-danger-bg, 5%); + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } } } diff --git a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss index aa38f98..51f6de9 100644 --- a/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss @@ -1,4 +1,5 @@ -// Darkly 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Darkly 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $gray !default; //** `` border color $input-border: #f1f1f1 !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -363,7 +365,7 @@ $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; $navbar-collapse-max-height: 340px !default; -$navbar-default-color: #777 !default; +$navbar-default-color: #fff !default; $navbar-default-bg: $brand-primary !default; $navbar-default-border: transparent !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray !default; $page-header-border-color: transparent !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray !default; diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss index 04b0b9d..a9c2a77 100644 --- a/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss @@ -1,33 +1,34 @@ -// Flatly 3.3.5 +// Flatly 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic"); +$web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic" !default; +@import url($web-font-path); // Navbar ===================================================================== .navbar { border-width: 0; -} -.navbar-default { + &-default { - .badge { - background-color: #fff; - color: $navbar-default-bg; + .badge { + background-color: #fff; + color: $navbar-default-bg; + } } -} -.navbar-inverse { + &-inverse { - .badge { - background-color: #fff; - color: $navbar-inverse-bg; + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } } -} -.navbar-brand { - line-height: 1; + &-brand { + line-height: 1; + } } // Buttons ==================================================================== @@ -106,21 +107,20 @@ table, border: none; } -} - -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid $table-border-color; + &-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 ====================================================================== .form-control, -input, { +input { border-width: 2px; @include box-shadow(none); @@ -276,44 +276,46 @@ a.list-group-item { &.active:focus { border-color: $list-group-border; } -} - -a.list-group-item-success { - &.active { - background-color: $state-success-bg; - } - - &.active:hover, - &.active:focus { - background-color: darken($state-success-bg, 5%); - } -} -a.list-group-item-warning { - &.active { - background-color: $state-warning-bg; - } + &-success { + &.active { + background-color: $state-success-bg; + } - &.active:hover, - &.active:focus { - background-color: darken($state-warning-bg, 5%); + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } } -} -a.list-group-item-danger { - &.active { - background-color: $state-danger-bg; + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } } - &.active:hover, - &.active:focus { - background-color: darken($state-danger-bg, 5%); + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } } } -.panel-default { - .close { - color: $text-color; +.panel { + &-default { + .close { + color: $text-color; + } } } diff --git a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss index 833c691..6bcaaba 100644 --- a/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss @@ -1,4 +1,5 @@ -// Flatly 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Flatly 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #dce4ec !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -363,7 +365,7 @@ $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default; $navbar-collapse-max-height: 340px !default; -$navbar-default-color: #777 !default; +$navbar-default-color: #fff !default; $navbar-default-bg: $brand-primary !default; $navbar-default-border: transparent !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: transparent !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss index 895e107..0beec2b 100644 --- a/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss @@ -1,8 +1,9 @@ -// Journal 3.3.5 +// Journal 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=News+Cycle:400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=News+Cycle:400,700" !default; +@import url($web-font-path); // Navbar ===================================================================== @@ -10,21 +11,21 @@ font-size: 18px; font-family: $font-family-sans-serif; font-weight: $headings-font-weight; -} -.navbar-default { + &-default { - .badge { - background-color: #000; - color: #fff; + .badge { + background-color: #000; + color: #fff; + } } -} -.navbar-inverse { + &-inverse { - .badge { - background-color: #fff; - color: $navbar-inverse-bg; + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } } } @@ -128,12 +129,17 @@ } } -.panel-primary, -.panel-success, -.panel-warning, -.panel-danger, -.panel-info { - .panel-title { - color: #fff; +.panel { + + &-primary, + &-success, + &-warning, + &-danger, + &-info { + .panel-title { + color: #fff; + } } + + } diff --git a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss index d3e22e5..9aac45a 100644 --- a/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/journal/_variables.scss @@ -1,4 +1,5 @@ -// Journal 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Journal 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: #000 !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #ccc !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -387,13 +389,13 @@ $navbar-default-toggle-icon-bar-bg: #ccc !default; $navbar-default-toggle-border-color: #ddd !default; -// Inverted navbar +//=== Inverted navbar // Reset inverted navbar basics $navbar-inverse-color: #fff !default; $navbar-inverse-bg: $brand-primary !default; $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default; -//=== Inverted navbar links +// Inverted navbar links $navbar-inverse-link-color: #fff !default; $navbar-inverse-link-hover-color: #fff !default; $navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 6.5%) !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss index 5e21b49..2d35f52 100644 --- a/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss @@ -1,10 +1,11 @@ -// Lumen 3.3.5 +// Lumen 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic"); +$web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic" !default; +@import url($web-font-path); -@mixin shadow($width: 4px) { +@mixin shadow($width: 4px){ border-width: 0 1px $width 1px; } @@ -33,68 +34,68 @@ border-bottom-width: 2px; @include box-shadow(none); } -} -.btn-lg, -.btn-group-lg > .btn { - padding: ($padding-large-vertical + 2) $padding-large-horizontal $padding-large-vertical; - line-height: 15px; -} + &-lg, + &-group-lg > .btn { + padding: ($padding-large-vertical + 2) $padding-large-horizontal $padding-large-vertical; + line-height: 15px; + } -.btn-sm, -.btn-group-sm > .btn { - padding: ($padding-small-vertical + 2) $padding-small-horizontal $padding-small-vertical; -} + &-sm, + &-group-sm > .btn { + padding: ($padding-small-vertical + 2) $padding-small-horizontal $padding-small-vertical; + } -.btn-xs, -.btn-group-xs > .btn { - padding: ($padding-xs-vertical + 2) $padding-xs-horizontal $padding-xs-vertical; -} + &-xs, + &-group-xs > .btn { + padding: ($padding-xs-vertical + 2) $padding-xs-horizontal $padding-xs-vertical; + } -.btn-default:hover, -.btn-default:focus, -.btn-group.open .dropdown-toggle.btn-default { - background-color: $btn-default-bg; - border-color: $btn-default-border; -} + &-default:hover, + &-default:focus, + &-group.open .dropdown-toggle.btn-default { + background-color: $btn-default-bg; + border-color: $btn-default-border; + } -.btn-primary:hover, -.btn-primary:focus, -.btn-group.open .dropdown-toggle.btn-primary { - background-color: $btn-primary-bg; - border-color: $btn-primary-border; -} + &-primary:hover, + &-primary:focus, + &-group.open .dropdown-toggle.btn-primary { + background-color: $btn-primary-bg; + border-color: $btn-primary-border; + } -.btn-success:hover, -.btn-success:focus, -.btn-group.open .dropdown-toggle.btn-success { - background-color: $btn-success-bg; - border-color: $btn-success-border; -} + &-success:hover, + &-success:focus, + &-group.open .dropdown-toggle.btn-success { + background-color: $btn-success-bg; + border-color: $btn-success-border; + } -.btn-info:hover, -.btn-info:focus, -.btn-group.open .dropdown-toggle.btn-info { - background-color: $btn-info-bg; - border-color: $btn-info-border; -} + &-info:hover, + &-info:focus, + &-group.open .dropdown-toggle.btn-info { + background-color: $btn-info-bg; + border-color: $btn-info-border; + } -.btn-warning:hover, -.btn-warning:focus, -.btn-group.open .dropdown-toggle.btn-warning { - background-color: $btn-warning-bg; - border-color: $btn-warning-border; -} + &-warning:hover, + &-warning:focus, + &-group.open .dropdown-toggle.btn-warning { + background-color: $btn-warning-bg; + border-color: $btn-warning-border; + } -.btn-danger:hover, -.btn-danger:focus, -.btn-group.open .dropdown-toggle.btn-danger { - background-color: $btn-danger-bg; - border-color: $btn-danger-border; -} + &-danger:hover, + &-danger:focus, + &-group.open .dropdown-toggle.btn-danger { + background-color: $btn-danger-bg; + border-color: $btn-danger-border; + } -.btn-group.open .dropdown-toggle { - @include box-shadow(none); + &-group.open .dropdown-toggle { + @include box-shadow(none); + } } .navbar-btn { @@ -190,13 +191,15 @@ table, } } - > thead > tr > th, - > tbody > tr > th, - > tfoot > tr > th, - > thead > tr > td, - > tbody > tr > td, - > tfoot > tr > td { - border-color: transparent; + &:not(.table-bordered) { + > thead > tr > th, + > tbody > tr > th, + > tfoot > tr > th, + > thead > tr > td, + > tbody > tr > td, + > tfoot > tr > td { + border-color: transparent; + } } } @@ -438,10 +441,10 @@ label { .progress { border: 1px solid $navbar-default-border; @include box-shadow(inset 0 2px 0 rgba(0, 0, 0, 0.1)); -} -.progress-bar { - @include box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15)); + &-bar { + @include box-shadow(inset 0 -4px 0 rgba(0, 0, 0, 0.15)); + } } // Containers ================================================================= @@ -458,38 +461,38 @@ a.list-group-item { &.active:focus { border-color: $list-group-border; } -} - -a.list-group-item-success { - &.active { - background-color: $state-success-bg; - } - &.active:hover, - &.active:focus { - background-color: darken($state-success-bg, 5%); - } -} - -a.list-group-item-warning { - &.active { - background-color: $state-warning-bg; - } + &-success { + &.active { + background-color: $state-success-bg; + } - &.active:hover, - &.active:focus { - background-color: darken($state-warning-bg, 5%); + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } } -} -a.list-group-item-danger { - &.active { - background-color: $state-danger-bg; + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } } - &.active:hover, - &.active:focus { - background-color: darken($state-danger-bg, 5%); + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } } } @@ -501,11 +504,11 @@ a.list-group-item-danger { .panel { border: 1px solid $navbar-default-border; @include shadow(); -} -.panel-default { - .close { - color: $text-color; + &-default { + .close { + color: $text-color; + } } } diff --git a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss index 8b25801..5e8d70f 100644 --- a/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss @@ -1,4 +1,5 @@ -// Lumen 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Lumen 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: $gray-dark !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -134,7 +136,7 @@ $table-bg-hover: #f5f5f5 !default; $table-bg-active: $table-bg-hover !default; //** Border color for table and cell borders. -$table-border-color: #ddd !default; +$table-border-color: $gray-lighter !default; //== Buttons @@ -189,7 +191,7 @@ $input-color: $gray !default; //** `` border color $input-border: darken(#f8f8f8, 6.5%) !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-lighter !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -597,9 +599,9 @@ $modal-title-line-height: $line-height-base !default; //** Background color of modal content area $modal-content-bg: #fff !default; //** Modal content border color -$modal-content-border-color: rgba(0,0,0,.2) !default; +$modal-content-border-color: rgba(0,0,0,.05) !default; //** Modal content border color **for IE8** -$modal-content-fallback-border-color: #999 !default; +$modal-content-fallback-border-color: $gray-lighter !default; //** Modal backdrop background color $modal-backdrop-bg: #000 !default; @@ -670,7 +672,7 @@ $progress-bar-info-bg: $brand-info !default; //** Background color on `.list-group-item` $list-group-bg: #fff !default; //** `.list-group-item` border color -$list-group-border: #ddd !default; +$list-group-border: $gray-lighter !default; //** List group border radius $list-group-border-radius: $border-radius-base !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss index 4be7393..11845cb 100644 --- a/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss @@ -1,166 +1,120 @@ -// Paper 3.3.5 +// Paper 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" !default; +@import url($web-font-path); -// Navbar ===================================================================== +// Effects ================================================================= -.navbar { - border: none; - @include box-shadow(0 1px 2px rgba(0,0,0,.3)); -} - -.navbar-brand { - font-size: 24px; -} - -.navbar-inverse { - .form-control { - color: #fff; - @include placeholder($navbar-inverse-link-color); - - &[type=text], - &[type=password] { - @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color); - - &:focus { - @include box-shadow(inset 0 -2px 0 #fff); - } - } - } -} - -// Buttons ==================================================================== - -.btn-default { - background-size: 200%; - background-position: 50%; +@mixin ripple(){ + position: relative; - &:hover, - &:active:hover, - &:focus { - background-color: darken($btn-default-bg, 6%); + &:after { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + @include gradient-radial(#000 10%, transparent 10.01%); + background-size: 1000% 1000%; + background-position: 50%; + opacity: 0; + pointer-events: none; + transition: background .5s, opacity 1s; } - &:active { - background-color: darken($btn-default-bg, 6%); - @include gradient-radial(darken($btn-default-bg, 6%) 10%, $btn-default-bg 11%); - background-size: 1000%; - @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); + &:active:after { + background-size: 0% 0%; + opacity: .2; + transition: 0s; } } -.btn-primary { - background-size: 200%; - background-position: 50%; +// Navbar ===================================================================== - &:hover, - &:active:hover, - &:focus { - background-color: darken($btn-primary-bg, 6%); - } +.navbar { + border: none; + @include box-shadow(0 1px 2px rgba(0,0,0,.3)); - &:active { - background-color: darken($btn-primary-bg, 6%); - @include gradient-radial(darken($btn-primary-bg, 6%) 10%, $btn-primary-bg 11%); - background-size: 1000%; - @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); + &-brand { + font-size: 24px; } -} -.btn-success { - background-size: 200%; - background-position: 50%; + &-inverse { + .navbar-form { - &:hover, - &:active:hover, - &:focus { - background-color: darken($btn-success-bg, 6%); - } + input[type=text], + input[type=password] { + color: #fff; + @include box-shadow(inset 0 -1px 0 $navbar-inverse-link-color); + @include placeholder($navbar-inverse-link-color); - &:active { - background-color: darken($btn-success-bg, 6%); - @include gradient-radial(darken($btn-success-bg, 6%) 10%, $btn-success-bg 11%); - background-size: 1000%; - @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); + &:focus { + @include box-shadow(inset 0 -2px 0 #fff); + } + } + } } } -.btn-info { - background-size: 200%; - background-position: 50%; - - &:hover, - &:active:hover, - &:focus { - background-color: darken($btn-info-bg, 6%); - } - - &:active { - background-color: darken($btn-info-bg, 6%); - @include gradient-radial(darken($btn-info-bg, 6%) 10%, $btn-info-bg 11%); - background-size: 1000%; - @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); - } -} +// Buttons ==================================================================== -.btn-warning { - background-size: 200%; - background-position: 50%; +@mixin btn($class,$bg){ + .btn-#{$class} { + &:focus { + background-color: $bg; + } - &:hover, - &:active:hover, - &:focus { - background-color: darken($btn-warning-bg, 6%); - } + &:hover, + &:active:hover { + background-color: darken($bg, 6%); + } - &:active { - background-color: darken($btn-warning-bg, 6%); - @include gradient-radial(darken($btn-warning-bg, 6%) 10%, $btn-warning-bg 11%); - background-size: 1000%; - @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); + &:active { + @include box-shadow(2px 2px 4px rgba(0,0,0,.4)); + } } } -.btn-danger { - background-size: 200%; - background-position: 50%; - - &:hover, - &:active:hover, - &:focus { - background-color: darken($btn-danger-bg, 6%); - } - - &:active { - background-color: darken($btn-danger-bg, 6%); - @include gradient-radial(darken($btn-danger-bg, 6%) 10%, $btn-danger-bg 11%); - background-size: 1000%; - @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); - } -} +@include btn(default,$btn-default-bg); +@include btn(primary,$btn-primary-bg); +@include btn(success,$btn-success-bg); +@include btn(info,$btn-info-bg); +@include btn(warning,$btn-warning-bg); +@include btn(danger,$btn-danger-bg); +@include btn(link,#fff); .btn { text-transform: uppercase; - border-right: none; - border-bottom: none; - @include box-shadow(1px 1px 2px rgba(0,0,0,.3)); - @include transition(all 0.2s); -} + border: none; + @include box-shadow(1px 1px 4px rgba(0,0,0,.4)); + @include transition(all 0.4s); + @include ripple(); -.btn-link { - @include box-shadow(none); + &-link { + border-radius: $btn-border-radius-base; + @include box-shadow(none); + color: $btn-default-color; - &:hover, - &:focus { - color: $brand-primary; - text-decoration: none; + &:hover, + &:focus { + @include box-shadow(none); + color: $btn-default-color; + text-decoration: none; + } } -} -.btn-default.disabled { - border: 1px solid $btn-default-border; + &-default { + + &.disabled { + background-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.4); + opacity: 1; + } + } } .btn-group { @@ -170,14 +124,14 @@ .btn-group + .btn-group { margin-left: 0; } -} -.btn-group-vertical { - > .btn + .btn, - > .btn + .btn-group, - > .btn-group + .btn, - > .btn-group + .btn-group { - margin-top: 0; + &-vertical { + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: 0; + } } } @@ -186,7 +140,6 @@ body { -webkit-font-smoothing: antialiased; letter-spacing: .1px; - text-rendering: optimizeLegibility; } p { @@ -197,7 +150,6 @@ input, button { -webkit-font-smoothing: antialiased; letter-spacing: .1px; - text-rendering: optimizeLegibility; } a { @@ -249,12 +201,14 @@ input[type=number], border-bottom: 1px dotted #ddd; } - &.input-sm { - font-size: $font-size-small; - } + &.input { + &-sm { + font-size: $font-size-small; + } - &.input-lg { - font-size: $font-size-large; + &-lg { + font-size: $font-size-large; + } } } @@ -279,12 +233,14 @@ select.form-control { display: none; } - &.input-sm { - font-size: $font-size-small; - } + &.input { + &-sm { + font-size: $font-size-small; + } - &.input-lg { - font-size: $font-size-large; + &-lg { + font-size: $font-size-large; + } } &:focus { @@ -315,9 +271,9 @@ input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: relative; - margin-top: 5px; + margin-top: 6px; margin-right: 4px; - vertical-align: -4px; + vertical-align: top; border: none; background-color: transparent; -webkit-appearance: none; @@ -334,7 +290,6 @@ input[type="radio"], display: block; width: 18px; height: 18px; - margin-top: -3px; border-radius: 50%; @include transition(240ms); } @@ -342,24 +297,19 @@ input[type="radio"], &:before { position: absolute; left: 0; - top: 0; + top: -3px; background-color: $brand-primary; - - -webkit-transform: scale(0); - -ms-transform: scale(0); // IE9 only - -o-transform: scale(0); - transform: scale(0); + @include scale(0); } &:after { + position: relative; + top: -3px; border: 2px solid $gray; } &:checked:before { - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); // IE9 only - -o-transform: scale(0.5); - transform: scale(0.5); + @include scale(0.5); } &:disabled:checked:before { @@ -380,8 +330,8 @@ input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; - vertical-align: -4px; border: none; + margin-bottom: -4px; -webkit-appearance: none; appearance: none; cursor: pointer; @@ -390,6 +340,10 @@ input[type="checkbox"], outline: none; } + &:focus:after { + border-color: $brand-primary; + } + &:after { content: ""; display: block; @@ -434,8 +388,12 @@ input[type="checkbox"], .has-warning { input:not([type=checkbox]), .form-control, + input.form-control[readonly], + input[type=text][readonly], + [type=text].form-control[readonly], input:not([type=checkbox]):focus, .form-control:focus { + border-bottom: none; @include box-shadow(inset 0 -2px 0 $brand-warning); } } @@ -443,8 +401,12 @@ input[type="checkbox"], .has-error { input:not([type=checkbox]), .form-control, + input.form-control[readonly], + input[type=text][readonly], + [type=text].form-control[readonly], input:not([type=checkbox]):focus, .form-control:focus { + border-bottom: none; @include box-shadow(inset 0 -2px 0 $brand-danger); } } @@ -452,12 +414,32 @@ input[type="checkbox"], .has-success { input:not([type=checkbox]), .form-control, + input.form-control[readonly], + input[type=text][readonly], + [type=text].form-control[readonly], input:not([type=checkbox]):focus, .form-control:focus { + border-bottom: none; @include box-shadow(inset 0 -2px 0 $brand-success); } } +// Remove the Bootstrap feedback styles for input addons +.input-group-addon { + .has-warning &, .has-error &, .has-success & { + color: $input-color; + border-color: $input-group-addon-border-color; + background-color: $input-group-addon-bg; + } +} + +.form-group-lg { + select, + select.form-control { + line-height: 1.5; + } +} + // Navs ======================================================================= .nav-tabs { @@ -522,7 +504,23 @@ input[type="checkbox"], border: none; color: #fff; - a:not(.close), + &-success { + background-color: $brand-success; + } + + &-info { + background-color: $brand-info; + } + + &-warning { + background-color: $brand-warning; + } + + &-danger { + background-color: $brand-danger; + } + + a:not(.close):not(.btn), .alert-link { color: #fff; font-weight: bold; @@ -533,24 +531,8 @@ input[type="checkbox"], } } -.alert-success { - background-color: $brand-success; -} - -.alert-info { - background-color: $brand-info; -} - -.alert-warning { - background-color: $brand-warning; -} - -.alert-danger { - background-color: $brand-danger; -} - .badge { - padding: 3px 6px 5px; + padding: 4px 6px 4px; } .progress { @@ -560,44 +542,43 @@ input[type="checkbox"], border-radius: 0; @include box-shadow(none); -} -.progress-bar { - @include box-shadow(none); + &-bar { + @include box-shadow(none); - &:last-child { - border-radius: 0 3px 3px 0; - } - - &:last-child { - &:before { - display: block; - content: ""; - position: absolute; - width: 100%; - height: 100%; - left: 0; - right: 0; - z-index: -1; - background-color: lighten($progress-bar-bg, 35%); + &:last-child { + border-radius: 0 3px 3px 0; } - } -} -.progress-bar-success:last-child.progress-bar:before { - background-color: lighten($brand-success, 35%); -} + &:last-child { + &:before { + display: block; + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + right: 0; + z-index: -1; + background-color: lighten($progress-bar-bg, 35%); + } + } -.progress-bar-info:last-child.progress-bar:before { - background-color: lighten($brand-info, 45%); -} + &-success:last-child.progress-bar:before { + background-color: lighten($brand-success, 35%); + } -.progress-bar-warning:last-child.progress-bar:before { - background-color: lighten($brand-warning, 35%); -} + &-info:last-child.progress-bar:before { + background-color: lighten($brand-info, 45%); + } + &-warning:last-child.progress-bar:before { + background-color: lighten($brand-warning, 35%); + } -.progress-bar-danger:last-child.progress-bar:before { - background-color: lighten($brand-danger, 25%); + &-danger:last-child.progress-bar:before { + background-color: lighten($brand-danger, 25%); + } + } } // Progress bars ============================================================== @@ -616,12 +597,15 @@ input[type="checkbox"], } } -.list-group-item { - padding: 15px; -} +.list-group { + + &-item { + padding: 15px; + } -.list-group-item-text { - color: $gray-light; + &-item-text { + color: $gray-light; + } } .well { @@ -633,14 +617,14 @@ input[type="checkbox"], border: none; border-radius: 2px; @include box-shadow(0 1px 4px rgba(0,0,0,.3)); -} -.panel-heading { - border-bottom: none; -} + &-heading { + border-bottom: none; + } -.panel-footer { - border-top: none; + &-footer { + border-top: none; + } } .popover { @@ -648,9 +632,10 @@ input[type="checkbox"], @include box-shadow(0 1px 4px rgba(0,0,0,.3)); } -.carousel-caption { - h1, h2, h3, h4, h5, h6 { - color: inherit; +.carousel { + &-caption { + h1, h2, h3, h4, h5, h6 { + color: inherit; + } } -} - +} \ No newline at end of file diff --git a/vendor/assets/stylesheets/bootswatch/paper/_variables.scss b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss index 98bbf65..3cce0ca 100644 --- a/vendor/assets/stylesheets/bootswatch/paper/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/paper/_variables.scss @@ -1,4 +1,5 @@ -// Paper 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Paper 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: #444 !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -126,7 +128,7 @@ $table-cell-padding: 8px !default; $table-condensed-cell-padding: 5px !default; //** Default background color used for all tables. -$table-bg: hsla(0, 100%, 100%, 0) !default; +$table-bg: transparent !default; //** Background color used for `.table-striped`. $table-bg-accent: #f9f9f9 !default; //** Background color used for `.table-hover`. @@ -143,29 +145,29 @@ $table-border-color: #ddd !default; $btn-font-weight: normal !default; -$btn-default-color: $text-color !default; +$btn-default-color: #444 !default; $btn-default-bg: #fff !default; -$btn-default-border: #eee !default; +$btn-default-border: transparent !default; $btn-primary-color: #fff !default; $btn-primary-bg: $brand-primary !default; -$btn-primary-border: hsla(0, 100%, 100%, 0) !default; +$btn-primary-border: transparent !default; $btn-success-color: #fff !default; $btn-success-bg: $brand-success !default; -$btn-success-border: hsla(0, 100%, 100%, 0) !default; +$btn-success-border: transparent !default; $btn-info-color: #fff !default; $btn-info-bg: $brand-info !default; -$btn-info-border: hsla(0, 100%, 100%, 0) !default; +$btn-info-border: transparent !default; $btn-warning-color: #fff !default; $btn-warning-bg: $brand-warning !default; -$btn-warning-border: hsla(0, 100%, 100%, 0) !default; +$btn-warning-border: transparent !default; $btn-danger-color: #fff !default; $btn-danger-bg: $brand-danger !default; -$btn-danger-border: hsla(0, 100%, 100%, 0) !default; +$btn-danger-border: transparent !default; $btn-link-disabled-color: $gray-light !default; @@ -180,16 +182,16 @@ $btn-border-radius-small: $border-radius-small !default; //## //** `` background color -$input-bg: hsla(0, 100%, 100%, 0) !default; +$input-bg: transparent !default; //** `` background color -$input-bg-disabled: hsla(0, 100%, 100%, 0) !default; +$input-bg-disabled: transparent !default; //** Text color for ``s $input-color: $gray !default; //** `` border color -$input-border: hsla(0, 100%, 100%, 0) !default; +$input-border: transparent !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -218,7 +220,7 @@ $legend-color: $gray-dark !default; $legend-border-color: #e5e5e5 !default; //** Background color for textual input addons -$input-group-addon-bg: hsla(0, 100%, 100%, 0) !default; +$input-group-addon-bg: transparent !default; //** Border color for textual input addons $input-group-addon-border-color: $input-border !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: $gray-light !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -365,52 +367,52 @@ $navbar-collapse-max-height: 340px !default; $navbar-default-color: $gray-light !default; $navbar-default-bg: #fff !default; -$navbar-default-border: hsla(0, 100%, 100%, 0) !default; +$navbar-default-border: transparent !default; // Navbar links $navbar-default-link-color: $gray !default; $navbar-default-link-hover-color: $gray-dark !default; -$navbar-default-link-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-link-hover-bg: transparent !default; $navbar-default-link-active-color: $gray-dark !default; $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default; $navbar-default-link-disabled-color: #ccc !default; -$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-link-disabled-bg: transparent !default; // Navbar brand label $navbar-default-brand-color: $navbar-default-link-color !default; $navbar-default-brand-hover-color: $navbar-default-link-hover-color !default; -$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-brand-hover-bg: transparent !default; // Navbar toggle -$navbar-default-toggle-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-toggle-hover-bg: transparent !default; $navbar-default-toggle-icon-bar-bg: rgba(0,0,0,0.5) !default; -$navbar-default-toggle-border-color: hsla(0, 100%, 100%, 0) !default; +$navbar-default-toggle-border-color: transparent !default; //=== Inverted navbar // Reset inverted navbar basics $navbar-inverse-color: $gray-light !default; $navbar-inverse-bg: $brand-primary !default; -$navbar-inverse-border: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-border: transparent !default; // Inverted navbar links $navbar-inverse-link-color: lighten($brand-primary, 30%) !default; $navbar-inverse-link-hover-color: #fff !default; -$navbar-inverse-link-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-link-hover-bg: transparent !default; $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default; $navbar-inverse-link-disabled-color: #444 !default; -$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-link-disabled-bg: transparent !default; // Inverted navbar brand label $navbar-inverse-brand-color: $navbar-inverse-link-color !default; $navbar-inverse-brand-hover-color: #fff !default; -$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-brand-hover-bg: transparent !default; // Inverted navbar toggle\ -$navbar-inverse-toggle-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-toggle-hover-bg: transparent !default; $navbar-inverse-toggle-icon-bar-bg: rgba(0,0,0,0.5) !default; -$navbar-inverse-toggle-border-color: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-toggle-border-color: transparent !default; //== Navs @@ -425,13 +427,13 @@ $nav-disabled-link-color: $gray-light !default; $nav-disabled-link-hover-color: $gray-light !default; //== Tabs -$nav-tabs-border-color: hsla(0, 100%, 100%, 0) !default; +$nav-tabs-border-color: transparent !default; $nav-tabs-link-hover-border-color: $gray-lighter !default; -$nav-tabs-active-link-hover-bg: hsla(0, 100%, 100%, 0) !default; +$nav-tabs-active-link-hover-bg: transparent !default; $nav-tabs-active-link-hover-color: $gray !default; -$nav-tabs-active-link-hover-border-color: hsla(0, 100%, 100%, 0) !default; +$nav-tabs-active-link-hover-border-color: transparent !default; $nav-tabs-justified-link-border-color: $nav-tabs-border-color !default; $nav-tabs-justified-active-link-border-color: $body-bg !default; @@ -485,7 +487,7 @@ $pager-disabled-color: $pagination-disabled-color !default; $jumbotron-padding: 30px !default; $jumbotron-color: inherit !default; -$jumbotron-bg: #f9f9f9 !default; +$jumbotron-bg: #f5f5f5 !default; $jumbotron-heading-color: $headings-color !default; $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; $jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default; @@ -539,9 +541,9 @@ $popover-bg: #fff !default; //** Popover maximum width $popover-max-width: 276px !default; //** Popover border color -$popover-border-color: hsla(0, 100%, 100%, 0) !default; +$popover-border-color: transparent !default; //** Popover fallback border color -$popover-fallback-border-color: hsla(0, 100%, 100%, 0) !default; +$popover-fallback-border-color: transparent !default; //** Popover title background color $popover-title-bg: darken($popover-bg, 3%) !default; @@ -554,7 +556,7 @@ $popover-arrow-color: $popover-bg !default; //** Popover outer arrow width $popover-arrow-outer-width: ($popover-arrow-width + 1) !default; //** Popover outer arrow color -$popover-arrow-outer-color: fadein($popover-border-color, 7.5%) !default; +$popover-arrow-outer-color: fadein($popover-border-color, 12%) !default; //** Popover outer arrow fallback color $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default; @@ -597,7 +599,7 @@ $modal-title-line-height: $line-height-base !default; //** Background color of modal content area $modal-content-bg: #fff !default; //** Modal content border color -$modal-content-border-color: hsla(0, 100%, 100%, 0) !default; +$modal-content-border-color: transparent !default; //** Modal content border color **for IE8** $modal-content-fallback-border-color: #999 !default; @@ -606,7 +608,7 @@ $modal-backdrop-bg: #000 !default; //** Modal backdrop opacity $modal-backdrop-opacity: .5 !default; //** Modal header border color -$modal-header-border-color: hsla(0, 100%, 100%, 0) !default; +$modal-header-border-color: transparent !default; //** Modal footer border color $modal-footer-border-color: $modal-header-border-color !default; @@ -759,8 +761,8 @@ $thumbnail-caption-padding: 9px !default; // //## -$well-bg: #f9f9f9 !default; -$well-border: hsla(0, 100%, 100%, 0) !default; +$well-bg: #f5f5f5 !default; +$well-border: transparent !default; //== Badges @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss index 2cf580b..edf7a17 100644 --- a/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss @@ -1,50 +1,51 @@ -// Readable 3.3.5 +// Readable 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Raleway:400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Raleway:400,700" !default; +@import url($web-font-path); // Navbar ===================================================================== .navbar { font-family: $headings-font-family; -} -.navbar-nav, -.navbar-form { - margin-left: 0; - margin-right: 0; -} + &-nav, + &-form { + margin-left: 0; + margin-right: 0; + } -.navbar-nav > li > a { - $margin-vertical: (($navbar-height - 2*$padding-base-vertical - $line-height-computed - 2px) / 2); - margin: $margin-vertical 6px; - padding: $padding-base-vertical $padding-base-horizontal; - border: 1px solid transparent; - border-radius: $border-radius-base; + &-nav > li > a { + $margin-vertical: (($navbar-height - 2*$padding-base-vertical - $line-height-computed - 2px) / 2); + margin: $margin-vertical 6px; + padding: $padding-base-vertical $padding-base-horizontal; + border: 1px solid transparent; + border-radius: $border-radius-base; - &:hover { - border: 1px solid #ddd; + &:hover { + border: 1px solid #ddd; + } } -} -.navbar-nav > .active > a, -.navbar-nav > .active > a:hover { - border: 1px solid #ddd; -} + &-nav > .active > a, + &-nav > .active > a:hover { + border: 1px solid #ddd; + } -.navbar-default .navbar-nav > .active > a:hover { - color: $navbar-default-link-hover-color; -} + &-default .navbar-nav > .active > a:hover { + color: $navbar-default-link-hover-color; + } -.navbar-inverse .navbar-nav > .active > a:hover { - color: $navbar-inverse-link-hover-color; -} + &-inverse .navbar-nav > .active > a:hover { + color: $navbar-inverse-link-hover-color; + } -.navbar-brand { - padding-top: (($navbar-height - 2*$font-size-large) / 2); - padding-bottom: (($navbar-height - 2*$font-size-large) / 2); - line-height: 1.9; + &-brand { + padding-top: (($navbar-height - 2*$font-size-large) / 2); + padding-bottom: (($navbar-height - 2*$font-size-large) / 2); + line-height: 1.9; + } } @media (min-width: $grid-float-breakpoint) { @@ -55,7 +56,7 @@ } } -@media (max-width: $grid-float-breakpoint - 1) { +@media (max-width: ($grid-float-breakpoint - 1)) { .navbar { .navbar-nav > li > a { margin: 0; @@ -96,11 +97,11 @@ legend { .pagination { font-family: $headings-font-family; -} -.pagination-lg > li > a, -.pagination-lg > li > span { - padding: 14px 24px; + &-lg > li > a, + &-lg > li > span { + padding: 14px 24px; + } } .pager { @@ -146,11 +147,12 @@ legend { .label { font-family: $headings-font-family; font-weight: normal; -} -.label-default { - border: 1px solid #ddd; - color: $text-color; + &-default { + border: 1px solid #ddd; + color: $text-color; + } + } .badge { @@ -166,11 +168,11 @@ legend { .panel { @include box-shadow(none); -} -.panel-default { - .close { - color: $text-color; + &-default { + .close { + color: $text-color; + } } } diff --git a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss index 02876e4..e128e41 100644 --- a/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/readable/_variables.scss @@ -1,4 +1,5 @@ -// Readable 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Readable 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #ddd !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $brand-primary !default; $page-header-border-color: #ddd !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss index 1e7040d..e576413 100644 --- a/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss @@ -1,8 +1,9 @@ -// Sandstone 3.3.5 +// Sandstone 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Roboto:400,500"); +$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,500,700" !default; +@import url($web-font-path); // Navbar ===================================================================== @@ -13,42 +14,35 @@ text-transform: uppercase; } -@mixin sandstone() { - font-size: 11px; - line-height: 22px; - font-weight: 500; - text-transform: uppercase; -} - .navbar { .nav > li > a { - @include sandstone(); + @extend .sandstone; } -} -.navbar-form input, -.navbar-form .form-control { - border: none; + &-form input, + &-form .form-control { + border: none; + } } // Buttons ==================================================================== .btn { border: none; - @include sandstone(); + @extend .sandstone; &:hover { border-color: transparent; } -} -.btn-lg { - line-height: 26px; -} + &-lg { + line-height: 26px; + } -.btn-default { - &:hover { - background-color: $navbar-default-link-active-bg; + &-default { + &:hover { + background-color: $navbar-default-link-active-bg; + } } } @@ -71,7 +65,7 @@ input, // Navs ======================================================================= .nav { - @include sandstone(); + @extend .sandstone; .open > a, .open > a:hover, @@ -113,7 +107,7 @@ input, } .breadcrumb { - @include sandstone(); + @extend .sandstone; border: 1px solid $gray-light; @@ -123,11 +117,11 @@ input, } .pagination { - @include sandstone(); + @extend .sandstone; } .pager { - @include sandstone(); + @extend .sandstone; li > a { color: $gray; @@ -136,7 +130,7 @@ input, .dropdown-menu { & > li > a { - @include sandstone(); + @extend .sandstone; } } @@ -151,7 +145,7 @@ input, } .tooltip { - @include sandstone(); + @extend .sandstone; } // Progress bars ============================================================== @@ -160,16 +154,18 @@ input, border-radius: 10px; background-color: $gray-light; @include box-shadow(none); -} -.progress-bar { - @include box-shadow(none); + &-bar { + @include box-shadow(none); + } } // Containers ================================================================= -.list-group-item { - padding: 16px 24px; +.list-group { + &-item { + padding: 16px 24px; + } } .well { @@ -181,19 +177,19 @@ input, .panel-heading, .panel-title { - @include sandstone(); + @extend .sandstone; color: #fff; } .panel-footer { - @include sandstone(); + @extend .sandstone; } -} -.panel-default { - .panel-heading, - .panel-title, - .panel-footer { - color: $gray; + &-default { + .panel-heading, + .panel-title, + .panel-footer { + color: $gray; + } } -} \ No newline at end of file +} diff --git a/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss b/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss index e22c7e9..ddc1545 100644 --- a/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss @@ -1,4 +1,5 @@ -// Sandstone 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Sandstone 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: $gray !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $gray-lighter !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -145,27 +147,27 @@ $btn-font-weight: normal !default; $btn-default-color: #fff !default; $btn-default-bg: $gray-darker !default; -$btn-default-border: hsla(0, 100%, 100%, 0) !default; +$btn-default-border: transparent !default; $btn-primary-color: #fff !default; $btn-primary-bg: $brand-primary !default; -$btn-primary-border: hsla(0, 100%, 100%, 0) !default; +$btn-primary-border: transparent !default; $btn-success-color: #fff !default; $btn-success-bg: $brand-success !default; -$btn-success-border: hsla(0, 100%, 100%, 0) !default; +$btn-success-border: transparent !default; $btn-info-color: #fff !default; $btn-info-bg: $brand-info !default; -$btn-info-border: hsla(0, 100%, 100%, 0) !default; +$btn-info-border: transparent !default; $btn-warning-color: #fff !default; $btn-warning-bg: $brand-warning !default; -$btn-warning-border: hsla(0, 100%, 100%, 0) !default; +$btn-warning-border: transparent !default; $btn-danger-color: #fff !default; $btn-danger-bg: $brand-danger !default; -$btn-danger-border: hsla(0, 100%, 100%, 0) !default; +$btn-danger-border: transparent !default; $btn-link-disabled-color: $gray-light !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: $gray-light !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -199,7 +201,7 @@ $input-border-radius-large: $border-radius-large !default; $input-border-radius-small: $border-radius-small !default; //** Border color for inputs on focus -$input-border-focus: hsla(0, 100%, 100%, 0) !default; +$input-border-focus: transparent !default; //** Placeholder text color $input-color-placeholder: $gray-light !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -370,21 +372,21 @@ $navbar-default-border: $gray-darker !default; // Navbar links $navbar-default-link-color: $gray !default; $navbar-default-link-hover-color: #fff !default; -$navbar-default-link-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-link-hover-bg: transparent !default; $navbar-default-link-active-color: #fff !default; $navbar-default-link-active-bg: darken($navbar-default-bg, 2%) !default; $navbar-default-link-disabled-color: #ccc !default; -$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-link-disabled-bg: transparent !default; // Navbar brand label $navbar-default-brand-color: #fff !default; $navbar-default-brand-hover-color: #fff !default; -$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-brand-hover-bg: transparent !default; // Navbar toggle $navbar-default-toggle-hover-bg: $navbar-default-link-active-bg !default; $navbar-default-toggle-icon-bar-bg: $navbar-default-link-color !default; -$navbar-default-toggle-border-color: hsla(0, 100%, 100%, 0) !default; +$navbar-default-toggle-border-color: transparent !default; //=== Inverted navbar @@ -396,21 +398,21 @@ $navbar-inverse-border: $brand-success !default; // Inverted navbar links $navbar-inverse-link-color: darken($brand-success, 15%) !default; $navbar-inverse-link-hover-color: #fff !default; -$navbar-inverse-link-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-link-hover-bg: transparent !default; $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 4%) !default; $navbar-inverse-link-disabled-color: #444 !default; -$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-link-disabled-bg: transparent !default; // Inverted navbar brand label $navbar-inverse-brand-color: #fff !default; $navbar-inverse-brand-hover-color: #fff !default; -$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-brand-hover-bg: transparent !default; // Inverted navbar toggle $navbar-inverse-toggle-hover-bg: $navbar-inverse-link-active-bg !default; $navbar-inverse-toggle-icon-bar-bg: $navbar-inverse-link-color !default; -$navbar-inverse-toggle-border-color: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-toggle-border-color: transparent !default; //== Navs @@ -625,19 +627,19 @@ $alert-link-font-weight: bold !default; $alert-success-bg: $brand-success !default; $alert-success-text: #fff !default; -$alert-success-border: hsla(0, 100%, 100%, 0) !default; +$alert-success-border: transparent !default; $alert-info-bg: $brand-info !default; $alert-info-text: #fff !default; -$alert-info-border: hsla(0, 100%, 100%, 0) !default; +$alert-info-border: transparent !default; $alert-warning-bg: $brand-warning !default; $alert-warning-text: #fff !default; -$alert-warning-border: hsla(0, 100%, 100%, 0) !default; +$alert-warning-border: transparent !default; $alert-danger-bg: $brand-danger !default; $alert-danger-text: #fff !default; -$alert-danger-border: hsla(0, 100%, 100%, 0) !default; +$alert-danger-border: transparent !default; //== Progress bars @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-light !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss index 12f11d1..a3babc4 100644 --- a/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss @@ -1,10 +1,11 @@ -// Simplex 3.3.5 +// Simplex 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400,700" !default; +@import url($web-font-path); -@mixin btn-shadow($color) { +@mixin btn-shadow($color){ @include gradient-vertical-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%)); filter: none; border: 1px solid darken($color, 10%); @@ -12,11 +13,14 @@ // Navbar ===================================================================== -.navbar-inverse { +.navbar { - .badge { - background-color: #fff; - color: $brand-primary; + &-inverse { + + .badge { + background-color: #fff; + color: $brand-primary; + } } } diff --git a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss index 03daf0d..ead5a4c 100644 --- a/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss @@ -1,4 +1,5 @@ -// Simplex 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Simplex 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: $gray-dark !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #ddd !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss index ccbc4c0..7b3bcd7 100644 --- a/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss @@ -1,55 +1,74 @@ -// Slate 3.3.5 +// Slate 3.3.7 // Bootswatch // ----------------------------------------------------- -@mixin btn-shadow($color) { +@mixin btn-shadow($color){ @include gradient-vertical-three-colors(lighten($color, 6%), $color, 60%, darken($color, 4%)); filter: none; } -@mixin btn-shadow-inverse($color) { - @include gradient-vertical-three-colors(darken($color, 24%), darken($color, 18%), 40%, darken($color, 14%)); +@mixin btn-shadow-inverse($color){ + @include gradient-vertical-three-colors(darken($color, 24%), darken($color, 18%), 40%, darken($color, 16%)); filter: none; } // Navbar ===================================================================== .navbar { + &-default, + &-inverse { + border: 1px solid rgba(0, 0, 0, 0.6); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); - @include btn-shadow($navbar-default-bg); - border: 1px solid rgba(0, 0, 0, 0.6); - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + @media (min-width: $grid-float-breakpoint) { + .navbar-nav > li > a { + border-right: 1px solid rgba(0, 0, 0, 0.2); + border-left: 1px solid rgba(255, 255, 255, 0.1); - .nav .open > a { - border-color: transparent; - } -} + &:hover { + border-left-color: transparent; + } + } -.navbar-inverse { - @include btn-shadow($navbar-inverse-bg); + .nav .open > a { + border-color: transparent; + } - .badge { - background-color: $navbar-inverse-link-active-bg; + .navbar-nav > li.active > a { + border-left-color: transparent; + } + + .navbar-form { + margin-left: 5px; + margin-right: 5px; + } + } } -} -.navbar-nav > li > a { - border-right: 1px solid rgba(0, 0, 0, 0.2); - border-left: 1px solid rgba(255, 255, 255, 0.1); + &-default { + @include btn-shadow($navbar-default-bg); - &:hover { - @include btn-shadow-inverse($navbar-default-bg); - border-left-color: transparent; + .navbar-nav > li > a { + &:hover { + @include btn-shadow-inverse($navbar-default-bg); + } + } } -} -.navbar-nav > li.active > a { - border-left-color: transparent; -} + &-inverse { + @include btn-shadow($navbar-inverse-bg); + + .badge { + background-color: $navbar-inverse-link-active-bg; + } + + .navbar-nav > li > a { -.navbar-form { - margin-left: 5px; - margin-right: 5px; + &:hover { + @include btn-shadow-inverse($navbar-inverse-bg); + } + } + } } // Buttons ==================================================================== @@ -154,17 +173,17 @@ h1, h2, h3, h4, h5, h6 { .info { color: #fff; } -} -.table-bordered tbody { + &-bordered tbody { - tr.success, - tr.warning, - tr.danger { + tr.success, + tr.warning, + tr.danger { - td, - &:hover td { - border-color: $table-border-color; + td, + &:hover td { + border-color: $table-border-color; + } } } } @@ -201,8 +220,7 @@ textarea { } .input-group-addon { - background-color: $body-bg; - border: none; + border-color: $input-group-addon-border-color; } } @@ -227,8 +245,7 @@ textarea { } .input-group-addon { - background-color: $body-bg; - border: none; + border-color: $input-group-addon-border-color; } } @@ -253,8 +270,7 @@ textarea { } .input-group-addon { - background-color: $body-bg; - border: none; + border-color: $input-group-addon-border-color; } } @@ -263,9 +279,8 @@ legend { } .input-group-addon { - border-color: rgba(0, 0, 0, 0.6); - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); @include btn-shadow($btn-default-bg); + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); color: $btn-default-color; } @@ -390,38 +405,38 @@ a.list-group-item { &.active:focus { border-color: $list-group-border; } -} - -a.list-group-item-success { - &.active { - background-color: $state-success-bg; - } - &.active:hover, - &.active:focus { - background-color: darken($state-success-bg, 5%); - } -} - -a.list-group-item-warning { - &.active { - background-color: $state-warning-bg; - } + &-success { + &.active { + background-color: $state-success-bg; + } - &.active:hover, - &.active:focus { - background-color: darken($state-warning-bg, 5%); + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } } -} -a.list-group-item-danger { - &.active { - background-color: $state-danger-bg; + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } } - &.active:hover, - &.active:focus { - background-color: darken($state-danger-bg, 5%); + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } } } diff --git a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss index 9904dce..6da1088 100644 --- a/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/slate/_variables.scss @@ -1,4 +1,5 @@ -// Slate 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Slate 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: transparent !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -187,9 +189,9 @@ $input-bg-disabled: $gray-lighter !default; //** Text color for ``s $input-color: $gray-darker !default; //** `` border color -$input-border: #ccc !default; +$input-border: #000 !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -218,9 +220,9 @@ $legend-color: $text-color !default; $legend-border-color: darken($gray-darker, 5%) !default; //** Background color for textual input addons -$input-group-addon-bg: $gray-lighter !default; +$input-group-addon-bg: $gray-dark !default; //** Border color for textual input addons -$input-group-addon-border-color: $input-border !default; +$input-group-addon-border-color: rgba(0, 0, 0, 0.6) !default; //** Disabled cursor for form controls and buttons. $cursor-disabled: not-allowed !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-light !default; $page-header-border-color: darken($gray-darker, 5%) !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: darken($gray-darker, 5%) !default; diff --git a/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss index 3821984..b3623cf 100644 --- a/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss @@ -1,10 +1,11 @@ -// Spacelab 3.3.5 +// Spacelab 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700" !default; +@import url($web-font-path); -@mixin btn-shadow($color) { +@mixin btn-shadow($color){ @include gradient-vertical-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%)); filter: none; border: 1px solid darken($color, 10%); @@ -17,10 +18,32 @@ @include btn-shadow($navbar-default-bg); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); + &-inverse { + @include btn-shadow($navbar-inverse-bg); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); + + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } + } + .badge { text-shadow: none; } + &-nav > li > a, + &-nav > li > a:hover { + padding-top: ($navbar-padding-vertical + 2px); + padding-bottom: ($navbar-padding-vertical - 2px); + @include transition(color ease-in-out .2s); + } + + &-brand, + &-brand:hover { + @include transition(color ease-in-out .2s); + } + .caret, .caret:hover { @include transition(border-color ease-in-out .2s); @@ -29,94 +52,72 @@ .dropdown-menu { text-shadow: none; } - } -.navbar-inverse { - @include btn-shadow($navbar-inverse-bg); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); - - .badge { - background-color: #fff; - color: $navbar-inverse-bg; - } -} - -.navbar-nav > li > a, -.navbar-nav > li > a:hover { - padding-top: ($navbar-padding-vertical + 2px); - padding-bottom: ($navbar-padding-vertical - 2px); - @include transition(color ease-in-out .2s); -} - -.navbar-brand, -.navbar-brand:hover { - @include transition(color ease-in-out .2s); -} - - // Buttons ==================================================================== .btn { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); - &:active, - &.active { - background-image: none; - @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + &-default { + @include btn-shadow($btn-default-bg); + + &:hover { + @include btn-shadow(darken($btn-default-bg, 4%)); + } } -} -.btn-default { - @include btn-shadow($btn-default-bg); + &-primary { + @include btn-shadow($btn-primary-bg); - &:hover { - @include btn-shadow(darken($btn-default-bg, 4%)); + &:hover { + @include btn-shadow(darken($btn-primary-bg, 4%)); + } } -} -.btn-primary { - @include btn-shadow($btn-primary-bg); + &-success { + @include btn-shadow($btn-success-bg); - &:hover { - @include btn-shadow(darken($btn-primary-bg, 4%)); + &:hover { + @include btn-shadow(darken($btn-success-bg, 4%)); + } } -} -.btn-success { - @include btn-shadow($btn-success-bg); + &-info { + @include btn-shadow($btn-info-bg); - &:hover { - @include btn-shadow(darken($btn-success-bg, 4%)); + &:hover { + @include btn-shadow(darken($btn-info-bg, 4%)); + } } -} -.btn-info { - @include btn-shadow($btn-info-bg); + &-warning { + @include btn-shadow($btn-warning-bg); - &:hover { - @include btn-shadow(darken($btn-info-bg, 4%)); + &:hover { + @include btn-shadow(darken($btn-warning-bg, 4%)); + } } -} -.btn-warning { - @include btn-shadow($btn-warning-bg); + &-danger { + @include btn-shadow($btn-danger-bg); - &:hover { - @include btn-shadow(darken($btn-warning-bg, 4%)); + &:hover { + @include btn-shadow(darken($btn-danger-bg, 4%)); + } } -} -.btn-danger { - @include btn-shadow($btn-danger-bg); + &-link { + text-shadow: none; + } - &:hover { - @include btn-shadow(darken($btn-danger-bg, 4%)); + &:active, + &.active { + background-image: none; + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); } } - - // Typography ================================================================= // Tables ===================================================================== @@ -131,8 +132,11 @@ // Containers ================================================================= -.panel-primary { - .panel-title { - color: #fff; +.panel { + + &-primary { + .panel-title { + color: #fff; + } } } \ No newline at end of file diff --git a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss index 74faf15..2fec16e 100644 --- a/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss @@ -1,4 +1,5 @@ -// Spacelab 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Spacelab 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: $gray-darker !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #ccc !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss index 79c102a..c23166b 100644 --- a/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss @@ -1,30 +1,31 @@ -// Superhero 3.3.5 +// Superhero 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Lato:300,400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700" !default; +@import url($web-font-path); // Navbar ===================================================================== .navbar { @include box-shadow(none); border: none; - font-size: 12px; -} + font-size: $font-size-small; -.navbar-default { + &-default { - .badge { - background-color: #fff; - color: $navbar-default-bg; + .badge { + background-color: #fff; + color: $navbar-default-bg; + } } -} -.navbar-inverse { + &-inverse { - .badge { - background-color: #fff; - color: $navbar-inverse-bg; + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } } } @@ -32,26 +33,20 @@ .btn { - font-weight: 300; -} - -.btn-default { - &:hover { - background-color: darken($btn-default-bg, 3%); + &-default { + &:hover { + background-color: darken($btn-default-bg, 3%); + } } -} -.btn-sm, -.btn-xs { - font-size: 12px; + &-sm, + &-xs { + font-size: $font-size-small; + } } // Typography ================================================================= -body { - font-weight: 300; -} - .text-primary, .text-primary:hover { color: $brand-primary; @@ -88,8 +83,7 @@ body { @include box-shadow(none); > li > a { - font-size: 12px; - font-weight: 300; + font-size: $font-size-small; } } @@ -98,14 +92,14 @@ body { } .dropdown-header { - font-size: 12px; + font-size: $font-size-small; } // Tables ===================================================================== table, .table { - font-size: 12px; + font-size: $font-size-small; a:not(.btn) { color: #fff; @@ -141,8 +135,7 @@ label, .radio label, .checkbox label, .help-block { - font-size: 12px; - font-weight: 300; + font-size: $font-size-small; } .input-addon, @@ -165,6 +158,11 @@ label, color: $brand-warning; } + .form-control, + .form-control:focus { + border: 4px solid $brand-warning; + } + .input-group-addon { border: none; } @@ -185,6 +183,11 @@ label, color: $brand-danger; } + .form-control, + .form-control:focus { + border: 4px solid $brand-danger; + } + .input-group-addon { border: none; } @@ -205,6 +208,11 @@ label, color: $brand-success; } + .form-control, + .form-control:focus { + border: 4px solid $brand-success; + } + .input-group-addon { border: none; } @@ -252,10 +260,6 @@ label, // Indicators ================================================================= -.label { - font-weight: 300; -} - .alert { color: #fff; @@ -289,48 +293,48 @@ a.list-group-item { &.active:focus { border: none; } -} - -a.list-group-item-success { - &.active { - background-color: $state-success-bg; - } - &.active:hover, - &.active:focus { - background-color: darken($state-success-bg, 5%); - } -} + &-success { + &.active { + background-color: $state-success-bg; + } -a.list-group-item-warning { - &.active { - background-color: $state-warning-bg; + &.active:hover, + &.active:focus { + background-color: darken($state-success-bg, 5%); + } } - &.active:hover, - &.active:focus { - background-color: darken($state-warning-bg, 5%); - } -} - -a.list-group-item-danger { - &.active { - background-color: $state-danger-bg; + &-warning { + &.active { + background-color: $state-warning-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-warning-bg, 5%); + } } - &.active:hover, - &.active:focus { - background-color: darken($state-danger-bg, 5%); + &-danger { + &.active { + background-color: $state-danger-bg; + } + + &.active:hover, + &.active:focus { + background-color: darken($state-danger-bg, 5%); + } } } .panel { border: none; -} -.panel-default > .panel-heading { - background-color: $table-bg-hover; - color: $text-color; + &-default > .panel-heading { + background-color: $table-bg-hover; + color: $text-color; + } } .thumbnail { @@ -340,15 +344,17 @@ a.list-group-item-danger { .modal { padding: 0; -} -.modal-header, -.modal-footer { - background-color: $table-bg-hover; - border: none; - border-radius: 0; + &-header, + &-footer { + background-color: $table-bg-hover; + border: none; + border-radius: 0; + } } -.popover-title { - border: none; +.popover { + &-title { + border: none; + } } diff --git a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss index 59a274d..082681a 100644 --- a/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss @@ -1,4 +1,5 @@ -// Superhero 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Superhero 3.3.7 // Variables // -------------------------------------------------- @@ -50,7 +51,7 @@ $font-family-base: $font-family-sans-serif !default; $font-size-base: 15px !default; $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px -$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px +$font-size-small: 12px !default; $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px @@ -66,7 +67,7 @@ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; //** By default, this inherits from the ``. $headings-font-family: inherit !default; -$headings-font-weight: 300 !default; +$headings-font-weight: 400 !default; $headings-line-height: 1.1 !default; $headings-color: inherit !default; @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -126,7 +128,7 @@ $table-cell-padding: 6px !default; $table-condensed-cell-padding: 3px !default; //** Default background color used for all tables. -$table-bg: hsla(0, 100%, 100%, 0) !default; +$table-bg: transparent !default; //** Background color used for `.table-striped`. $table-bg-accent: $gray-light !default; //** Background color used for `.table-hover`. @@ -134,7 +136,7 @@ $table-bg-hover: darken($gray-light, 3%) !default; $table-bg-active: $table-bg-hover !default; //** Border color for table and cell borders. -$table-border-color: $gray-light !default; +$table-border-color: $gray-light !default; //== Buttons @@ -145,27 +147,27 @@ $btn-font-weight: normal !default; $btn-default-color: #fff !default; $btn-default-bg: $gray-light !default; -$btn-default-border: hsla(0, 100%, 100%, 0) !default; +$btn-default-border: transparent !default; $btn-primary-color: #fff !default; $btn-primary-bg: $brand-primary !default; -$btn-primary-border: hsla(0, 100%, 100%, 0) !default; +$btn-primary-border: transparent !default; $btn-success-color: #fff !default; $btn-success-bg: $brand-success !default; -$btn-success-border: hsla(0, 100%, 100%, 0) !default; +$btn-success-border: transparent !default; $btn-info-color: #fff !default; $btn-info-bg: $brand-info !default; -$btn-info-border: hsla(0, 100%, 100%, 0) !default; +$btn-info-border: transparent !default; $btn-warning-color: #fff !default; $btn-warning-bg: $brand-warning !default; -$btn-warning-border: hsla(0, 100%, 100%, 0) !default; +$btn-warning-border: transparent !default; $btn-danger-color: #fff !default; $btn-danger-bg: $brand-danger !default; -$btn-danger-border: hsla(0, 100%, 100%, 0) !default; +$btn-danger-border: transparent !default; $btn-link-disabled-color: $gray-light !default; @@ -187,9 +189,9 @@ $input-bg-disabled: $gray-lighter !default; //** Text color for ``s $input-color: $body-bg !default; //** `` border color -$input-border: hsla(0, 100%, 100%, 0) !default; +$input-border: transparent !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -199,7 +201,7 @@ $input-border-radius-large: $border-radius-large !default; $input-border-radius-small: $border-radius-small !default; //** Border color for inputs on focus -$input-border-focus: hsla(0, 100%, 100%, 0) !default; +$input-border-focus: transparent !default; //** Placeholder text color $input-color-placeholder: #ccc !default; @@ -220,7 +222,7 @@ $legend-border-color: $gray-light !default; //** Background color for textual input addons $input-group-addon-bg: $btn-default-bg !default; //** Border color for textual input addons -$input-group-addon-border-color: hsla(0, 100%, 100%, 0) !default; +$input-group-addon-border-color: transparent !default; //** Disabled cursor for form controls and buttons. $cursor-disabled: not-allowed !default; @@ -233,9 +235,9 @@ $cursor-disabled: not-allowed !default; //** Background for the dropdown menu. $dropdown-bg: $gray-light !default; //** Dropdown menu `border-color`. -$dropdown-border: hsla(0, 100%, 100%, 0) !default; +$dropdown-border: transparent !default; //** Dropdown menu `border-color` **for IE8**. -$dropdown-fallback-border: hsla(0, 100%, 100%, 0) !default; +$dropdown-fallback-border: transparent !default; //** Divider color for between dropdown items. $dropdown-divider-bg: $body-bg !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $body-bg !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $body-bg !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -365,7 +367,7 @@ $navbar-collapse-max-height: 340px !default; $navbar-default-color: $text-color !default; $navbar-default-bg: $gray-light !default; -$navbar-default-border: hsla(0, 100%, 100%, 0) !default; +$navbar-default-border: transparent !default; // Navbar links $navbar-default-link-color: $text-color !default; @@ -374,24 +376,24 @@ $navbar-default-link-hover-bg: $dropdown-link-hover-bg !default; $navbar-default-link-active-color: $navbar-default-link-color !default; $navbar-default-link-active-bg: $dropdown-link-hover-bg !default; $navbar-default-link-disabled-color: #ccc !default; -$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-link-disabled-bg: transparent !default; // Navbar brand label $navbar-default-brand-color: $navbar-default-link-color !default; $navbar-default-brand-hover-color: $navbar-default-link-color !default; -$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-default-brand-hover-bg: transparent !default; // Navbar toggle $navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg !default; $navbar-default-toggle-icon-bar-bg: $text-color !default; -$navbar-default-toggle-border-color: hsla(0, 100%, 100%, 0) !default; +$navbar-default-toggle-border-color: transparent !default; //=== Inverted navbar // Reset inverted navbar basics $navbar-inverse-color: $text-color !default; $navbar-inverse-bg: $brand-primary !default; -$navbar-inverse-border: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-border: transparent !default; // Inverted navbar links $navbar-inverse-link-color: $text-color !default; @@ -400,17 +402,17 @@ $navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 5%) !defa $navbar-inverse-link-active-color: $navbar-inverse-link-color !default; $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%) !default; $navbar-inverse-link-disabled-color: #444 !default; -$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-link-disabled-bg: transparent !default; // Inverted navbar brand label $navbar-inverse-brand-color: $navbar-inverse-link-color !default; $navbar-inverse-brand-hover-color: $navbar-inverse-link-color !default; -$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-brand-hover-bg: transparent !default; // Inverted navbar toggle $navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg !default; $navbar-inverse-toggle-icon-bar-bg: $text-color !default; -$navbar-inverse-toggle-border-color: hsla(0, 100%, 100%, 0) !default; +$navbar-inverse-toggle-border-color: transparent !default; //== Navs @@ -425,7 +427,7 @@ $nav-disabled-link-color: $gray-light !default; $nav-disabled-link-hover-color: $gray-light !default; //== Tabs -$nav-tabs-border-color: hsla(0, 100%, 100%, 0) !default; +$nav-tabs-border-color: transparent !default; $nav-tabs-link-hover-border-color: $gray-light !default; @@ -448,19 +450,19 @@ $nav-pills-active-link-hover-color: $component-active-color !default; $pagination-color: $text-color !default; $pagination-bg: $gray-light !default; -$pagination-border: hsla(0, 100%, 100%, 0) !default; +$pagination-border: transparent !default; $pagination-hover-color: $text-color !default; $pagination-hover-bg: $table-bg-hover !default; -$pagination-hover-border: hsla(0, 100%, 100%, 0) !default; +$pagination-hover-border: transparent !default; $pagination-active-color: $text-color !default; $pagination-active-bg: $brand-primary !default; -$pagination-active-border: hsla(0, 100%, 100%, 0) !default; +$pagination-active-border: transparent !default; $pagination-disabled-color: darken($table-bg-hover, 10%) !default; $pagination-disabled-bg: $gray-light !default; -$pagination-disabled-border: hsla(0, 100%, 100%, 0) !default; +$pagination-disabled-border: transparent !default; //== Pager @@ -497,19 +499,19 @@ $jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default; $state-success-text: $text-color !default; $state-success-bg: $brand-success !default; -$state-success-border: hsla(0, 100%, 100%, 0) !default; +$state-success-border: transparent !default; $state-info-text: $text-color !default; $state-info-bg: $brand-info !default; -$state-info-border: hsla(0, 100%, 100%, 0) !default; +$state-info-border: transparent !default; $state-warning-text: $text-color !default; $state-warning-bg: $brand-warning !default; -$state-warning-border: hsla(0, 100%, 100%, 0) !default; +$state-warning-border: transparent !default; $state-danger-text: $text-color !default; $state-danger-bg: $brand-danger !default; -$state-danger-border: hsla(0, 100%, 100%, 0) !default; +$state-danger-border: transparent !default; //== Tooltips @@ -539,9 +541,9 @@ $popover-bg: $gray-light !default; //** Popover maximum width $popover-max-width: 276px !default; //** Popover border color -$popover-border-color: hsla(0, 100%, 100%, 0) !default; +$popover-border-color: transparent !default; //** Popover fallback border color -$popover-fallback-border-color: hsla(0, 100%, 100%, 0) !default; +$popover-fallback-border-color: transparent !default; //** Popover title background color $popover-title-bg: $table-bg-hover !default; @@ -554,9 +556,9 @@ $popover-arrow-color: $popover-bg !default; //** Popover outer arrow width $popover-arrow-outer-width: ($popover-arrow-width + 1) !default; //** Popover outer arrow color -$popover-arrow-outer-color: hsla(0, 100%, 100%, 0) !default; +$popover-arrow-outer-color: transparent !default; //** Popover outer arrow fallback color -$popover-arrow-outer-fallback-color: hsla(0, 100%, 100%, 0) !default; +$popover-arrow-outer-fallback-color: transparent !default; //== Labels @@ -757,7 +759,7 @@ $thumbnail-caption-padding: 9px !default; //== Wells // -//## +//## $well-bg: $gray-light !default; $well-border: transparent !default; @@ -862,5 +864,7 @@ $blockquote-border-color: $gray-light !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: lighten($gray-light, 5%) !default; diff --git a/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss index 053190f..e7dae2c 100644 --- a/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss @@ -1,28 +1,31 @@ -// United 3.3.5 +// United 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Ubuntu:400,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Ubuntu:400,700" !default; +@import url($web-font-path); // Navbar ===================================================================== -.navbar-default { +.navbar { - .badge { - background-color: #fff; - color: $navbar-default-bg; + &-default { + + .badge { + background-color: #fff; + color: $navbar-default-bg; + } } -} -.navbar-inverse { + &-inverse { - .badge { - background-color: #fff; - color: $navbar-inverse-bg; + .badge { + background-color: #fff; + color: $navbar-inverse-bg; + } } } - @media (max-width: $grid-float-breakpoint-max) { .navbar { diff --git a/vendor/assets/stylesheets/bootswatch/united/_variables.scss b/vendor/assets/stylesheets/bootswatch/united/_variables.scss index 1f451ae..bbb32d7 100644 --- a/vendor/assets/stylesheets/bootswatch/united/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/united/_variables.scss @@ -1,4 +1,5 @@ -// United 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// United 3.3.7 // Variables // -------------------------------------------------- @@ -14,7 +15,7 @@ $gray: #777 !default; // #555 $gray-light: #AEA79F !default; // #999 $gray-lighter: lighten($gray-base, 93.5%) !default; // #eee -$brand-primary: #DD4814 !default; +$brand-primary: #E95420 !default; $brand-success: #38B44A !default; $brand-info: #772953 !default; $brand-warning: #EFB73E !default; @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $text-color !default; //** `` border color $input-border: #ccc !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -490,6 +492,7 @@ $jumbotron-heading-color: inherit !default; $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; $jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default; + //== Form states and alerts // //## Define colors for form feedback states and, by default, alerts. @@ -861,5 +864,7 @@ $blockquote-border-color: $gray-lighter !default; $page-header-border-color: $gray-lighter !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $gray-lighter !default; diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss index 7829a3d..3e5158c 100644 --- a/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +++ b/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss @@ -1,8 +1,9 @@ -// Yeti 3.3.5 +// Yeti 3.3.7 // Bootswatch // ----------------------------------------------------- -@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); +$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700" !default; +@import url($web-font-path); // Navbar ===================================================================== @@ -15,75 +16,83 @@ background-color: #b3b3b3; } + &-collapse { + border-top-color: $dropdown-divider-bg; + @include box-shadow(none); + } + .btn { padding-top: 6px; padding-bottom: 6px; } - .dropdown-menu { - border: none; + &-form { + margin-top: 7px; + margin-bottom: 5px; - > li > a, - > li > a:focus { - background-color: transparent; - font-size: 13px; - font-weight: 300; + .form-control { + height: auto; + padding: $padding-xs-vertical $padding-xs-horizontal; } } - .dropdown-header { - color: rgba(255, 255, 255, 0.5); + &-text { + margin: 12px 15px; + line-height: 21px; } -} + .dropdown { -.navbar-form { - margin-top: 7px; - margin-bottom: 5px; + &-menu { + border: none; - .form-control { - height: auto; - padding: $padding-xs-vertical $padding-xs-horizontal; - } -} + > li > a, + > li > a:focus { + background-color: transparent; + font-size: 13px; + font-weight: 300; + } + } -.navbar-collapse { - border-top-color: $dropdown-divider-bg; - @include box-shadow(none); -} + &-header { + color: rgba(255, 255, 255, 0.5); + } -.navbar-default { + } - .dropdown-menu { - background-color: $navbar-default-bg; + &-default { - > li > a, - > li > a:focus { - color: $navbar-default-color; - } + .dropdown-menu { + background-color: $navbar-default-bg; + + > li > a, + > li > a:focus { + color: $navbar-default-color; + } - > li > a:hover, - > .active > a, - > .active > a:hover { - background-color: $navbar-default-link-hover-bg; + > li > a:hover, + > .active > a, + > .active > a:hover { + background-color: $navbar-default-link-hover-bg; + } } } -} -.navbar-inverse { + &-inverse { - .dropdown-menu { - background-color: $navbar-inverse-bg; + .dropdown-menu { + background-color: $navbar-inverse-bg; - > li > a, - > li > a:focus { - color: $navbar-inverse-color; - } + > li > a, + > li > a:focus { + color: $navbar-inverse-color; + } - > li > a:hover, - > .active > a, - > .active > a:hover { - background-color: $navbar-inverse-link-hover-bg; + > li > a:hover, + > .active > a, + > .active > a:hover { + background-color: $navbar-inverse-link-hover-bg; + } } } } @@ -92,18 +101,18 @@ .btn { padding: $padding-base-vertical $padding-base-horizontal; -} -.btn-lg { - padding: $padding-large-vertical $padding-large-horizontal; -} + &-lg { + padding: $padding-large-vertical $padding-large-horizontal; + } -.btn-sm { - padding: $padding-small-vertical $padding-small-horizontal; -} + &-sm { + padding: $padding-small-vertical $padding-small-horizontal; + } -.btn-xs { - padding: $padding-xs-vertical $padding-xs-horizontal; + &-xs { + padding: $padding-xs-vertical $padding-xs-horizontal; + } } .btn-group { @@ -313,15 +322,17 @@ input[type="checkbox"] { border-radius: 3px; } } -} -.pagination-lg > li > a { - padding-left: 22px; - padding-right: 22px; -} + &-lg > li > a, + &-lg > li > span { + padding-left: 22px; + padding-right: 22px; + } -.pagination-sm > li > a { - padding: 0 5px; + &-sm > li > a, + &-sm > li > span { + padding: 0 5px; + } } .pager { @@ -364,11 +375,11 @@ input[type="checkbox"] { padding-right: 1em; border-radius: 0; font-weight: 300; -} -.label-default { - background-color: $btn-default-bg; - color: $btn-default-color; + &-default { + background-color: $btn-default-bg; + color: $btn-default-color; + } } .badge { @@ -387,21 +398,24 @@ input[type="checkbox"] { // Containers ================================================================= -.dropdown-menu { - padding: 0; - margin-top: 0; - font-size: $font-size-small; +.dropdown { - > li > a { - padding: 12px 15px; + &-menu { + padding: 0; + margin-top: 0; + font-size: $font-size-small; + + > li > a { + padding: 12px 15px; + } } -} -.dropdown-header { - padding-left: 15px; - padding-right: 15px; - font-size: 9px; - text-transform: uppercase; + &-header { + padding-left: 15px; + padding-right: 15px; + font-size: 9px; + text-transform: uppercase; + } } .popover { @@ -410,15 +424,17 @@ input[type="checkbox"] { font-weight: 300; } -.panel-heading, -.panel-footer { - border-top-right-radius: 0; - border-top-left-radius: 0; -} +.panel { + &-heading, + &-footer { + border-top-right-radius: 0; + border-top-left-radius: 0; + } -.panel-default { - .close { - color: $text-color; + &-default { + .close { + color: $text-color; + } } } diff --git a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss index 67f69e9..13acf80 100644 --- a/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +++ b/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss @@ -1,4 +1,5 @@ -// Yeti 3.3.5 +$bootstrap-sass-asset-helper: false !default; +// Yeti 3.3.7 // Variables // -------------------------------------------------- @@ -76,6 +77,7 @@ $headings-color: inherit !default; //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. //** Load fonts from this directory. +$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default; //** File name for all font files. $icon-font-name: "glyphicons-halflings-regular" !default; //** Element ID within SVG icon file. @@ -110,7 +112,7 @@ $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; -//** Width of the `border` for generating carets that indicator dropdowns. +//** Width of the `border` for generating carets that indicate dropdowns. $caret-width-base: 4px !default; //** Carets increase slightly in size for larger components. $caret-width-large: 5px !default; @@ -189,7 +191,7 @@ $input-color: $gray !default; //** `` border color $input-border: #ccc !default; -// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4 +// TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS. $input-border-radius: $border-radius-base !default; @@ -257,7 +259,7 @@ $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; -//** Deprecated `@dropdown-caret-color` as of v3.1.0 +//** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; @@ -282,32 +284,32 @@ $zindex-modal: 1050 !default; //## Define the breakpoints at which your layout will change, adapting to different screen sizes. // Extra small screen / phone -//** Deprecated `@screen-xs` as of v3.0.1 +//** Deprecated `$screen-xs` as of v3.0.1 $screen-xs: 480px !default; -//** Deprecated `@screen-xs-min` as of v3.2.0 +//** Deprecated `$screen-xs-min` as of v3.2.0 $screen-xs-min: $screen-xs !default; -//** Deprecated `@screen-phone` as of v3.0.1 +//** Deprecated `$screen-phone` as of v3.0.1 $screen-phone: $screen-xs-min !default; // Small screen / tablet -//** Deprecated `@screen-sm` as of v3.0.1 +//** Deprecated `$screen-sm` as of v3.0.1 $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; -//** Deprecated `@screen-tablet` as of v3.0.1 +//** Deprecated `$screen-tablet` as of v3.0.1 $screen-tablet: $screen-sm-min !default; // Medium screen / desktop -//** Deprecated `@screen-md` as of v3.0.1 +//** Deprecated `$screen-md` as of v3.0.1 $screen-md: 992px !default; $screen-md-min: $screen-md !default; -//** Deprecated `@screen-desktop` as of v3.0.1 +//** Deprecated `$screen-desktop` as of v3.0.1 $screen-desktop: $screen-md-min !default; // Large screen / wide desktop -//** Deprecated `@screen-lg` as of v3.0.1 +//** Deprecated `$screen-lg` as of v3.0.1 $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; -//** Deprecated `@screen-lg-desktop` as of v3.0.1 +//** Deprecated `$screen-lg-desktop` as of v3.0.1 $screen-lg-desktop: $screen-lg-min !default; // So media queries don't overlap when required, provide a maximum @@ -337,17 +339,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; // Small screen / tablet $container-tablet: (720px + $grid-gutter-width) !default; -//** For `@screen-sm-min` and up. +//** For `$screen-sm-min` and up. $container-sm: $container-tablet !default; // Medium screen / desktop $container-desktop: (940px + $grid-gutter-width) !default; -//** For `@screen-md-min` and up. +//** For `$screen-md-min` and up. $container-md: $container-desktop !default; // Large screen / wide desktop $container-large-desktop: (1140px + $grid-gutter-width) !default; -//** For `@screen-lg-min` and up. +//** For `$screen-lg-min` and up. $container-lg: $container-large-desktop !default; @@ -490,6 +492,7 @@ $jumbotron-heading-color: inherit !default; $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default; $jumbotron-heading-font-size: ceil(($font-size-base * 4.5)) !default; + //== Form states and alerts // //## Define colors for form feedback states and, by default, alerts. @@ -861,5 +864,7 @@ $blockquote-border-color: $table-border-color !default; $page-header-border-color: $table-border-color !default; //** Width of horizontal description list titles $dl-horizontal-offset: $component-offset-horizontal !default; +//** Point at which .dl-horizontal becomes horizontal +$dl-horizontal-breakpoint: $grid-float-breakpoint !default; //** Horizontal line color. $hr-border: $table-border-color !default;