Site-CILA/assets/sass/main.scss

75 lines
1.6 KiB
SCSS
Raw Permalink Normal View History

2019-06-12 12:59:29 +00:00
@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@import 'libs/html-grid';
@import 'fontawesome-all.min.css';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic');
2019-06-12 12:59:29 +00:00
/*
Forty by HTML5 UP
html5up.net | @ajlkn
2019-06-12 12:59:29 +00:00
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
// Breakpoints.
2019-06-12 12:59:29 +00:00
@include breakpoints((
xlarge: (1281px, 1680px ),
large: (981px, 1280px ),
medium: (737px, 980px ),
small: (481px, 736px ),
xsmall: (361px, 480px ),
xxsmall: (null, 360px )
2019-06-12 12:59:29 +00:00
));
// Mixins.
2019-06-12 12:59:29 +00:00
@mixin inner {
> .inner {
@include padding(4em, 0);
margin: 0 auto;
max-width: _size(inner);
width: calc(100% - 6em);
2019-06-12 12:59:29 +00:00
@include breakpoint('<=small') {
@include padding(3em, 0);
width: calc(100% - 3em);
2019-06-12 12:59:29 +00:00
}
}
}
// Base.
2019-06-12 12:59:29 +00:00
@import 'base/reset';
@import 'base/page';
@import 'base/typography';
2019-06-12 12:59:29 +00:00
// Component.
2019-06-12 12:59:29 +00:00
@import 'components/row';
@import 'components/section';
@import 'components/form';
@import 'components/box';
@import 'components/icon';
@import 'components/image';
@import 'components/list';
@import 'components/actions';
@import 'components/icons';
@import 'components/pagination';
@import 'components/table';
@import 'components/button';
@import 'components/tiles';
@import 'components/contact-method';
@import 'components/spotlights';
2019-06-12 12:59:29 +00:00
// Layout.
2019-06-12 12:59:29 +00:00
@import 'layout/header';
@import 'layout/banner';
@import 'layout/main';
@import 'layout/contact';
@import 'layout/footer';
@import 'layout/wrapper';
@import 'layout/menu';