-// BOURBON
-@import "bourbon/bourbon";
// HTML5UP
@import 'libs/vars';
@import 'libs/functions';
xxsmall: (null, 360px )
));
-
// Mixins.
@mixin inner {
@import 'components/actions';
@import 'components/icons';
@import 'components/pagination';
+ @import 'components/breadcrumbs';
@import 'components/table';
@import 'components/button';
@import 'components/tiles';
@import 'components/contact-method';
@import 'components/spotlights';
+ @import 'components/search';
+ @import 'components/gallery';
// Layout.
@import 'layout/footer';
@import 'layout/wrapper';
@import 'layout/menu';
+
+// darken images in dark mode
+@media screen and (prefers-color-scheme: dark) {
+ $image-filter: grayscale(50%);
+
+ img:not([src*='.svg']) {
+ filter: $image-filter;
+ }
+}