__ __ __ __ _____ _ _ _____ _ _ _
| \/ | \ \ / / | __ \ (_) | | / ____| | | | |
| \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | |
| |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | |
| | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | |
|_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1
if you need WebShell for Seo everyday contact me on Telegram
Telegram Address : @jackleet
For_More_Tools:
@import "../../../base/less/mixins";
@responsive_breakpoint: 780px;
@align: center;
@mobile_align: center;
@button_width: '';
@button_color: #41a9d5;
@text_color: #FFFFFF;
@hover_background_color: #41a9d5;
@hover_text_color: #FFFFFF;
@button_font: default;
@button_font_weight: default;
@button_font_style: default;
@font_size: 1em;
@rounding: 0.25em;
@padding: 1em;
@has_text: true;
.ow-button-base {
.clearfix();
@media (max-width: @responsive_breakpoint) {
&.ow-button-align-@{align} {
text-align: @mobile_align;
& when not ( @mobile_align = justify ) {
&.ow-button-align-justify a {
display: inline-block;
}
}
& when ( @mobile_align = justify ) {
a {
display: block;
}
}
}
}
a {
.box-sizing(border-box);
& when( isnumber( @button_width ) ) {
width: @button_width;
max-width: 100%;
}
.font(@button_font, @button_font_weight);
font-style: @button_font_style;
font-size: @font_size;
padding: @padding @padding*2;
background: transparent;
border: 2px solid @button_color;
color: @button_color !important;
.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;
}
}
&:active,
&:hover{
color: @hover_text_color !important;
}
&.ow-button-hover:hover {
background: @hover_background_color;
border-color: @hover_background_color;
}
}
}