56 lines
1.7 KiB
Text
56 lines
1.7 KiB
Text
/* -----------------------------------------------------------------------------
|
|
Component: Button Styles
|
|
----------------------------------------------------------------------------- */
|
|
|
|
// Tool Button
|
|
// -----------------------------------------------------------------------------
|
|
|
|
.button-tool {
|
|
background-color: @toolbutton-bg-color;
|
|
border: 1 solid @toolbutton-border-color;
|
|
border-radius: 2;
|
|
color: @toolbutton-text-color;
|
|
&:hover {
|
|
background-color: @toolbutton-bg-color-hover;
|
|
border-color: @toolbutton-border-color-hover;
|
|
color: @toolbutton-text-color-hover;
|
|
}
|
|
&:pressed {
|
|
background-color: @toolbutton-bg-color-pressed;
|
|
border-color: @toolbutton-border-color-pressed;
|
|
color: @toolbutton-text-color-pressed;
|
|
}
|
|
&:checked {
|
|
background-color: @toolbutton-bg-color-checked;
|
|
border-color: @toolbutton-border-color-checked;
|
|
color: @toolbutton-text-color-checked;
|
|
&:hover {
|
|
background-color: @toolbutton-bg-color-checked-hover;
|
|
border-color: @toolbutton-border-color-checked-hover;
|
|
}
|
|
}
|
|
&:disabled {
|
|
color: @text-color-disabled;
|
|
&:checked {
|
|
background-color: @toolbutton-bg-color-disabled;
|
|
border-color: @toolbutton-border-color-disabled;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Flat Button
|
|
// -----------------------------------------------------------------------------
|
|
// This is a flat style with no border and no margin, for use in tight areas.
|
|
|
|
.button-flat {
|
|
background-color: none;
|
|
border: 0;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
&:hover {
|
|
background-color: @toolbutton-bg-color-hover;
|
|
}
|
|
&:pressed {
|
|
background-color: @accent;
|
|
}
|
|
}
|