diff options
author | Frederic Guillot <fred@kanboard.net> | 2016-08-07 18:08:28 -0400 |
---|---|---|
committer | Frederic Guillot <fred@kanboard.net> | 2016-08-07 18:08:28 -0400 |
commit | 41f93e09572a1adb9ad520974949ef9965dd3b28 (patch) | |
tree | 9bf3deac61fe2aa291ba1887dd0e46cfab15bc33 /assets/sass/_form.sass | |
parent | 508a5eaf850c3146090763c4c62ac9a3f84c9594 (diff) |
Add SASS variables for colors
Diffstat (limited to 'assets/sass/_form.sass')
-rw-r--r-- | assets/sass/_form.sass | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/assets/sass/_form.sass b/assets/sass/_form.sass index f2be47cf..83c65c50 100644 --- a/assets/sass/_form.sass +++ b/assets/sass/_form.sass @@ -1,3 +1,5 @@ +@import variables + form margin-bottom: 20px @@ -8,24 +10,24 @@ label input &[type="number"], &[type="date"], &[type="email"], &[type="password"], &[type="text"] - color: #888 + color: color('light') border: 1px solid #ccc width: 300px max-width: 95% - font-size: $text-normal + font-size: size('normal') height: 25px padding-bottom: 0 font-family: sans-serif margin-top: 10px +appearance &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus - color: #000 + color: color('dark') border-color: rgba(82, 168, 236, 0.8) outline: 0 box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) textarea:focus - color: #000 + color: color('dark') border-color: rgba(82, 168, 236, 0.8) outline: 0 box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) @@ -53,7 +55,8 @@ span.select2-container margin-top: 2px \::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder - color: #ddd + color: color('light') + opacity: 0.2 padding-top: 2px .form-actions @@ -73,14 +76,14 @@ input.form-error:focus, textarea.form-error:focus font-weight: bold .form-errors - color: #b94a48 + color: color('error') list-style-type: none ul.form-errors li margin-left: 0 .form-help - font-size: $text-small + font-size: size('small') color: brown margin-bottom: 15px @@ -128,4 +131,4 @@ input .reset-password margin-top: 20px a - color: #999 + color: color('light') |