/// buttons // adding special chill actions buttons $chill-theme-buttons: ( "submit": $chill-green, "save": $chill-green, "create": $chill-green, "new": $chill-green, "duplicate": $chill-green, "not-duplicate": $chill-green, "reset": $chill-red, "delete": $chill-red, "danger": $chill-red, "remove": $chill-red, "action": $chill-orange, "edit": $chill-orange, "update": $chill-orange, "show": $chill-blue, "view": $chill-blue, "misc": $gray-300, "cancel": $gray-300, "choose": $gray-300, "unlink": $chill-red, ); @each $button, $color in $chill-theme-buttons { .btn-#{$button} { @include button-variant($color, $color); } } @each $button, $color in $chill-theme-buttons { .btn-outline-#{$button} { @include button-outline-variant($color); } } .btn { &.btn-submit, &.btn-save, &.btn-create, &.btn-new, &.btn-duplicate, &.btn-not-duplicate, &.btn-reset, &.btn-delete, &.btn-danger, &.btn-remove, &.btn-unlink, &.btn-action, &.btn-edit, &.btn-update { &, &:hover { color: $light; } } } .btn { &.btn-new::before, &.btn-create::before, &.btn-edit::before, &.btn-update::before, &.btn-show::before, &.btn-view::before, &.btn-save::before, &.btn-duplicate::before, // &.btn-not-duplicate::before, // &.btn-submit::before, // &.btn-reset::before, // &.btn-action::before, &.btn-unlink::before, &.btn-delete::before, &.btn-remove::before, &.btn-choose::before, &.btn-cancel::before { font: normal normal normal 14px/1 ForkAwesome; margin-right: 0.5em; } &[class*='btn-']:empty { &::before { margin-right: 0; } } } .btn { &.btn-new::before, &.btn-create::before { content: "\f067"; } // fa-plus &.btn-edit::before, &.btn-update::before { content: "\f040"; } // fa-pencil &.btn-show::before, &.btn-view::before { content: "\f06e"; } // fa-eye &.btn-save::before { content: "\f0c7"; } // fa-floppy-o &.btn-duplicate::before { content: "\f24d"; } // fa-clone // f0c5 fa-files-o &.btn-delete::before { content: "\f1f8"; } // fa-trash &.btn-remove::before { content: "\f00d"; } // fa-times &.btn-cancel::before { content: "\f060"; } // fa-arrow-left &.btn-choose::before { content: "\f00c"; } // fa-check // f046 fa-check-square-o &.btn-unlink::before { content: "\f127"; } // fa-chain-broken } /// fix text color on themes buttons .btn-success, .btn-warning { &, &:hover { color: $light; } } /// allow to hide icon (herited from scratch) .btn { &.change-icon { &::before { content: ''; margin-right: 0; } } } // fix min-width on small pictos buttons .btn-sm, .btn-group-sm > .btn { min-width: 36px; }