2018-01-26 15:50:15 +01:00

60 lines
1.1 KiB
Plaintext

@import "../../../base/less/mixins";
.widget-function('import_google_font');
@button_width: '';
@button_color: #41a9d5;
@border_color: darken(@button_color, 5%);
@text_color: #FFFFFF;
@button_font: default;
@button_font_weight: default;
@font_size: 1em;
@rounding: 0.25em;
@padding: 1em;
@has_text: true;
.ow-button-base {
.clearfix();
a {
.box-sizing(border-box);
& when( isnumber( @button_width ) ) {
width: @button_width;
}
.font(@button_font, @button_font_weight);
font-size: @font_size;
padding: @padding @padding*2;
background: @button_color;
color: @text_color !important;
border: 1px solid @button_color;
border-width: 1px 0;
.rounded(@rounding);
text-shadow: 0 1px 0 rgba(0,0,0,0.05);
& when not ( @has_text = true ) {
.sow-icon-image,
[class^="sow-icon-"] {
margin: 0;
}
}
&:visited,
&:active,
&:hover{
color: @text_color !important;
}
&.ow-button-hover:hover {
background: lighten(@button_color, 4%);
border-bottom-color: lighten(@border_color, 4%);
color: lighten(@text_color, 4%);
}
}
}