summaryrefslogtreecommitdiff
path: root/templates/assets/sass/hipster_cards/mixins/_buttons.scss
diff options
context:
space:
mode:
authorKapil Viren Ahuja <k.v.ahuja@gmail.com>2017-03-23 15:17:03 +0530
committerKapil Viren Ahuja <k.v.ahuja@gmail.com>2017-03-23 15:17:03 +0530
commit01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 (patch)
tree3d14b60e737ecd6c3c516798cddf5ca52db24348 /templates/assets/sass/hipster_cards/mixins/_buttons.scss
parentc9198259402c1d01ad8d943832c20069635963da (diff)
downloadminionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.tar.gz
minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.zip
adding the new theme
Diffstat (limited to 'templates/assets/sass/hipster_cards/mixins/_buttons.scss')
-rw-r--r--templates/assets/sass/hipster_cards/mixins/_buttons.scss70
1 files changed, 70 insertions, 0 deletions
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