forms/css/icons.scss
Jan-Christoph Borchardt 7bba1f067f
Add icon for dropdown question type
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
2020-07-07 15:20:18 +02:00

60 lines
1.9 KiB
SCSS

/**
* @copyright Copyright (c) 2020 John Molakvoæ <skjnldsv@protonmail.com>
*
* @author John Molakvoæ <skjnldsv@protonmail.com>
*
* @license GNU AGPL version 3 or any later version
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
// Icon definitions
@include icon-black-white('forms', 'forms', 3);
@include icon-black-white('clone', 'forms', 1);
@include icon-black-white('answer-checkbox', 'forms', 1);
@include icon-black-white('answer-multiple', 'forms', 2);
@include icon-black-white('answer-dropdown', 'forms', 1);
@include icon-black-white('answer-short', 'forms', 1);
@include icon-black-white('answer-long', 'forms', 1);
@include icon-black-white('drag-handle', 'forms', 1);
.icon-yes {
@include icon-color('checkmark', 'actions', $color-success, 1, true);
}
.icon-comment-yes {
@include icon-color('comment', 'actions', $color-success, 1, true);
}
.icon-comment-no {
@include icon-color('comment', 'actions', $color-error, 1, true);
}
.icon-no {
@include icon-color('close', 'actions', $color-error, 1, true);
}
.icon-maybe {
@include icon-color('maybe-vote-variant', 'forms', $color-warning);
}
.icon-add-primary::before {
content: '';
background-image: url(icon-color-path('add', 'actions', $color-primary-text, 1, true));
width: 16px;
height: 16px;
}