2020-10-12 11:19:10 +00:00
|
|
|
@use "../colors.sass" as c
|
|
|
|
|
|
|
|
@mixin appearance($value)
|
|
|
|
appearance: $value
|
|
|
|
-moz-appearance: $value
|
|
|
|
-webkit-appearance: $value
|
|
|
|
|
|
|
|
.c-chat-input
|
2020-11-08 11:19:56 +00:00
|
|
|
position: relative
|
2020-10-12 11:19:10 +00:00
|
|
|
width: 100%
|
|
|
|
border-top: 2px solid c.$divider
|
2020-10-19 05:37:17 +00:00
|
|
|
background-color: c.$dark
|
2020-10-12 11:19:10 +00:00
|
|
|
|
|
|
|
&__textarea
|
2020-11-08 11:19:56 +00:00
|
|
|
position: relative
|
|
|
|
z-index: 1
|
2020-10-12 11:19:10 +00:00
|
|
|
width: calc(100% - 40px)
|
|
|
|
height: 16px + (16px * 1.45)
|
|
|
|
box-sizing: border-box
|
|
|
|
margin: 20px
|
|
|
|
padding: 8px
|
|
|
|
font-family: inherit
|
|
|
|
font-size: inherit
|
|
|
|
background-color: c.$milder
|
|
|
|
color: #fff
|
|
|
|
+appearance(none)
|
|
|
|
border: none
|
|
|
|
border-radius: 8px
|
|
|
|
resize: none
|