mirror of
https://github.com/adulau/art.git
synced 2024-11-25 19:47:09 +00:00
78 lines
1.6 KiB
SCSS
78 lines
1.6 KiB
SCSS
|
@import 'libs/vars';
|
||
|
|
@import 'libs/functions';
|
||
|
|
@import 'libs/mixins';
|
||
|
|
@import 'libs/skel';
|
||
|
|
@import 'font-awesome.min.css';
|
||
|
|
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic');
|
||
|
|
|
||
|
|
/*
|
||
|
|
Forty 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)',
|
||
|
|
large: '(max-width: 1280px)',
|
||
|
|
medium: '(max-width: 980px)',
|
||
|
|
small: '(max-width: 736px)',
|
||
|
|
xsmall: '(max-width: 480px)',
|
||
|
|
xxsmall: '(max-width: 360px)'
|
||
|
|
));
|
||
|
|
|
||
|
|
@include skel-layout((
|
||
|
|
reset: 'full',
|
||
|
|
boxModel: 'border',
|
||
|
|
grid: ( gutters: 2em ),
|
||
|
|
breakpoints: (
|
||
|
|
large: (
|
||
|
|
grid: ( gutters: 1.5em )
|
||
|
|
),
|
||
|
|
small: (
|
||
|
|
grid: ( gutters: 1.25em )
|
||
|
|
)
|
||
|
|
)
|
||
|
|
));
|
||
|
|
|
||
|
|
@mixin inner {
|
||
|
|
> .inner {
|
||
|
|
@include padding(4em, 0);
|
||
|
|
margin: 0 auto;
|
||
|
|
max-width: _size(inner);
|
||
|
|
width: calc(100% - 6em);
|
||
|
|
|
||
|
|
@include breakpoint(small) {
|
||
|
|
@include padding(3em, 0);
|
||
|
|
width: calc(100% - 3em);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Base.
|
||
|
|
|
||
|
|
@import 'base/page';
|
||
|
|
@import 'base/typography';
|
||
|
|
|
||
|
|
// Component.
|
||
|
|
|
||
|
|
@import 'components/section';
|
||
|
|
@import 'components/form';
|
||
|
|
@import 'components/box';
|
||
|
|
@import 'components/icon';
|
||
|
|
@import 'components/image';
|
||
|
|
@import 'components/list';
|
||
|
|
@import 'components/table';
|
||
|
|
@import 'components/button';
|
||
|
|
@import 'components/tiles';
|
||
|
|
@import 'components/contact-method';
|
||
|
|
@import 'components/spotlights';
|
||
|
|
|
||
|
|
// Layout.
|
||
|
|
|
||
|
|
@import 'layout/header';
|
||
|
|
@import 'layout/banner';
|
||
|
|
@import 'layout/main';
|
||
|
|
@import 'layout/contact';
|
||
|
|
@import 'layout/footer';
|
||
|
|
@import 'layout/wrapper';
|
||
|
|
@import 'layout/menu';
|