diff options
| author | Frederic Guillot <fred@kanboard.net> | 2016-08-13 19:34:21 -0400 |
|---|---|---|
| committer | Frederic Guillot <fred@kanboard.net> | 2016-08-13 19:34:21 -0400 |
| commit | a631b76175e1bbb0a2d752cd395ef1295fa435b5 (patch) | |
| tree | 3bb8023aba681d6b4adb8d6124ae79a5eb7972b9 /assets/sass | |
| parent | 4520026e91ca0e601f48ff6f3a16f42354257f91 (diff) | |
Remove fixed table on dashboard and improve input placeholders
Diffstat (limited to 'assets/sass')
| -rw-r--r-- | assets/sass/_form.sass | 8 | ||||
| -rw-r--r-- | assets/sass/_mixins.sass | 10 | ||||
| -rw-r--r-- | assets/sass/_variables.sass | 2 |
3 files changed, 14 insertions, 6 deletions
diff --git a/assets/sass/_form.sass b/assets/sass/_form.sass index e46e14d4..d70d505c 100644 --- a/assets/sass/_form.sass +++ b/assets/sass/_form.sass @@ -1,4 +1,5 @@ @import variables +@import mixins form margin-bottom: 20px @@ -20,6 +21,8 @@ input font-family: sans-serif margin-top: 10px +appearance + @include placeholder + color: color('lighter') &[type="number"]:focus, &[type="date"]:focus, &[type="email"]:focus, &[type="password"]:focus, &[type="text"]:focus color: color('dark') border-color: rgba(82, 168, 236, 0.8) @@ -63,11 +66,6 @@ select span.select2-container margin-top: 2px -\::-webkit-input-placeholder, ::-ms-input-placeholder, ::-moz-placeholder - color: color('light') - opacity: 0.2 - padding-top: 2px - .form-actions padding-top: 20px clear: both diff --git a/assets/sass/_mixins.sass b/assets/sass/_mixins.sass index 66ed04f0..9b913a56 100644 --- a/assets/sass/_mixins.sass +++ b/assets/sass/_mixins.sass @@ -27,3 +27,13 @@ @mixin grid_width($width) width: $width * 100% + +@mixin placeholder + &::-webkit-input-placeholder + @content + &:-moz-placeholder + @content + &::-moz-placeholder + @content + &:-ms-input-placeholder + @content diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass index 497904d6..bd41e291 100644 --- a/assets/sass/_variables.sass +++ b/assets/sass/_variables.sass @@ -2,7 +2,7 @@ $xs-device-width: 480px $sm-device-width: 768px $md-device-width: 1150px -$colors: ('primary': #333, 'light': #999, 'dark': #000, 'medium': #555, 'error': #b94a48) +$colors: ('primary': #333, 'light': #999, 'lighter': #dedede, 'dark': #000, 'medium': #555, 'error': #b94a48) $link-colors: ('primary': #3366CC, 'focus': #DF5353, 'hover': #333) $background-colors: ('primary': #fbfbfb, 'light': #fcfcfc) |