Files
shopit-front/src/styles.scss

79 lines
1.9 KiB
SCSS

@use './fonts';
@import '@fortawesome/fontawesome-free/css/all.min.css';
@import './theme';
@import '../node_modules/bootstrap/scss/bootstrap';
:root,
app-root {
--border-color: #dddddd;
--bs-border-color: var(--border-color);
--bs-border-color-translucent: var(--border-color);
--bs-body-font-family: 'Gotham', sans-serif;
--color-primary: var(--tenant-primary);
--color-primary-rgb: var(--tenant-primary-rgb);
--color-secondary: var(--tenant-secondary);
--color-secondary-rgb: var(--tenant-secondary-rgb);
--color-danger: var(--tenant-danger);
--color-danger-rgb: var(--tenant-danger-rgb);
--color-success: var(--tenant-success);
--color-success-rgb: var(--tenant-success-rgb);
--color-header-bg: var(--tenant-header-bg);
--color-footer-bg: var(--tenant-footer-bg);
--bs-primary: var(--color-primary);
--bs-primary-rgb: var(--color-primary-rgb);
--bs-secondary: var(--color-secondary);
--bs-secondary-rgb: var(--color-secondary-rgb);
--bs-danger: var(--color-danger);
--bs-danger-rgb: var(--color-danger-rgb);
--bs-success: var(--color-success);
--bs-success-rgb: var(--color-success-rgb);
}
label {
display: block;
margin-bottom: 0.375rem;
font-size: 13px;
font-weight: 400;
}
.form-group {
display: flex;
flex-direction: column;
gap: 8px;
label {
font-size: 13px;
color: #888;
font-weight: normal;
margin-bottom: 0;
}
.required {
color: var(--color-danger, #dc3545);
margin-left: 2px;
}
.error {
font-size: 0.75rem;
color: var(--color-danger, #dc3545);
}
}
.table-striped {
--bs-table-bg: transparent;
--bs-table-color: #8a8a8a;
--bs-table-color-state: #8a8a8a;
--bs-table-color-type: #8a8a8a;
--bs-table-striped-bg: transparent;
--bs-table-striped-color: #8a8a8a;
color: #8a8a8a;
> tbody > tr:nth-of-type(odd) {
background-color: rgba(221, 221, 221, 0.25);
}
}