aboutsummaryrefslogtreecommitdiff
path: root/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms
diff options
context:
space:
mode:
authorCharles <sircharlesaze@gmail.com>2020-01-07 13:06:14 +0100
committerCharles <sircharlesaze@gmail.com>2020-01-07 13:06:14 +0100
commit7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8 (patch)
treef7453d7dd5cbaaab246e23810b02d3edf1e451be /srcs/wordpress/wp-content/themes/twentynineteen/sass/forms
parentc59bdcf77c50cbe89b4a93782cdd6d9e7532080e (diff)
downloadft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.gz
ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.tar.bz2
ft_server-7086111ad4dd997e12a3220e1ee60c9b9bcf0bb8.zip
Added wordpress
Diffstat (limited to 'srcs/wordpress/wp-content/themes/twentynineteen/sass/forms')
-rw-r--r--srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_buttons.scss37
-rw-r--r--srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_fields.scss58
-rw-r--r--srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_forms.scss3
3 files changed, 98 insertions, 0 deletions
diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_buttons.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_buttons.scss
new file mode 100644
index 0000000..f527a08
--- /dev/null
+++ b/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_buttons.scss
@@ -0,0 +1,37 @@
+.button,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+
+ @include button-transition;
+ background: $color__background-button;
+ border: none;
+ border-radius: 5px;
+ box-sizing: border-box;
+ color: $color__background-body;
+ @include font-family( $font__heading );
+ font-size: $font__size-sm;
+ font-weight: 700;
+ line-height: $font__line-height-heading;
+ outline: none;
+ padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
+ text-decoration: none;
+ vertical-align: bottom;
+
+ &:hover {
+ background: $color__background-button-hover;
+ cursor: pointer;
+ }
+
+ &:visited {
+ color: $color__background-body;
+ text-decoration: none;
+ }
+
+ &:focus {
+ background: $color__background-button-hover;
+ outline: thin dotted;
+ outline-offset: -4px;
+ }
+}
diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_fields.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_fields.scss
new file mode 100644
index 0000000..448b707
--- /dev/null
+++ b/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_fields.scss
@@ -0,0 +1,58 @@
+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="password"],
+input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="range"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"],
+textarea {
+ -webkit-backface-visibility: hidden;
+ background: $color__background-input;
+ border: solid 1px $color__border;
+ box-sizing: border-box;
+ outline: none;
+ padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
+ -webkit-appearance: none;
+ outline-offset: 0;
+ border-radius: 0;
+
+ &:focus {
+ border-color: $color__link;
+ outline: thin solid rgba( $color__link, 0.15 );
+ outline-offset: -4px;
+ }
+}
+
+input[type="search"] {
+ &::-webkit-search-decoration {
+ display: none;
+ }
+}
+
+select {
+
+}
+
+textarea {
+ box-sizing: border-box;
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ resize: vertical;
+}
+
+form {
+
+ p {
+ margin: $size__spacing-unit 0;
+ }
+
+} \ No newline at end of file
diff --git a/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_forms.scss b/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_forms.scss
new file mode 100644
index 0000000..2036ef9
--- /dev/null
+++ b/srcs/wordpress/wp-content/themes/twentynineteen/sass/forms/_forms.scss
@@ -0,0 +1,3 @@
+@import "buttons";
+
+@import "fields";