src/scss/toolkit/mixins/_themes.scss in titon-toolkit-0.9.4 vs src/scss/toolkit/mixins/_themes.scss in titon-toolkit-0.10.0

- old
+ new

@@ -1,98 +1,98 @@ @mixin alert-style($bg, $text) { - color: $text; - background: $bg; - border: 1px solid shade($bg, 10%); + color: $text; + background: $bg; + border: 1px solid shade($bg, 10%); - hr { border-color: shade($bg, 10%); } + hr { border-color: shade($bg, 10%); } - a { color: shade($text, 10%); } - a:hover { color: tint($text, 25%); } + a { color: shade($text, 10%); } + a:hover { color: tint($text, 25%); } - @content; + @content; } @mixin button-style($base, $light, $dark) { - font-weight: bold; - background: shade($base, 5%); - text-shadow: 1px 1px black(.2); - border: 1px solid shade($base, 12%); + font-weight: bold; + background: shade($base, 5%); + text-shadow: 1px 1px black(.2); + border: 1px solid shade($base, 12%); - @include active-state { - color: #fff; - background-color: shade($base, 20%); - text-shadow: 1px 1px $dark; - border-color: shade($base, 30%); - } + @include active-state { + color: #fff; + background-color: shade($base, 20%); + text-shadow: 1px 1px $dark; + border-color: shade($base, 30%); + } - @include disabled-state { - background: $base; - border-color: $base; - box-shadow: none; - text-shadow: none; - top: 0; - opacity: $disabled-opacity; - } + @include disabled-state { + background: $base; + border-color: $base; + box-shadow: none; + text-shadow: none; + top: 0; + opacity: $disabled-opacity; + } - @content; + @content; } @mixin label-style($bg, $text) { - background: $bg; - color: $text; + background: $bg; + color: $text; - @content; + @content; } @mixin progress-style($bg, $border) { - background: $bg; - text-shadow: 1px 1px $border; - border: 1px solid tint($border, 35%); - border-right: 0; + background: $bg; + text-shadow: 1px 1px $border; + border: 1px solid tint($border, 35%); + border-right: 0; - @content; + @content; } @mixin field-style() { - &.has-error { - .input, - .select { - border-color: $error; + &.has-error { + .input, + .select { + border-color: $error; - &:focus { box-shadow: 0 0 5px $error-light; } - } + &:focus { box-shadow: 0 0 5px $error-light; } + } - .radio, - .checkbox { - color: $error-dark; - } - } + .radio, + .checkbox { + color: $error-dark; + } + } - &.has-warning { - .input, - .select { - border-color: $warning; + &.has-warning { + .input, + .select { + border-color: $warning; - &:focus { box-shadow: 0 0 5px $warning-light; } - } + &:focus { box-shadow: 0 0 5px $warning-light; } + } - .radio, - .checkbox { - color: $warning-dark; - } - } + .radio, + .checkbox { + color: $warning-dark; + } + } - &.has-success { - .input, - .select { - border-color: $success; + &.has-success { + .input, + .select { + border-color: $success; - &:focus { box-shadow: 0 0 5px $success-light; } - } + &:focus { box-shadow: 0 0 5px $success-light; } + } - .radio, - .checkbox { - color: $success-dark; - } - } + .radio, + .checkbox { + color: $success-dark; + } + } } \ No newline at end of file