Mo Elzubeir
47 lines
820 B
SCSS
47 lines
820 B
SCSS
|
|
.rw-btn {
|
|
position: relative;
|
|
color: $btn-color;
|
|
display: inline-block;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
outline: none; // these are never individually focusable
|
|
|
|
.rw-state-readonly &,
|
|
.rw-state-disabled & {
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
.rw-btn-select {
|
|
@include opacity(.75);
|
|
transition: opacity 150ms ease-in;
|
|
|
|
&:hover,
|
|
.rw-state-focus &,
|
|
:hover > & {
|
|
@include opacity(1);
|
|
}
|
|
}
|
|
|
|
.rw-btn-primary {
|
|
width: 100%;
|
|
white-space: normal;
|
|
line-height: 2em;
|
|
|
|
&:hover {
|
|
background-color: $state-bg-hover;
|
|
}
|
|
}
|
|
|
|
.rw-btn-select[disabled],
|
|
.rw-btn-primary[disabled],
|
|
fieldset[disabled] .rw-btn-select,
|
|
fieldset[disabled] .rw-btn-primary, {
|
|
@include state-disabled();
|
|
@include opacity(.65);
|
|
pointer-events: none;
|
|
}
|