diff options
Diffstat (limited to 'assets/scss/exclusive/contact-form.scss')
-rw-r--r-- | assets/scss/exclusive/contact-form.scss | 97 |
1 files changed, 0 insertions, 97 deletions
diff --git a/assets/scss/exclusive/contact-form.scss b/assets/scss/exclusive/contact-form.scss deleted file mode 100644 index b18e647..0000000 --- a/assets/scss/exclusive/contact-form.scss +++ /dev/null @@ -1,97 +0,0 @@ -// The CSS below should only appear rarely (ideally once, excluding translations) -@import '../base/_all', - '../fonts/variables'; - - -// Get transition for color changes -$change-transition: {{ .Site.Params.Style.changeTransition | default .Site.Data.default.style.changeTransition }}; - - - -#contact { - - margin: 1.5rem 0; - - label { - display: block; - line-height: 1.8rem; - } - - input[name=name], - input[name=_replyto], - input[name=_subject], - select, - textarea { - display: block; - - margin: 3px 0; - max-width: 100%; - } - - input[name=name], - input[name=_replyto], - input[name=_subject] { - min-width: 240px; - padding: 6px 12px; - } - - select { - min-width: 210px; - padding: 6px; - } - - textarea { - padding: 9px 15px; - - width: 90%; - height: auto; - } - - input[type=submit] { - cursor: pointer; - - font-family: $heading-font; - font-size: .75rem; - text-transform: uppercase; - letter-spacing: .05rem; - - margin-top: 1.2rem; - padding: 12px 42px 15px; - - outline: 2px dashed transparent; - outline-offset: 2px; - - transition: - background-color $change-transition, - border .2s ease-in-out, - color $change-transition, - outline .2s ease-in-out, - opacity .2s ease-in-out; - - &:focus { - outline-color: var(--accent); - } - - &:hover { - opacity: .75; - } - - // HACK - // Override Firefox unnecessary extra inner outline - &::-moz-focus-inner { - border: 0; - } - } -} - -// HACK -// Override Firefox unnecessary extra inner outline -// https://stackoverflow.com/a/11603104 -// https://stackoverflow.com/a/52903457 -@supports (-moz-appearance: meterbar) { - #contact select { - color: var(--fg); - color: rgba(0,0,0,0); - text-shadow: 0 0 0 var(--fg); - } -} |