website/src/assets/sass/main.scss

100 lines
1.9 KiB
SCSS

@import "libs/vars";
@import "libs/functions";
@import "libs/mixins";
@import "libs/vendor";
@import "libs/breakpoints";
@import "libs/html-grid";
// FontAwesome
$fa-font-path: "../webfonts";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands";
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400";
/*
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
// 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-form($p);
@include color-icon($p);
@include color-list($p);
@include color-section($p);
@include color-table($p);
@include color-spotlight($p);
}
// Base.
@import "base/reset";
@import "base/page";
@import "base/typography";
// Component.
@import "components/row";
@import "components/box";
@import "components/button";
@import "components/form";
@import "components/icon";
@import "components/image";
@import "components/list";
@import "components/actions";
@import "components/icons";
@import "components/section";
@import "components/table";
@import "components/features";
@import "components/statistics";
@import "components/spotlight";
@import "components/discord";
// Layout.
@import "layout/header";
@import "layout/nav";
@import "layout/main";
@import "layout/footer";
@import "layout/wrapper";
// CanopyMC
@import "canopymc";