From f29e10ddbf1755568f3db95bbbf4f46e73e526db Mon Sep 17 00:00:00 2001 From: Dan Barber Date: Wed, 12 Sep 2018 22:12:51 -0400 Subject: [PATCH] Basic form styles --- app/assets/stylesheets/application.scss | 1 + app/assets/stylesheets/includes/_forms.scss | 18 ++++++++++++++++++ 2 files changed, 19 insertions(+) create mode 100644 app/assets/stylesheets/includes/_forms.scss diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index ee015e7..6d7b4f3 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -1,3 +1,4 @@ +@import "includes/forms"; @import "home"; @import "images"; @import "sessions"; diff --git a/app/assets/stylesheets/includes/_forms.scss b/app/assets/stylesheets/includes/_forms.scss new file mode 100644 index 0000000..191044b --- /dev/null +++ b/app/assets/stylesheets/includes/_forms.scss @@ -0,0 +1,18 @@ +input[type=text] { + border: 1px solid black; + border-radius: 0.15rem; + box-shadow: inset 0.15rem 0.15rem 0.25rem rgba(0, 0, 0, 0.25); + padding: 0.2rem 0.5rem 0.25rem; +} + +button, +input[type=submit] { + background: #ddd; + border: 1px solid black; + border-radius: 0.15rem; + box-shadow: inset -0.15rem -0.15rem 0.25rem rgba(0, 0, 0, 0.25), + inset 0.15rem 0.15rem 0.25rem rgba(255, 255, 255, 0.75); + color: black; + font-weight: bold; + padding: 0.2rem 0.5rem 0.25rem; +}