vendor/assets/stylesheets/magic/content/_buttons.scss in magic_stylez-0.0.0.48 vs vendor/assets/stylesheets/magic/content/_buttons.scss in magic_stylez-0.0.0.49
- old
+ new
@@ -102,72 +102,82 @@
// Alternate buttons .. again with important color (to stay btn in navbar)
// --------------------------------------------------
.btn-default {
@include btn-variant($btn-default-color, $btn-default-bg, $btn-default-border);
+ &.btn-blank { @include btn-blank-variant($btn-default-color, $btn-default-border, #fff); }
}
.btn-primary {
@include btn-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
+ &.btn-blank { @include btn-blank-variant($btn-primary-bg, $btn-primary-border, #fff); }
}
// Success appears as green
.btn-success {
@include btn-variant($btn-success-color, $btn-success-bg, $btn-success-border);
+ &.btn-blank { @include btn-blank-variant($btn-success-bg, $btn-success-border, #fff); }
}
// Info appears as blue-green
.btn-info {
@include btn-variant($btn-info-color, $btn-info-bg, $btn-info-border);
+ &.btn-blank { @include btn-blank-variant($btn-info-bg, $btn-info-border, #444); }
}
// Warning appears as orange
.btn-warning {
@include btn-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
+ &.btn-blank { @include btn-blank-variant($btn-warning-bg, $btn-warning-border, #444); }
}
// Danger and error appear as red
.btn-danger {
@include btn-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
+ &.btn-blank { @include btn-blank-variant($btn-danger-bg, $btn-danger-border, #fff); }
}
.btn-brand {
@include btn-variant($btn-brand-color, $btn-brand-bg, $btn-brand-border);
+ &.btn-blank { @include btn-blank-variant($btn-brand-bg, $btn-brand-border, #fff); }
}
+
// Socials
.btn-facebook {
@include btn-variant($btn-facebook-color, $btn-facebook-bg, $btn-facebook-border);
+ &.btn-blank { @include btn-blank-variant($btn-facebook-bg, $btn-facebook-border, #fff); }
}
.btn-google {
@include btn-variant($btn-google-color, $btn-google-bg, $btn-google-border);
+ &.btn-blank { @include btn-blank-variant($btn-google-bg, $btn-google-border, #fff); }
}
.btn-twitter {
@include btn-variant($btn-twitter-color, $btn-twitter-bg, $btn-twitter-border);
+ &.btn-blank { @include btn-blank-variant($btn-twitter-bg, $btn-twitter-border, #fff); }
}
.btn-paypal {
@include btn-variant($btn-paypal-color, $btn-paypal-bg, $btn-paypal-border);
+ &.btn-blank { @include btn-blank-variant($btn-paypal-bg, $btn-paypal-border, #fff); }
}
-// Nice Buttons
-.btn-facebook-nice, .btn-google-nice, .btn-twitter-nice, .btn-paypal-nice {
- color: #fff;
- @include box-shadow( inset 0 1px 0 0 rgba(255,255,255,.42), 0 1px 1px 0 rgba(0,0,0,.42) );
- &.btn-icn, & > .btn-icn {
- @include box-shadow( inset 0 1px 0 0 rgba(255,255,255,.42), 0 1px 1px 0 rgba(0,0,0,.42), inset -1px 0 1px 0 rgba(255,255,255,.32) );
- }
- &:hover { color: #fff; }
+.btn-one {
+ @include btn-variant($btn-one-color, $btn-one-bg, $btn-one-border);
+ &.btn-blank { @include btn-blank-variant($btn-one-bg, $btn-one-border, #fff); }
}
-.btn-facebook-nice {
- @include btn-with-gradient($btn-facebook-color, $facebook-gradient-top, $facebook-gradient-bottom, $btn-facebook-border);
+.btn-two {
+ @include btn-variant($btn-two-color, $btn-two-bg, $btn-two-border);
+ &.btn-blank { @include btn-blank-variant($btn-two-bg, $btn-two-border, #fff); }
}
-.btn-google-nice {
- @include btn-with-gradient($btn-google-color, $google-gradient-top, $google-gradient-bottom, $btn-google-border);
+
+.btn-three {
+ @include btn-variant($btn-three-color, $btn-three-bg, $btn-three-border);
+ &.btn-blank { @include btn-blank-variant($btn-three-bg, $btn-three-border, #fff); }
}
-.btn-twitter-nice {
- @include btn-with-gradient($btn-twitter-color, $twitter-gradient-top, $twitter-gradient-bottom, $btn-twitter-border);
-}
-.btn-paypal-nice {
- @include btn-with-gradient($btn-paypal-color, $paypal-gradient-top, $paypal-gradient-bottom, $btn-paypal-border);
-}
+
+
+
+
+
+
.btn-link {
color: $link-color !important;
background-color: transparent !important;
border-color: transparent !important;
\ No newline at end of file