X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fmain.scss;h=6d26e38b0a669ba60a46b09a5135e9cdea5aa337;hb=84032966f14fb3c9269b570b1d4fc16452c601c4;hp=8abbbb649f2d73197e3e847b3abe82b0fb9c4021;hpb=b8ef5fe023a064d1e609b257786822095d85bb96;p=theme-danix.xyz.git diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 8abbbb6..6d26e38 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -1,5 +1,3 @@ -// BOURBON -@import "bourbon/bourbon"; // HTML5UP @import 'libs/vars'; @import 'libs/functions'; @@ -22,7 +20,6 @@ xxsmall: (null, 360px ) )); - // Mixins. @mixin inner { @@ -57,11 +54,13 @@ @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. @@ -72,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; + } +}