vendor/assets/stylesheets/magic/content/_buttons.scss in magic_stylez-0.0.0.90 vs vendor/assets/stylesheets/magic/content/_buttons.scss in magic_stylez-0.0.0.91

- old
+ new

@@ -117,87 +117,101 @@ // 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-blank-soft { @include btn-blank-variant($btn-default-color, transparentize($btn-default-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-default-color, $btn-default-bg, $btn-default-border ); } } .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); } + &.btn-blank-soft { @include btn-blank-variant($btn-primary-bg, transparentize($btn-primary-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-primary-color, $btn-primary-bg, $btn-primary-border ); } } // 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); } + &.btn-blank-soft { @include btn-blank-variant($btn-success-bg, transparentize($btn-success-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-success-color, $btn-success-bg, $btn-success-border ); } } // 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); } + &.btn-blank-soft { @include btn-blank-variant($btn-info-bg, transparentize($btn-info-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-info-color, $btn-info-bg, $btn-info-border ); } } // 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); } + &.btn-blank-soft { @include btn-blank-variant($btn-warning-bg, transparentize($btn-warning-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-warning-color, $btn-warning-bg, $btn-warning-border ); } } // 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-blank-soft { @include btn-blank-variant($btn-danger-bg, transparentize($btn-danger-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-danger-color, $btn-danger-bg, $btn-danger-border ); } } .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); } + &.btn-blank-soft { @include btn-blank-variant($btn-brand-bg, transparentize($btn-brand-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-brand-color, $btn-brand-bg, $btn-brand-border ); } } // 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-blank-soft { @include btn-blank-variant($btn-facebook-bg, transparentize($btn-facebook-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-facebook-color, $btn-facebook-bg, $btn-facebook-border ); } } .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-blank-soft { @include btn-blank-variant($btn-google-bg, transparentize($btn-google-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-google-color, $btn-google-bg, $btn-google-border ); } } .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-blank-soft { @include btn-blank-variant($btn-twitter-bg, transparentize($btn-twitter-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-twitter-color, $btn-twitter-bg, $btn-twitter-border ); } } .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); } + &.btn-blank-soft { @include btn-blank-variant($btn-paypal-bg, transparentize($btn-paypal-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-paypal-color, $btn-paypal-bg, $btn-paypal-border ); } } .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-blank-soft { @include btn-blank-variant($btn-one-bg, transparentize($btn-one-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-one-color, $btn-one-bg, $btn-one-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-blank-soft { @include btn-blank-variant($btn-two-bg, transparentize($btn-two-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-two-color, $btn-two-bg, $btn-two-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-blank-soft { @include btn-blank-variant($btn-three-bg, transparentize($btn-three-border, .50), #fff); } &.btn-blur { @include btn-blur-variant( $btn-three-color, $btn-three-bg, $btn-three-border ); } } \ No newline at end of file