+// HTML5UP
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
-// MY COLOR DEFINITIONS
-@import "colors";
// GOOGLE FONTS
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
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';
// 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;
+ }
+}