Skip to content

Commit 2824b58

Browse files
author
Johan Van den Rym
committed
Added sass files
1 parent 2d3a145 commit 2824b58

14 files changed

+1121
-0
lines changed

‎_sass/components/_navigation.scss

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
// b-navigation item styles
2+
@mixin navigation__item() {
3+
@content;
4+
}
5+
// b-navigation link styles
6+
@mixin navigation__link() {
7+
@content;
8+
}
9+
10+
// navigation list
11+
@mixin navigation (
12+
$nav_selector: 'b-navigation',
13+
$margin: 0.5em,
14+
$orientation: vertical, // horizontal or vertical orientation?
15+
$current_link_style: false // include active link style
16+
) {
17+
margin: 0;
18+
padding: 0;
19+
text-align: center;
20+
@at-root {
21+
.#{$nav_selector}__link,
22+
.#{$nav_selector}__item {
23+
display: block;
24+
}
25+
.#{$nav_selector}__item:first-child {
26+
margin: 0;
27+
}
28+
@if $orientation == 'horizontal' {
29+
.#{$nav_selector}_layout_horiz {
30+
@include pie-clearfix;
31+
}
32+
.#{$nav_selector}__item {
33+
display: inline-block;
34+
@include breakpoint($bp-med) {
35+
float: left;
36+
margin: 0 0 0 #{$margin};
37+
}
38+
}
39+
}
40+
@else {
41+
.#{$nav_selector}__item {
42+
margin: #{$margin} 0 0 0;
43+
}
44+
}
45+
46+
@if $current_link_style {
47+
.#{$nav_selector}__link__link_state_current {
48+
@content;
49+
}
50+
}
51+
}
52+
}

‎_sass/global/_base.scss

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@import 'compass';
2+
@import 'susy';
3+
@import 'breakpoint';
4+
@import 'variables';
5+
@import 'mixins';

‎_sass/global/_compass.scss

+91
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
// @import 'compass/css3';
2+
// @import 'compass/layout';
3+
@import 'compass/reset';
4+
// @import 'compass/reset-legacy';
5+
// @import 'compass/support';
6+
// @import 'compass/typography';
7+
@import 'compass/utilities';
8+
//
9+
// @import 'compass/css3/appearance';
10+
// @import 'compass/css3/background-clip';
11+
// @import 'compass/css3/background-origin';
12+
// @import 'compass/css3/background-size';
13+
// @import 'compass/css3/border-radius';
14+
// @import 'compass/css3/box';
15+
// @import 'compass/css3/box-shadow';
16+
@import 'compass/css3/box-sizing';
17+
// @import 'compass/css3/columns';
18+
// @import 'compass/css3/font-face';
19+
// @import 'compass/css3/gradient';
20+
// @import 'compass/css3/';
21+
// @import 'compass/css3/inline-block';
22+
// @import 'compass/css3/opacity';
23+
// @import 'compass/css3/pie';
24+
// @import 'compass/css3/shared';
25+
// @import 'compass/css3/text-shadow';
26+
// @import 'compass/css3/transform';
27+
// @import 'compass/css3/transform-legacy';
28+
// @import 'compass/css3/transition';
29+
//
30+
// @import 'compass/layout/grid-background';
31+
// @import 'compass/layout/sticky-footer';
32+
// @import 'compass/layout/stretching';
33+
//
34+
// @import 'compass/reset/utilities';
35+
// @import 'compass/reset/utilities-legacy';
36+
//
37+
// @import 'compass/typography/links';
38+
// @import 'compass/typography/lists';
39+
// @import 'compass/typography/text';
40+
// @import 'compass/typography/verticalrhythm';
41+
//
42+
// @import 'compass/utilities/color';
43+
// @import 'compass/utilities/general';
44+
// @import 'compass/utilities/links';
45+
// @import 'compass/utilities/lists';
46+
// @import 'compass/utilities/print';
47+
// @import 'compass/utilities/sprites';
48+
// @import 'compass/utilities/tables';
49+
// @import 'compass/utilities/text';
50+
//
51+
// @import 'compass/typography/links/hover-link';
52+
// @import 'compass/typography/links/link-colors';
53+
// @import 'compass/typography/links/unstyled-link';
54+
//
55+
// @import 'compass/typography/lists/bullets';
56+
// @import 'compass/typography/lists/horizontal-list';
57+
// @import 'compass/typography/lists/inline-block-list';
58+
// @import 'compass/typography/lists/inline-list';
59+
//
60+
// @import 'compass/typography/text/ellipsis';
61+
// @import 'compass/typography/text/nowrap';
62+
// @import 'compass/typography/text/replacement';
63+
//
64+
// @import 'compass/utilities/color/contrast';
65+
//
66+
// @import 'compass/utilities/general/clearfix';
67+
// @import 'compass/utilities/general/float';
68+
// @import 'compass/utilities/general/hacks';
69+
// @import 'compass/utilities/general/min';
70+
// @import 'compass/utilities/general/reset';
71+
// @import 'compass/utilities/general/tabs';
72+
// @import 'compass/utilities/general/tag-cloud';
73+
//
74+
// @import 'compass/utilities/links/hover-link';
75+
// @import 'compass/utilities/links/link-colors';
76+
// @import 'compass/utilities/links/unstyled-link';
77+
// @import 'compass/utilities/lists/bullets';
78+
// @import 'compass/utilities/lists/horizontal-list';
79+
// @import 'compass/utilities/lists/inline-block-list';
80+
// @import 'compass/utilities/lists/inline-list';
81+
//
82+
// @import 'compass/utilities/sprites/base';
83+
// @import 'compass/utilities/sprites/sprite-img';
84+
//
85+
// @import 'compass/utilities/tables/alternating-rows-and-columns';
86+
// @import 'compass/utilities/tables/borders';
87+
// @import 'compass/utilities/tables/scaffolding';
88+
//
89+
// @import 'compass/utilities/text/ellipsis';
90+
// @import 'compass/utilities/text/nowrap';
91+
// @import 'compass/utilities/text/replacement';

‎_sass/global/_mixins.scss

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
/**
2+
* This mixin outputs bullet proof @font-face syntax.
3+
* $args : list of offsets and values
4+
*/
5+
6+
@mixin web_fonts (
7+
$fonts,
8+
$path_to_font,
9+
$font-style: normal,
10+
$font-weight: normal
11+
) {
12+
@each $font in $fonts {
13+
@font-face {
14+
font-family: #{$font};
15+
font-style: #{$font-style};
16+
font-weight: #{$font-weight};
17+
src: url('#{$path_to_font}/#{$font}.eot'); /* IE9 Compat Modes */
18+
src: url('#{$path_to_font}/#{$font}?#iefix') format('embedded-opentype'), /* IE6-IE8 */
19+
url('#{$path_to_font}/#{$font}.woff') format('woff'), /* Modern Browsers */
20+
url('#{$path_to_font}/#{$font}.ttf') format('truetype'), /* Safari, Android, iOS */
21+
url('#{$path_to_font}/#{$font}.svg#svgFontName') format('svg'); /* Legacy iOS */
22+
}
23+
}
24+
}

‎_sass/global/_variables.scss

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
// fonts
2+
3+
$fonts: (
4+
"selectors": (
5+
"body": "Meddle-Regular",
6+
"headings": "operator-light-webfont"
7+
),
8+
);
9+
10+
// colors
11+
$text-color: #95918C;
12+
$neutralwhite-color: #fff;
13+
$link-color: #17806D;
14+
$link-hover: shade($link-color, 20%);
15+
16+
// typography
17+
$paragraph-indent: false;
18+
$paragraph-justify: false;
19+
20+
// grid
21+
$bp-small : 24em;
22+
$bp-small-2 : 29.75em;
23+
$bp-small-3 : 39.8em;
24+
$bp-med : 46.8em;
25+
$bp-med-2 : 48em;
26+
$bp-large : 50em;
27+
$bp-large-2 : 54.5em;
28+
$bp-xl : 60em;
29+
$bp-xl-2 : 67em;

‎_sass/helpers/_helpers.scss

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
@import 'maps';
2+
@import 'typesettings';

‎_sass/helpers/_maps.scss

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
2+
// return values from nested maps
3+
@function map-fetch($map, $keys) {
4+
$key: nth($keys, 1);
5+
$length: length($keys);
6+
$value: map-get($map, $key);
7+
@if ($length > 1) {
8+
$rest: ();
9+
@for $i from 2 through $length {
10+
$rest: append($rest, nth($keys, $i))
11+
}
12+
@return map-fetch($value, $rest)
13+
} @else {
14+
@return $value;
15+
}
16+
}

0 commit comments

Comments
 (0)