styling of the search bar. Improved functionality. Still needs styling.

[theme-danix.xyz.git] / assets / sass / main.scss

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 4f838e9..6d26e38 100644 (file)
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -20,7 +20,6 @@
                xxsmall:   (null,     360px    )
        ));
 
-
 // Mixins.
 
        @mixin inner {
@@ -61,6 +60,7 @@
        @import 'components/tiles';
        @import 'components/contact-method';
        @import 'components/spotlights';
+       @import 'components/search';
 
 // Layout.
 
@@ -71,3 +71,12 @@
        @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;
+       }
+}