X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fmain%2Fsass%2Fmain.scss;fp=assets%2Fmain%2Fsass%2Fmain.scss;h=034f3c1df3328f41cdf1236db6b25a810e8357eb;hb=8af2079e4b096e77ba2f922d6a18224ce01cb7bd;hp=0000000000000000000000000000000000000000;hpb=d047bc8b5126c4af647c4e508022ca94452fc856;p=editorial.git diff --git a/assets/main/sass/main.scss b/assets/main/sass/main.scss new file mode 100644 index 0000000..034f3c1 --- /dev/null +++ b/assets/main/sass/main.scss @@ -0,0 +1,72 @@ +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/vendor'; +@import 'libs/breakpoints'; +@import 'libs/html-grid'; +@import 'libs/fixed-grid'; +@import 'font-awesome.min.css'; +@import url('https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic,700italic|Source+Sans+Pro:900'); + +/* + Massively by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ + +// Breakpoints. + + @include breakpoints(( + default: (1681px, null ), + 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-list($p); + @include color-section($p); + @include color-table($p); + @include color-pagination($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/actions'; + @import 'components/icons'; + @import 'components/list'; + @import 'components/section'; + @import 'components/table'; + @import 'components/pagination'; + +// Layout. + + @import 'layout/wrapper'; + @import 'layout/intro'; + @import 'layout/header'; + @import 'layout/nav'; + @import 'layout/main'; + @import 'layout/footer'; + @import 'layout/navPanel'; + @import 'layout/ghost';