@import "colors-main.scss"; @import "checkbox.scss"; textarea, input[type=text] { background: #ffffff; border: 1px solid rgba(50, 50, 93, .1); border-radius: 3px; color: #525f7f; } input[type=text]::placeholder { color: #cacaca; } textarea::placeholder { color: $gray-6; font-size: 20px; display: flex; line-height: 110px; justify-content: center; align-items: center; text-align: center; } textarea { display: inline-block; white-space: pre-wrap; font-family: 'Source Sans Pro', sans-serif; padding: 8px; outline: none; overflow: auto; min-height: 130px; width: 100%; } .commento-red-border { border: 1px solid $red-7; } .commento-textarea-container { position: relative; display: flex; justify-content: center; align-items: center; .commento-submit-button { transform: none; } } .commento-blurred-textarea { list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; justify-content: space-between; will-change: transform; } .commento-submit-button { float: right; background: $blue-8; text-transform: uppercase; font-size: 12px; margin-top: 10px; } .commento-button-margin { padding-top: 4px; } .commento-anonymous-checkbox-container { float: right; margin: 20px 16px; input[type="checkbox"] + label { padding-left: 24px; font-size: 12px; text-transform: uppercase; font-weight: bold; color: $gray-7; } input[type="checkbox"] + label:before { margin-top: 1px; } input[type="checkbox"] + label:after { margin-top: -1px; } } .commento-markdown-button { color: $gray-6; margin: 0px 16px; font-size: 12px; text-transform: uppercase; border: none; line-height: 58px; font-weight: 400; cursor: pointer; b { font-size: 12px; } } .commento-markdown-help { border: 1px solid $gray-3; padding: 8px; tr { td { padding: 0px 6px; pre { display: inline; font-family: monospace; font-size: 13px; } } } }