1input[type=submit], 2input[type=reset], 3input[type=button], 4button { 5 background-color: transparent; 6 border: $border-width solid transparent; 7 border-radius: $br; 8 color: $black; 9 padding: $sm-pad $md-pad; 10 display: inline-block; 11 font-weight: 400; 12 text-align: center; 13 white-space: nowrap; 14 vertical-align: middle; 15 user-select: none; 16 line-height: 1.5; 17 transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 18 cursor: pointer; 19 font-size: $font-size-ui; 20} 21input[type=submit], 22button[type=submit], 23#media__sendbtn { 24 font-weight: $font-weight-strong; 25 border: $border-width solid $black; 26} 27 28.dark input[type=submit], 29.dark input[type=reset], 30.dark input[type=button], 31.dark button { 32 background-color: transparent; 33 color: $text-light; 34 border: $border-width solid $text-light; 35} 36 37 38.dark button:hover, 39.dark button:active, 40.dark button:focus { 41 background-color: $bg-dark-well !important; 42 border: $border-width solid $text-light !important; 43 color: $text-light; 44 transition: 0.5s box-shadow, 0.6s background-color, 0.6s border; 45} 46 47input[type=submit]::-moz-focus-inner, 48input[type=reset]::-moz-focus-inner, 49input[type=button]::-moz-focus-inner, 50button::-moz-focus-inner { 51 padding: 0; 52} 53 54input[type=submit]:hover, 55input[type=reset]:hover, 56input[type=button]:hover, 57button:hover { 58 background-color: $black; 59 border-color: $black; 60 color: $white; 61} 62 63input[type=submit]:not(:disabled):active, 64input[type=reset]:not(:disabled):active, 65input[type=button]:not(:disabled):active, 66button:not(:disabled):active { 67 background-color: $black; 68 border-color: $black; 69 color: $white; 70} 71 72input[type=submit]:focus, 73input[type=reset]:focus, 74input[type=button]:focus, 75button:focus { 76 outline: 0; 77 box-shadow: 0 0 0 0.2rem fade_out($primary, 0.5); 78} 79 80input[type=submit]:disabled, 81input[type=reset]:disabled, 82input[type=button]:disabled, 83button:disabled { 84 opacity: .65; 85 cursor: not-allowed; 86 background-color: transparent; 87 border-color: $black; 88 color: $black; 89} 90