File size: 1,604 Bytes
e4f4821 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
a.btn {
text-decoration: none;
}
.btn {
-webkit-appearance: none;
-moz-appearance: none;
font-size: 1.2em;
font-weight: normal;
cursor: pointer;
display: inline-block;
border-radius: 2px;
padding: 3px 10px;
margin: 0;
border: 1px solid var(--button-default-border-color);
background: var(--button-default-background-color);
color: var(--button-default-color);
}
.btn:hover,
.btn:focus {
border-color: var(--button-default-border-color-focus);
background: var(--button-default-background-color-focus);
color: var(--button-default-color-focus);
}
.btn-red {
border-color: var(--button-danger-border-color);
background: var(--button-danger-background-color);
color: var(--button-danger-color);
}
.btn-red:hover,
.btn-red:focus {
border-color: var(--button-danger-border-color-focus);
background: var(--button-danger-background-color-focus);
color: var(--button-danger-color-focus);
}
.btn-blue {
border-color: var(--button-primary-border-color);
background: var(--button-primary-background-color);
color: var(--button-primary-color);
}
.btn-blue:hover,
.btn-blue:focus {
border-color: var(--button-primary-border-color-focus);
background: var(--button-primary-background-color-focus);
color: var(--button-primary-color-focus);
}
.btn:disabled {
color: var(--button-disabled-color);
border-color: var(--button-disabled-border-color);
background: var(--button-disabled-background-color);
}
.buttons-header {
font-size: 0.8em;
margin-top: 5px;
margin-bottom: 15px
}
|