93 lines
2.0 KiB
CSS
93 lines
2.0 KiB
CSS
|
html, body {
|
||
|
|
color: #242729;
|
||
|
|
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 1.30769231
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
box-sizing: border-box;
|
||
|
|
min-height: 100%;
|
||
|
|
background: #fafafa
|
||
|
|
}
|
||
|
|
body *, body *: before, body *: after {
|
||
|
|
box-sizing: inherit
|
||
|
|
}
|
||
|
|
.s-btn {
|
||
|
|
position: relative;
|
||
|
|
padding: .8em;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
background-color: transparent;
|
||
|
|
outline: none;
|
||
|
|
font-family: inherit;
|
||
|
|
font-size: inherit;
|
||
|
|
font-weight: 400;
|
||
|
|
line-height: 1.15384615;
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: pointer;
|
||
|
|
border-color: rgba(150, 18, 18, 0);
|
||
|
|
box-shadow: 0 0 0 0 rgba(0, 149, 255, 0);
|
||
|
|
color: #C31818
|
||
|
|
}
|
||
|
|
.s-btn: hover {
|
||
|
|
border-color: rgba(150, 18, 18, 0)
|
||
|
|
}
|
||
|
|
.s-btn: active {
|
||
|
|
border-color: rgba(104, 13, 13, 0)
|
||
|
|
}
|
||
|
|
.s-btn.is-selected {
|
||
|
|
border-color: rgba(59, 7, 7, 0)
|
||
|
|
}
|
||
|
|
.s-btn[disabled] {
|
||
|
|
border-color: rgba(113, 106, 106, 0.1)
|
||
|
|
}
|
||
|
|
.s-btn: hover {
|
||
|
|
box-shadow: 0 0 0 0 rgba(0, 149, 255, 0)
|
||
|
|
}
|
||
|
|
.s-btn: focus {
|
||
|
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 0 4px rgba(0, 149, 255, 0.1)
|
||
|
|
}
|
||
|
|
.s-btn[disabled] {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
.s-btn, .s-btn: focus {
|
||
|
|
background-color: rgba(195, 24, 24, 0)
|
||
|
|
}
|
||
|
|
.s-btn: hover {
|
||
|
|
background-color: rgba(200, 19, 19, 0.05)
|
||
|
|
}
|
||
|
|
.s-btn: active {
|
||
|
|
background-color: rgba(211, 8, 8, 0.15)
|
||
|
|
}
|
||
|
|
.s-btn.is-selected {
|
||
|
|
background-color: rgba(217, 2, 2, 0.25)
|
||
|
|
}
|
||
|
|
.s-btn[disabled] {
|
||
|
|
background-color: rgba(110, 110, 110, 0.2)
|
||
|
|
}
|
||
|
|
.s-btn, .s-btn: hover, .s-btn: focus, .s-btn.is-selected, .s-btn[disabled] {
|
||
|
|
background-image: none
|
||
|
|
}
|
||
|
|
.s-btn.s-btn__dropdown: after {
|
||
|
|
border-color: currentColor transparent
|
||
|
|
}
|
||
|
|
.s-btn: hover, .s-btn: active {
|
||
|
|
color: #961212
|
||
|
|
}
|
||
|
|
.s-btn: focus, .s-btn.is-selected {
|
||
|
|
color: #680d0d
|
||
|
|
}
|
||
|
|
.s-btn[disabled] {
|
||
|
|
color: rgba(110, 110, 110, 0.8)
|
||
|
|
}
|
||
|
|
.s-btn: hover, .s-btn: focus {
|
||
|
|
text-decoration: none
|
||
|
|
}
|
||
|
|
.s-btn: focus {
|
||
|
|
outline: none
|
||
|
|
}
|
||
|
|
.s-btn[disabled] {
|
||
|
|
opacity: 1;
|
||
|
|
cursor: default;
|
||
|
|
pointer-events: none
|
||
|
|
}
|