diff options
| author | Frederic Guillot <fred@kanboard.net> | 2016-12-09 20:35:40 -0500 |
|---|---|---|
| committer | Frederic Guillot <fred@kanboard.net> | 2016-12-09 20:35:40 -0500 |
| commit | 67d01951f5a0a8e2201707162c1f7454f26ac798 (patch) | |
| tree | 17729d00327ee58b6256c6a0ba261624717f5797 /assets/sass | |
| parent | 86d04bc0ef7f6f6f501a0aef16a7855aaebe95c2 (diff) | |
Rewrite component to change user/group role
Diffstat (limited to 'assets/sass')
| -rw-r--r-- | assets/sass/_icon.sass | 17 | ||||
| -rw-r--r-- | assets/sass/_variables.sass | 5 | ||||
| -rw-r--r-- | assets/sass/app.sass | 1 |
3 files changed, 23 insertions, 0 deletions
diff --git a/assets/sass/_icon.sass b/assets/sass/_icon.sass new file mode 100644 index 00000000..e9ccbe43 --- /dev/null +++ b/assets/sass/_icon.sass @@ -0,0 +1,17 @@ +@import variables + +.icon-success + color: icon-color('success') + +.icon-error + color: icon-color('error') + +.icon-fade-out + opacity: 1 + animation: icon-fadeout 5s linear forwards + +@keyframes icon-fadeout + 0% + opacity: 1 + 100% + opacity: 0 diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass index 49e1b3f5..d710d8c9 100644 --- a/assets/sass/_variables.sass +++ b/assets/sass/_variables.sass @@ -19,6 +19,8 @@ $button-hover-border-colors: ('default': #bbb, 'red': #b0281a, 'blue': #3079ed) $font-sizes: ('normal': 1.0em, 'tiny': 0.7em, 'small': 0.8em, 'compact': 0.9em, 'medium': 1.2em, 'large': 1.4em, 'xlarge': 1.6em, 'title': 1.5em) +$icon-colors: ('success': #468847, 'error': #b94a48) + $text-font: 'Helvetica Neue', Helvetica, Arial, sans-serif $board-task-limit-color: #DF5353 @@ -34,6 +36,9 @@ $board-task-limit-color: #DF5353 @function bg-color($key: 'primary') @return map-get($background-colors, $key) +@function icon-color($key) + @return map-get($icon-colors, $key) + @function alert-color($key) @return map-get($alert-colors, $key) diff --git a/assets/sass/app.sass b/assets/sass/app.sass index 45f9ef59..4c58f39c 100644 --- a/assets/sass/app.sass +++ b/assets/sass/app.sass @@ -6,6 +6,7 @@ @import table_drag_and_drop @import form @import input_addon +@import icon @import alert @import button @import tooltip |