You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.5 KiB
70 lines
1.5 KiB
7 years ago
|
@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');
|
||
|
|
|
||
|
|
/*
|
||
|
|
Identity 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: 960px)',
|
||
|
|
small: '(max-width: 736px)',
|
||
|
|
xsmall: '(max-width: 480px)',
|
||
|
|
xxsmall: '(max-width: 360px)'
|
||
|
|
));
|
||
|
|
|
||
|
|
@include skel-layout((
|
||
|
|
reset: 'full',
|
||
|
|
boxModel: 'border'
|
||
|
|
));
|
||
|
|
|
||
|
|
@mixin icon-alt($content: false, $link: false) {
|
||
|
|
@include icon($content);
|
||
|
|
$size: _size(border-width) * 1.25;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
color: _palette(bg);
|
||
|
|
text-shadow: $size 0px 0px _palette(border),
|
||
|
|
($size * -1) 0px 0px _palette(border),
|
||
|
|
0px $size 0px _palette(border),
|
||
|
|
0px ($size * -1) 0px _palette(border);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@if $link {
|
||
|
|
&:hover {
|
||
|
|
&:before {
|
||
|
|
text-shadow: $size 0px 0px _palette(highlight),
|
||
|
|
($size * -1) 0px 0px _palette(highlight),
|
||
|
|
0px $size 0px _palette(highlight),
|
||
|
|
0px ($size * -1) 0px _palette(highlight);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Base.
|
||
|
|
|
||
|
|
@import 'base/page';
|
||
|
|
@import 'base/typography';
|
||
|
|
|
||
|
|
// Component.
|
||
|
|
|
||
|
|
@import 'components/form';
|
||
|
|
@import 'components/icon';
|
||
|
|
@import 'components/list';
|
||
|
|
@import 'components/button';
|
||
|
|
|
||
|
|
// Layout.
|
||
|
|
|
||
|
|
@import 'layout/main';
|
||
|
|
@import 'layout/footer';
|
||
|
|
@import 'layout/wrapper';
|