68 lines
1.7 KiB
CSS
68 lines
1.7 KiB
CSS
/**********
|
|
* button *
|
|
**********/
|
|
button {
|
|
padding: 4px 4px;
|
|
margin: 2px;
|
|
border-width: 2px;
|
|
border-style: solid;
|
|
border-color: @button_normal_color;
|
|
border-radius: 5px;
|
|
background-color: @button_normal_color;
|
|
color: @text_color;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
box-shadow: 0 2.5px 4.5px @shadow;
|
|
}
|
|
|
|
button:focus {
|
|
color: @fg_color;
|
|
box-shadow: 0 2.5px 4.5px @shadow ,
|
|
inset 0 0 0 2px alpha(@selected_bg_color, 0.5);
|
|
}
|
|
|
|
button:active,
|
|
button.toggle:checked {
|
|
color: @fg_color;
|
|
background-color: shade(@selected_bg_color, 0.83);
|
|
border-color: shade(@selected_bg_color, 0.83);
|
|
/*box-shadow: 0 1px 1px @shadow ,
|
|
inset 0 0 0 2px alpha(@fg_color, 0.25);*/
|
|
box-shadow: 0 1px 1px @shadow;
|
|
}
|
|
|
|
button:hover {
|
|
box-shadow: 0 2.5px 4.5px @shadow ,
|
|
inset 0 0 0 2px @selected_bg_color;
|
|
transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
|
|
color: @fg_color;
|
|
}
|
|
|
|
button:active:hover,
|
|
button.toggle:checked:hover {
|
|
box-shadow: 0 2.5px 4.5px @shadow ,
|
|
inset 0 0 0 2px alpha(@fg_color, 0.5);
|
|
transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
|
|
color: @fg_color;
|
|
}
|
|
|
|
button:disabled {
|
|
background-color: mix(@color8, @color0, 0.40);
|
|
background-image: none;
|
|
color: mix(@text_color, @color0, 0.40);
|
|
}
|
|
|
|
button:active:disabled {}
|
|
|
|
GtkLinkButton.button,
|
|
GtkLinkButton.button:focus,
|
|
GtkLinkButton.button:hover,
|
|
GtkLinkButton.button:active,
|
|
GtkLinkButton.button:focus:active,
|
|
GtkLinkButton.button:focus:hover {}
|
|
|
|
button.radio:checked {
|
|
color: @fg_color;
|
|
background-color: shade(@selected_bg_color, 0.83);
|
|
border-color: shade(@selected_bg_color, 0.83);
|
|
} |