mirror of
https://github.com/lubuntu-team/lubuntu.me.git
synced 2025-02-23 16:21:07 +00:00
44 lines
1.2 KiB
Plaintext
44 lines
1.2 KiB
Plaintext
|
@import "../../../base/less/mixins";
|
||
|
|
@import "widget-mixins";
|
||
|
|
|
||
|
|
.widget-function('generate_calls_to', .create_social_media_button_style);
|
||
|
|
|
||
|
|
.sow-social-media-button {
|
||
|
|
.social-media-button-base();
|
||
|
|
}
|
||
|
|
|
||
|
|
.create_social_media_button_style(@name, @icon_color:'', @button_color:'') {
|
||
|
|
|
||
|
|
.sow-social-media-button-@{name} {
|
||
|
|
border: 1px solid;
|
||
|
|
|
||
|
|
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065)");
|
||
|
|
text-shadow: 0 1px 0 rgba(0,0,0,0.05);
|
||
|
|
|
||
|
|
& when( iscolor( @button_color ) ) {
|
||
|
|
@border_color: darken(@button_color, 15%);
|
||
|
|
|
||
|
|
.gradient(@button_color, darken(@button_color, 10%), @button_color);
|
||
|
|
border-color: lighten(@border_color, 2%) @border_color darken(@border_color, 3%) @border_color;
|
||
|
|
|
||
|
|
&.ow-button-hover:hover {
|
||
|
|
.gradient(lighten(@button_color, 2%), lighten(darken(@button_color, 10%), 2%), lighten(@button_color, 2%));
|
||
|
|
border-color: lighten(lighten(@border_color, 2%), 2%) lighten(@border_color, 2%) darken(lighten(@border_color, 2%), 3%) lighten(@border_color, 2%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
& when( iscolor( @icon_color ) ) {
|
||
|
|
color: @icon_color !important;
|
||
|
|
&:visited,
|
||
|
|
&:active,
|
||
|
|
&:hover {
|
||
|
|
color: @icon_color !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.ow-button-hover:hover {
|
||
|
|
color: lighten(@icon_color, 2%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|