158 lines
3.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,
"wopilink": $chill-orange,
"show": $chill-blue,
"view": $chill-blue,
"misc": $gray-300,
"download": $gray-300,
"cancel": $gray-300,
"choose": $gray-300,
"notify": $chill-blue,
"search": $gray-300,
"unlink": $chill-red,
"tpchild": $chill-pink,
);
@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-tpchild,
&.btn-wopilink,
&.btn-update {
&, &:hover {
color: $light;
}
}
}
.btn {
&.btn-new::before,
&.btn-create::before,
&.btn-edit::before,
&.btn-update::before,
&.btn-wopilink::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-notify::before,
&.btn-tpchild::before,
&.btn-download::before,
&.btn-search::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-wopilink::before { content: "\f1dd"; } // fa-paragraph
&.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
&.btn-notify::before { content: "\f1d8"; } // fa-paper-plane
&.btn-tpchild::before { content: "\f007"; } // fa-user
&.btn-download::before { content: "\f019"; } // fa-download
&.btn-search::before { content: "\f002"; } // fa-search
}
/// 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;
}
// Homepage special fast action buttons
div.sticky-buttons {
position: fixed;
bottom: 3em;
right: 2em;
.btn-circle {
width: 50px; height: 50px;
border-radius: 50%;
text-align: center;
padding: 0.45rem 0.7rem;
display: block;
margin-bottom: 0.5rem;
}
}