diff options
Diffstat (limited to 'static/assets/sass/main.scss')
-rw-r--r-- | static/assets/sass/main.scss | 32 |
1 files changed, 19 insertions, 13 deletions
diff --git a/static/assets/sass/main.scss b/static/assets/sass/main.scss index 28f117d..06c1fd2 100644 --- a/static/assets/sass/main.scss +++ b/static/assets/sass/main.scss @@ -1,7 +1,10 @@ @import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
-@import 'libs/skel';
+@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');
@@ -11,21 +14,20 @@ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
- @include skel-breakpoints((
- xlarge: '(max-width: 1680px)',
- large: '(max-width: 1280px)',
- medium: '(max-width: 980px)',
- small: '(max-width: 736px)',
- xsmall: '(max-width: 480px)',
- xxsmall: '(max-width: 360px)'
- ));
+// Breakpoints.
- @include skel-layout((
- reset: 'full',
- boxModel: 'border',
- grid: ( gutters: 1.5rem )
+ @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);
@@ -39,16 +41,20 @@ // 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';
|