mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-07 18:44:08 +00:00
126 lines
2.9 KiB
SCSS
126 lines
2.9 KiB
SCSS
/// 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;
|
|
}
|