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