---
# this ensures Jekyll reads the file to be transformed into CSS later
# only Main files contain this front matter, not partials.
---

@import "libs/vars";
@import "libs/functions";
@import "libs/mixins";
@import "libs/skel";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,900");
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,600" rel="stylesheet');

/*
	Phantom by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

@include skel-breakpoints(
  (
    xlarge: "(max-width: 1680px)",
    min-xlarge: "(min-width: 1681px)",
    large: "(max-width: 1280px)",
    min-large: "(min-width: 1281px)",
    medium: "(max-width: 980px)",
    min-medium: "(min-width: 981px)",
    small: "(max-width: 736px)",
    min-small: "(min-width: 737px)",
    xsmall: "(max-width: 480px)",
    min-xsmall: "(min-width: 481px)",
    xxsmall: "(max-width: 360px)",
    min-xxsmall: "(min-width: 361px)"
  )
);

@include skel-layout(
  (
    reset: "full",
    boxModel: "border",
    grid: (
      gutters: 2em
    ),
    breakpoints: (
      medium: (
        grid: (
          gutters: 1.5em
        )
      ),
      small: (
        grid: (
          gutters: 1em
        )
      )
    )
  )
);

// Base.

@import "base/page";
@import "base/variables";
@import "base/typography";

// Component.

@import "components/section";
@import "components/icon";
@import "components/list";
@import "components/form";
@import "components/box";
@import "components/image";
@import "components/table";
@import "components/button";
@import "components/tiles";
@import "components/blog";
@import "components/coming_soon";
@import "components/table-tickers";
@import "components/banner";

// Layout.

@import "layout/header";
@import "layout/content";
@import "layout/menu";
@import "layout/main";
@import "layout/footer";
@import "layout/wrapper";
@import "layout/defi_rates";
@import "layout/asset_management_tools";
@import "layout/product_page";
@import "layout/main_page";
@import "layout/events";
@import "layout/sidepanel";
@import "layout/algolia";
@import "layout/ecosystem";
