From fe27dbac37cf3301ac78c0ce6422eda748649447 Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Sat, 12 Feb 2022 18:09:48 +0000
Subject: [PATCH] refactor: added back basic dark mode
---
assets/scss/partials/vendors/contactform.scss | 122 ++++++++++++++++++----------------------
1 files changed, 56 insertions(+), 66 deletions(-)
diff --git a/assets/scss/partials/vendors/contactform.scss b/assets/scss/partials/vendors/contactform.scss
index 9ed1de7..1ec2148 100644
--- a/assets/scss/partials/vendors/contactform.scss
+++ b/assets/scss/partials/vendors/contactform.scss
@@ -1,70 +1,60 @@
/* (CONTACT) FORM */
.contact-form {
- margin-top: 30px;
+ margin-top: 30px;
+}
+.form-style {
+ width: 100%;
+}
+.form-style ul {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+.form-style ul li {
+ display: block;
+ margin-bottom: 10px;
+ min-height: 35px;
+ @include themed() {
+ background-color: t('accent');
+ color: t('primary');
+ broder: t('border');
}
- .form-style {
- width: 100%;
- }
- .form-style ul {
- padding: 0;
- margin: 0;
- list-style: none;
- }
- .form-style ul li {
- display: block;
- margin-bottom: 10px;
- min-height: 35px;
- }
- .form-style ul li .field-style {
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- font-size: 1.4rem;
- padding: 8px;
- outline: none;
- background-color: $accent;
- border: 1px solid $primary-light;
- color: $body-color;
- font-family: inherit;
- }
- .form-style ul li .field-style:focus {
- box-shadow: 0 0 5px;
- border: 1px solid;
- }
- .form-style ul li .field-split {
- width: 49%;
- }
- .form-style ul li .field-full {
- width: 100%;
- }
- .form-style ul li input.align-left {
- float: left;
- }
- .form-style ul li input.align-right {
- float: right;
- }
- .form-style ul li textarea {
- background-color: $accent;
- border: 1px solid $primary-light;
- color: $body-color;
- width: 100%;
- height: auto;
- }
- .form-style ul li input[type='button'],
- .form-style ul li input[type='submit'] {
- background-color: $accent;
- border: 1px solid $primary-light;
- display: inline-block;
- cursor: pointer;
- color: $body-color;
- text-decoration: none;
- width: 100%;
- }
- .form-style ul li input[type='button']:hover,
- .form-style ul li input[type='submit']:hover {
- background-color: $accent;
- border: 1px solid $primary-light;
- }
-
- /* (CONTACT) FORM END */
\ No newline at end of file
+}
+.form-style ul li .field-style {
+ box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ font-size: 1.4rem;
+ padding: 8px;
+ outline: none;
+ font-family: inherit;
+}
+.form-style ul li .field-style:focus {
+ box-shadow: 0 0 5px;
+ border: 1px solid;
+}
+.form-style ul li .field-split {
+ width: 49%;
+}
+.form-style ul li .field-full {
+ width: 100%;
+}
+.form-style ul li input.align-left {
+ float: left;
+}
+.form-style ul li input.align-right {
+ float: right;
+}
+.form-style ul li textarea {
+ width: 100%;
+ height: auto;
+}
+.form-style ul li input[type='button'],
+.form-style ul li input[type='submit'] {
+ display: inline-block;
+ cursor: pointer;
+ text-decoration: none;
+ width: 100%;
+}
+/* (CONTACT) FORM END */
--
Gitblit v1.10.0