krautworld-website_kraut.world/assets/sass/main.scss
2022-05-09 13:22:27 +02:00

70 lines
1.5 KiB
SCSS

@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
@import 'fontawesome-all.min.css';
/*
KABI.tk
*/
// Breakpoints.
@include breakpoints((
xlarge: ( 1281px, 1680px ),
large: ( 981px, 1280px ),
medium: ( 737px, 980px ),
small: ( 481px, 736px ),
xsmall: ( 361px, 480px ),
xxsmall: ( null, 360px )
));
// Mixins.
@mixin color($p) {
@include color-typography($p);
@include color-box($p);
@include color-button($p);
@include color-features($p);
@include color-form($p);
@include color-icon($p);
@include color-image-circles($p);
@include color-list($p);
@include color-section($p);
@include color-spotlights($p);
@include color-table($p);
}
// Base.
@import 'base/reset';
@import 'base/page';
@import 'base/typography';
// Component.
@import 'components/row';
@import 'components/box';
@import 'components/button';
@import 'components/features';
@import 'components/form';
@import 'components/icon';
@import 'components/image';
@import 'components/image-circles';
@import 'components/list';
@import 'components/actions';
@import 'components/icons';
@import 'components/section';
@import 'components/spotlights';
@import 'components/table';
@import 'components/wrapper';
// Layout.
@import 'layout/header';
@import 'layout/menu';
@import 'layout/banner';
@import 'layout/footer';
@import 'layout/main';