Change buttons to ghost type
This commit is contained in:
@ -32,7 +32,7 @@
|
|||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&.focus {
|
&.focus {
|
||||||
color: @btn-default-color;
|
color: @gray-lighter;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -14,8 +14,8 @@
|
|||||||
&:active,
|
&:active,
|
||||||
&.active,
|
&.active,
|
||||||
.open > .dropdown-toggle& {
|
.open > .dropdown-toggle& {
|
||||||
color: @color;
|
color: @gray-lighter;
|
||||||
background-color: darken(@background, 10%);
|
background-color: lighten(@background, 10%);
|
||||||
border-color: darken(@border, 12%);
|
border-color: darken(@border, 12%);
|
||||||
}
|
}
|
||||||
&:active,
|
&:active,
|
||||||
|
@ -144,27 +144,27 @@
|
|||||||
|
|
||||||
@btn-font-weight: normal;
|
@btn-font-weight: normal;
|
||||||
|
|
||||||
@btn-default-color: #333;
|
@btn-default-color: @gray-lighter;
|
||||||
@btn-default-bg: @gray-lighter;
|
@btn-default-bg: @gray-lighter;
|
||||||
@btn-default-border: #ccc;
|
@btn-default-border: #ccc;
|
||||||
|
|
||||||
@btn-primary-color: @gray-lighter;
|
@btn-primary-color: @brand-primary;
|
||||||
@btn-primary-bg: @brand-primary;
|
@btn-primary-bg: @brand-primary;
|
||||||
@btn-primary-border: darken(@btn-primary-bg, 5%);
|
@btn-primary-border: darken(@btn-primary-bg, 5%);
|
||||||
|
|
||||||
@btn-success-color: @gray-lighter;
|
@btn-success-color: @brand-primary;
|
||||||
@btn-success-bg: @brand-success;
|
@btn-success-bg: @brand-success;
|
||||||
@btn-success-border: darken(@btn-success-bg, 5%);
|
@btn-success-border: darken(@btn-success-bg, 5%);
|
||||||
|
|
||||||
@btn-info-color: @gray-lighter;
|
@btn-info-color: @brand-info;
|
||||||
@btn-info-bg: @brand-info;
|
@btn-info-bg: @brand-info;
|
||||||
@btn-info-border: darken(@btn-info-bg, 5%);
|
@btn-info-border: darken(@btn-info-bg, 5%);
|
||||||
|
|
||||||
@btn-warning-color: @gray-lighter;
|
@btn-warning-color: @brand-primary;
|
||||||
@btn-warning-bg: @brand-warning;
|
@btn-warning-bg: @brand-warning;
|
||||||
@btn-warning-border: darken(@btn-warning-bg, 5%);
|
@btn-warning-border: darken(@btn-warning-bg, 5%);
|
||||||
|
|
||||||
@btn-danger-color: @gray-lighter;
|
@btn-danger-color: @brand-danger;
|
||||||
@btn-danger-bg: @brand-danger;
|
@btn-danger-bg: @brand-danger;
|
||||||
@btn-danger-border: darken(@btn-danger-bg, 5%);
|
@btn-danger-border: darken(@btn-danger-bg, 5%);
|
||||||
|
|
||||||
|
@ -117,7 +117,7 @@ h1, h2, h3, h4, h5, h6, p, li {
|
|||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn, .shadow {
|
.shadow {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
-webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
-webkit-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
||||||
-moz-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
-moz-box-shadow: 2px 4px 1px rgba(0, 0, 0, 0.3);
|
||||||
@ -719,7 +719,7 @@ iframe.iphone {
|
|||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #fff;
|
|
||||||
-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
|
-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||||
-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
|
-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||||
-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
|
-ms-transition: background .2s ease-in-out, border .2s ease-in-out;
|
||||||
|
Reference in New Issue
Block a user