3 @import 'libs/functions';
5 @import 'libs/my-mixins';
7 @import 'libs/breakpoints';
8 @import 'libs/html-grid';
10 @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');
14 @include breakpoints((
15 xlarge: (1281px, 1680px ),
16 large: (981px, 1280px ),
17 medium: (737px, 980px ),
18 small: (481px, 736px ),
19 xsmall: (361px, 480px ),
20 xxsmall: (null, 360px )
27 @include padding(4em, 0);
29 max-width: _size(inner);
30 width: calc(100% - 6em);
32 @include breakpoint('<=small') {
33 @include padding(3em, 0);
34 width: calc(100% - 3em);
43 @import 'base/typography';
47 @import 'components/row';
48 @import 'components/section';
49 @import 'components/form';
50 @import 'components/box';
51 @import 'components/icon';
52 @import 'components/image';
53 @import 'components/list';
54 @import 'components/actions';
55 @import 'components/icons';
56 @import 'components/pagination';
57 @import 'components/breadcrumbs';
58 @import 'components/table';
59 @import 'components/button';
60 @import 'components/tiles';
61 @import 'components/contact-method';
62 @import 'components/spotlights';
63 @import 'components/search';
64 @import 'components/gallery';
68 @import 'layout/header';
69 @import 'layout/banner';
70 @import 'layout/main';
71 @import 'layout/contact';
72 @import 'layout/footer';
73 @import 'layout/wrapper';
74 @import 'layout/menu';
76 // darken images in dark mode
77 @media screen and (prefers-color-scheme: dark) {
78 $image-filter: grayscale(50%);
80 img:not([src*='.svg']) {
81 filter: $image-filter;