From 01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 Mon Sep 17 00:00:00 2001 From: Kapil Viren Ahuja Date: Thu, 23 Mar 2017 15:17:03 +0530 Subject: adding the new theme --- .../assets/sass/hipster_cards/mixins/_buttons.scss | 70 ++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 templates/assets/sass/hipster_cards/mixins/_buttons.scss (limited to 'templates/assets/sass/hipster_cards/mixins/_buttons.scss') diff --git a/templates/assets/sass/hipster_cards/mixins/_buttons.scss b/templates/assets/sass/hipster_cards/mixins/_buttons.scss new file mode 100644 index 0000000..8322b05 --- /dev/null +++ b/templates/assets/sass/hipster_cards/mixins/_buttons.scss @@ -0,0 +1,70 @@ +// Mixin for generating new styles +@mixin btn-styles($btn-color, $btn-states-color) { + border-color: $btn-color; + color: $btn-color; + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle { + background-color: $transparent-bg; + color: $btn-states-color; + border-color: $btn-states-color; + } + + &.disabled, + &:disabled, + &[disabled], + fieldset[disabled] & { + &, + &:hover, + &:focus, + &.focus, + &:active, + &.active { + background-color: $transparent-bg; + border-color: $btn-color; + } + } + + + &.btn-fill { + color: $white-color; + background-color: $btn-color; + @include opacity(1); + + &:hover, + &:focus, + &:active, + &.active, + .open > &.dropdown-toggle{ + background-color: $btn-states-color; + color: $white-color; + } + + .caret{ + border-top-color: $white-color; + } + } + + .caret{ + border-top-color: $btn-color; + } +} + + +@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border){ + font-size: $font-size; + border-radius: $border; + padding: $padding-vertical $padding-horizontal; + + &.btn-round{ + padding: $padding-vertical + 1 $padding-horizontal; + } + + &.btn-simple{ + padding: $padding-vertical + 2 $padding-horizontal; + } + +} \ No newline at end of file -- cgit v1.3.1