blog/resources/sass/app.scss

58 lines
993 B
SCSS
Raw Normal View History

2024-02-19 11:07:04 +01:00
// Fonts
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
2024-03-02 16:46:59 +01:00
@import url('/node_modules/bootstrap-icons/font/bootstrap-icons.css');
2024-02-19 11:07:04 +01:00
// Variables
@import 'variables';
2024-03-02 16:46:59 +01:00
// Navbar overrides
$navbar-light-color: var(--bs-blue);
$navbar-light-hover-color: var(--bs-blue);
2024-03-02 16:46:59 +01:00
$nav-link-font-size: 1.1rem;
2024-02-19 11:07:04 +01:00
// Bootstrap
@import 'bootstrap/scss/bootstrap';
2024-03-02 16:46:59 +01:00
a {
text-decoration: none;
}
2024-03-02 16:46:59 +01:00
a:hover {
text-decoration: underline;
}
.photo-description {
text-align: center;
color: $secondary;
font-style: italic;
margin-top: 1em;
}
2024-03-04 17:32:45 +01:00
// photo gallery
.image-gallery {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
gap: 10px;
}
.image-gallery > li {
height: 300px;
cursor: pointer;
position: relative;
}
.image-gallery li img {
object-fit: cover;
width: 100%;
height: 100%;
vertical-align: middle;
}
.image-gallery::after {
content: "";
flex-grow: 999;
}