Sha256: 813657ef893b1551fcf244dc926945b92971f933743021749cdd2c68010e1f3c
Contents?: true
Size: 1.3 KB
Versions: 5
Compression:
Stored size: 1.3 KB
Contents
@import "../helpers/index.scss";
.btn-icon-spacing {
@extend .d-inline-flex, .align-items-center, .justify-content-center;
gap: 4px;
}
// New buttons with bootstrap button styles
.cm-admin .btn-cta {
--bs-btn-color: var(--bs-white) !important;
--bs-btn-bg: var(--bs-primary) !important;
--bs-btn-border-color: var(--bs-primary);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #{shade-color($primary, 10%)};
@extend .btn, .btn-sm, .btn-icon-spacing;
}
.cm-admin .btn-primary {
@extend .btn, .btn-outline-primary, .btn-sm, .btn-icon-spacing;
}
.cm-admin .btn-secondary {
@extend .btn, .btn-outline-secondary, .btn-sm, .btn-icon-spacing;
}
.cm-admin .btn-ghost {
@extend .btn, .btn-light, .btn-sm, .btn-icon-spacing;
}
.cm-admin .btn-danger {
@extend .btn, .btn-outline-danger, .btn-sm, .btn-icon-spacing;
}
.cm-admin .btn-link {
@extend .btn, .btn-link, .btn-sm, .btn-icon-spacing;
text-decoration: underline;
}
.cm-admin .btn-loading {
@extend .btn, .btn-primary, .btn-sm, .btn-icon-spacing, .disabled;
}
.cm-admin .btn-dark {
@extend .btn, .btn-outline-dark, .btn-sm;
}
// button mixin - We can use if needed
// @include button-variant($background: #6554e0, $border: #6554e0);
//Outline button mixin - We can use if needed
// @include button-outline-variant($color: #6554e0);
Version data entries
5 entries across 5 versions & 1 rubygems