diff options
| author | Frederic Guillot <fred@kanboard.net> | 2016-08-08 21:54:45 -0400 |
|---|---|---|
| committer | Frederic Guillot <fred@kanboard.net> | 2016-08-08 21:54:45 -0400 |
| commit | 195fae86d663c81cc3faa7653d1b7fe8cd6a27ce (patch) | |
| tree | 6262651f765b8fe9a921090c5d344814a66a6674 /assets/sass/_input_addon.sass | |
| parent | fd0bea2187b33e2e90296882dc2e03c2557d65e9 (diff) | |
Make filter box and project header more responsive
Diffstat (limited to 'assets/sass/_input_addon.sass')
| -rw-r--r-- | assets/sass/_input_addon.sass | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/sass/_input_addon.sass b/assets/sass/_input_addon.sass new file mode 100644 index 00000000..9d05f1ab --- /dev/null +++ b/assets/sass/_input_addon.sass @@ -0,0 +1,30 @@ +.input-addon + display: flex + +.input-addon-field + flex: 1 + font-size: size('normal') + color: color('light') + +.input-addon-item + background-color: rgba(147, 128, 108, 0.1) + color: #666 + font: inherit + font-weight: normal + + .dropdown + .fa-caret-down + display: none + +.input-addon-field, .input-addon-item + border: 1px solid rgba(147, 128, 108, 0.25) + padding: 4px 0.75em + + &:not(:first-child) + border-left: 0 + +.input-addon-field:first-child, .input-addon-item:first-child + border-radius: 5px 0 0 5px + +.input-addon-field:last-child, .input-addon-item:last-child + border-radius: 0 5px 5px 0 |