65 lines
1.1 KiB
Plaintext

input, textarea, button, select
font-family inherit
font-size 1rem
padding 0.4em 0.8em
border-radius 3px
color text-color
input, textarea
border ui-border
background white
box-shadow none
:focus
color black
border 1px solid main-color !important
// TODO: Replace with alpha(main-color, 20%) function
box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
:disabled
ui-disabled
button, .button
ui-element
horizontal
font-size 1rem
line-height 1rem
padding 0.75rem 1rem
color link-color
:hover
cursor pointer
color white
background-color link-hover-color
:active
transform translateY(3px)
// box-shadow 0 0 2px white, 0 -2px 5px rgba(0, 0, 0, 0.08) inset
// :active
// background-color black
// color white
// :focus
// color rgb(0, 0, 0)
// // box-shadow 0 0 6px alpha(mainColor, 20%)
// border 1px solid main-color
// select
// ui-element
// font-size 1rem
// padding 0.5em 1em
label
width 100%
padding 0.5rem 0
text-align left
// input[type="submit"]:hover,
// button:hover
// cursor pointer
// text-decoration none
// button[disabled]
// opacity 0.5
// :hover
// cursor not-allowed