69 lines
1.2 KiB
SCSS
69 lines
1.2 KiB
SCSS
@import "bootstrap/bootstrap";
|
|
|
|
:root {
|
|
--bs-primary: #004a6f;
|
|
--bs-secondary: #009ee3;
|
|
--bs-success: #198754;
|
|
--bs-danger: #dc3545;
|
|
--bs-warning: #ffc107;
|
|
--bs-info: #00a194;
|
|
--bs-light: #eff0f1;
|
|
--bs-dark: #535455;
|
|
|
|
//--bs-font-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
|
--bs-body-font-size: 1.1rem;
|
|
--bs-body-line-height: 1.5;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--bs-font-sans-serif);
|
|
line-height: var(--bs-body-line-height);
|
|
color: var(--bs-dark);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
color: var(--bs-primary);
|
|
}
|
|
|
|
// Navigation customization
|
|
.navbar {
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
|
&-brand {
|
|
font-weight: 700;
|
|
font-size: 1.25rem;
|
|
}
|
|
}
|
|
|
|
// Card customization
|
|
.card {
|
|
border: none;
|
|
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
|
|
&:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
|
}
|
|
}
|
|
|
|
// Footer customization
|
|
.footer {
|
|
background-color: var(--bs-dark);
|
|
color: var(--bs-dark);
|
|
padding: 40px 20px 20px;
|
|
margin-top: 60px;
|
|
border-top: 1px solid #dee2e6;
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
// Images
|
|
.banner {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|