dream-theme 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +48 -0
- data/_includes/head.html +17 -0
- data/_includes/navigation.html +17 -0
- data/_layouts/home.html +29 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +16 -0
- data/_sass/base/_base.scss +14 -0
- data/_sass/base/_buttons.scss +43 -0
- data/_sass/base/_forms.scss +95 -0
- data/_sass/base/_layout.scss +18 -0
- data/_sass/base/_lists.scss +19 -0
- data/_sass/base/_media.scss +9 -0
- data/_sass/base/_tables.scss +29 -0
- data/_sass/base/_typography.scss +45 -0
- data/_sass/base/_variables.scss +41 -0
- data/_sass/bourbon/_bourbon.scss +54 -0
- data/_sass/bourbon/bourbon/helpers/_buttons-list.scss +14 -0
- data/_sass/bourbon/bourbon/helpers/_scales.scss +27 -0
- data/_sass/bourbon/bourbon/helpers/_text-inputs-list.scss +26 -0
- data/_sass/bourbon/bourbon/library/_border-color.scss +26 -0
- data/_sass/bourbon/bourbon/library/_border-radius.scss +85 -0
- data/_sass/bourbon/bourbon/library/_border-style.scss +25 -0
- data/_sass/bourbon/bourbon/library/_border-width.scss +25 -0
- data/_sass/bourbon/bourbon/library/_buttons.scss +84 -0
- data/_sass/bourbon/bourbon/library/_clearfix.scss +25 -0
- data/_sass/bourbon/bourbon/library/_contrast-switch.scss +81 -0
- data/_sass/bourbon/bourbon/library/_ellipsis.scss +36 -0
- data/_sass/bourbon/bourbon/library/_font-face.scss +65 -0
- data/_sass/bourbon/bourbon/library/_font-stacks.scss +249 -0
- data/_sass/bourbon/bourbon/library/_hide-text.scss +24 -0
- data/_sass/bourbon/bourbon/library/_hide-visually.scss +70 -0
- data/_sass/bourbon/bourbon/library/_margin.scss +37 -0
- data/_sass/bourbon/bourbon/library/_modular-scale.scss +120 -0
- data/_sass/bourbon/bourbon/library/_overflow-wrap.scss +24 -0
- data/_sass/bourbon/bourbon/library/_padding.scss +36 -0
- data/_sass/bourbon/bourbon/library/_position.scss +62 -0
- data/_sass/bourbon/bourbon/library/_prefixer.scss +37 -0
- data/_sass/bourbon/bourbon/library/_shade.scss +32 -0
- data/_sass/bourbon/bourbon/library/_size.scss +50 -0
- data/_sass/bourbon/bourbon/library/_strip-unit.scss +17 -0
- data/_sass/bourbon/bourbon/library/_text-inputs.scss +163 -0
- data/_sass/bourbon/bourbon/library/_timing-functions.scss +38 -0
- data/_sass/bourbon/bourbon/library/_tint.scss +32 -0
- data/_sass/bourbon/bourbon/library/_triangle.scss +82 -0
- data/_sass/bourbon/bourbon/library/_value-prefixer.scss +37 -0
- data/_sass/bourbon/bourbon/settings/_settings.scss +75 -0
- data/_sass/bourbon/bourbon/utilities/_assign-inputs.scss +28 -0
- data/_sass/bourbon/bourbon/utilities/_compact-shorthand.scss +39 -0
- data/_sass/bourbon/bourbon/utilities/_contrast-ratio.scss +31 -0
- data/_sass/bourbon/bourbon/utilities/_directional-property.scss +70 -0
- data/_sass/bourbon/bourbon/utilities/_fetch-bourbon-setting.scss +16 -0
- data/_sass/bourbon/bourbon/utilities/_font-source-declaration.scss +51 -0
- data/_sass/bourbon/bourbon/utilities/_gamma.scss +21 -0
- data/_sass/bourbon/bourbon/utilities/_lightness.scss +24 -0
- data/_sass/bourbon/bourbon/utilities/_unpack-shorthand.scss +29 -0
- data/_sass/bourbon/bourbon/validators/_contains-falsy.scss +20 -0
- data/_sass/bourbon/bourbon/validators/_contains.scss +26 -0
- data/_sass/bourbon/bourbon/validators/_is-color.scss +13 -0
- data/_sass/bourbon/bourbon/validators/_is-length.scss +15 -0
- data/_sass/bourbon/bourbon/validators/_is-number.scss +15 -0
- data/_sass/bourbon/bourbon/validators/_is-size.scss +18 -0
- data/_sass/home.scss +55 -0
- data/_sass/main.scss +73 -0
- data/_sass/navigation.scss +45 -0
- data/_sass/neat/_neat.scss +26 -0
- data/_sass/neat/neat/functions/_neat-append-grid-visual.scss +21 -0
- data/_sass/neat/neat/functions/_neat-column-default.scss +23 -0
- data/_sass/neat/neat/functions/_neat-column-ratio.scss +24 -0
- data/_sass/neat/neat/functions/_neat-column-width.scss +25 -0
- data/_sass/neat/neat/functions/_neat-float-direction.scss +22 -0
- data/_sass/neat/neat/functions/_neat-merge-defaults.scss +23 -0
- data/_sass/neat/neat/functions/_neat-opposite-direction.scss +22 -0
- data/_sass/neat/neat/functions/_neat-parse-columns.scss +22 -0
- data/_sass/neat/neat/functions/_neat-parse-media.scss +20 -0
- data/_sass/neat/neat/functions/_retrieve-neat-settings.scss +19 -0
- data/_sass/neat/neat/mixins/_grid-collapse.scss +35 -0
- data/_sass/neat/neat/mixins/_grid-column.scss +39 -0
- data/_sass/neat/neat/mixins/_grid-container.scss +31 -0
- data/_sass/neat/neat/mixins/_grid-media.scss +67 -0
- data/_sass/neat/neat/mixins/_grid-push.scss +37 -0
- data/_sass/neat/neat/mixins/_grid-shift.scss +36 -0
- data/_sass/neat/neat/mixins/_grid-visual.scss +41 -0
- data/_sass/neat/neat/settings/_settings.scss +74 -0
- data/_sass/post.scss +24 -0
- data/assets/Linkedin.svg +17 -0
- data/assets/Twitter.svg +18 -0
- data/assets/github.png +0 -0
- data/assets/gitlab.svg +53 -0
- data/assets/icon.jpg +0 -0
- data/assets/icon.svg +95 -0
- data/assets/linkedin.png +0 -0
- data/assets/styles.scss +4 -0
- metadata +179 -0
@@ -0,0 +1,28 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Append pseudo-classes to a selector(s).
|
4
|
+
///
|
5
|
+
/// @argument {list | string} $inputs
|
6
|
+
/// A selector, or list of selectors, to apply the pseudo-class to.
|
7
|
+
///
|
8
|
+
/// @argument {pseudo-class} $pseudo [null]
|
9
|
+
/// The pseudo-class to be appended.
|
10
|
+
///
|
11
|
+
/// @return {list}
|
12
|
+
///
|
13
|
+
/// @access private
|
14
|
+
|
15
|
+
@function _assign-inputs(
|
16
|
+
$inputs,
|
17
|
+
$pseudo: null
|
18
|
+
) {
|
19
|
+
$list: ();
|
20
|
+
|
21
|
+
@each $input in $inputs {
|
22
|
+
$input: unquote($input);
|
23
|
+
$input: if($pseudo, $input + ":" + $pseudo, $input);
|
24
|
+
$list: append($list, $input, comma);
|
25
|
+
}
|
26
|
+
|
27
|
+
@return $list;
|
28
|
+
}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
// scss-lint:disable ElsePlacement
|
4
|
+
|
5
|
+
/// Transforms shorthand to its shortest possible form.
|
6
|
+
///
|
7
|
+
/// @argument {list} $values
|
8
|
+
/// List of directional values.
|
9
|
+
///
|
10
|
+
/// @example scss
|
11
|
+
/// $values: _compact-shorthand(10px 20px 10px 20px);
|
12
|
+
///
|
13
|
+
/// // Output
|
14
|
+
/// $values: 10px 20px;
|
15
|
+
///
|
16
|
+
/// @return {list}
|
17
|
+
///
|
18
|
+
/// @access private
|
19
|
+
|
20
|
+
@function _compact-shorthand($values) {
|
21
|
+
$output: null;
|
22
|
+
|
23
|
+
$a: nth($values, 1);
|
24
|
+
$b: if(length($values) < 2, $a, nth($values, 2));
|
25
|
+
$c: if(length($values) < 3, $a, nth($values, 3));
|
26
|
+
$d: if(length($values) < 2, $a, nth($values, if(length($values) < 4, 2, 4)));
|
27
|
+
|
28
|
+
@if $a == 0 { $a: 0; }
|
29
|
+
@if $b == 0 { $b: 0; }
|
30
|
+
@if $c == 0 { $c: 0; }
|
31
|
+
@if $d == 0 { $d: 0; }
|
32
|
+
|
33
|
+
@if $a == $b and $a == $c and $a == $d { $output: $a; }
|
34
|
+
@else if $a == $c and $b == $d { $output: $a $b; }
|
35
|
+
@else if $b == $d { $output: $a $b $c; }
|
36
|
+
@else { $output: $a $b $c $d; }
|
37
|
+
|
38
|
+
@return $output;
|
39
|
+
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Programatically determines the contrast ratio between two colors.
|
4
|
+
///
|
5
|
+
/// Note that the alpha channel is ignored.
|
6
|
+
///
|
7
|
+
/// @link https://goo.gl/54htLV
|
8
|
+
///
|
9
|
+
/// @argument {color (hex)} $color-1
|
10
|
+
///
|
11
|
+
/// @argument {color (hex)} $color-2
|
12
|
+
///
|
13
|
+
/// @return {number (1-21)}
|
14
|
+
///
|
15
|
+
/// @example scss
|
16
|
+
/// _contrast-ratio(black, white)
|
17
|
+
///
|
18
|
+
/// @require {function} _lightness
|
19
|
+
///
|
20
|
+
/// @access private
|
21
|
+
|
22
|
+
@function _contrast-ratio($color-1, $color-2) {
|
23
|
+
$-local-lightness-1: _lightness($color-1) + 0.05;
|
24
|
+
$-local-lightness-2: _lightness($color-2) + 0.05;
|
25
|
+
|
26
|
+
@if $-local-lightness-1 > $-local-lightness-2 {
|
27
|
+
@return $-local-lightness-1 / $-local-lightness-2;
|
28
|
+
} @else {
|
29
|
+
@return $-local-lightness-2 / $-local-lightness-1;
|
30
|
+
}
|
31
|
+
}
|
@@ -0,0 +1,70 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
// scss-lint:disable SpaceAroundOperator
|
4
|
+
|
5
|
+
/// Builds directional properties by parsing CSS shorthand values. For example,
|
6
|
+
/// a value of `10px null` will output top and bottom directional properties,
|
7
|
+
/// but the `null` skips left and right from being output.
|
8
|
+
///
|
9
|
+
/// @argument {string} $property
|
10
|
+
/// Base property.
|
11
|
+
///
|
12
|
+
/// @argument {string} $suffix
|
13
|
+
/// Suffix to append. Use `null` to omit.
|
14
|
+
///
|
15
|
+
/// @argument {list} $values
|
16
|
+
/// List of values to set for the property.
|
17
|
+
///
|
18
|
+
/// @example scss
|
19
|
+
/// .element {
|
20
|
+
/// @include _directional-property(border, width, null 5px);
|
21
|
+
/// }
|
22
|
+
///
|
23
|
+
/// // CSS Output
|
24
|
+
/// .element {
|
25
|
+
/// border-right-width: 5px;
|
26
|
+
/// border-left-width: 5px;
|
27
|
+
/// }
|
28
|
+
///
|
29
|
+
/// @require {function} _compact-shorthand
|
30
|
+
///
|
31
|
+
/// @require {function} _contains-falsy
|
32
|
+
///
|
33
|
+
/// @access private
|
34
|
+
|
35
|
+
@mixin _directional-property(
|
36
|
+
$property,
|
37
|
+
$suffix,
|
38
|
+
$values
|
39
|
+
) {
|
40
|
+
$top: $property + "-top" + if($suffix, "-#{$suffix}", "");
|
41
|
+
$bottom: $property + "-bottom" + if($suffix, "-#{$suffix}", "");
|
42
|
+
$left: $property + "-left" + if($suffix, "-#{$suffix}", "");
|
43
|
+
$right: $property + "-right" + if($suffix, "-#{$suffix}", "");
|
44
|
+
$all: $property + if($suffix, "-#{$suffix}", "");
|
45
|
+
|
46
|
+
$values: _compact-shorthand($values);
|
47
|
+
|
48
|
+
@if _contains-falsy($values) {
|
49
|
+
@if nth($values, 1) { #{$top}: nth($values, 1); }
|
50
|
+
|
51
|
+
@if length($values) == 1 {
|
52
|
+
@if nth($values, 1) { #{$right}: nth($values, 1); }
|
53
|
+
} @else {
|
54
|
+
@if nth($values, 2) { #{$right}: nth($values, 2); }
|
55
|
+
}
|
56
|
+
|
57
|
+
@if length($values) == 2 {
|
58
|
+
@if nth($values, 1) { #{$bottom}: nth($values, 1); }
|
59
|
+
@if nth($values, 2) { #{$left}: nth($values, 2); }
|
60
|
+
} @else if length($values) == 3 {
|
61
|
+
@if nth($values, 3) { #{$bottom}: nth($values, 3); }
|
62
|
+
@if nth($values, 2) { #{$left}: nth($values, 2); }
|
63
|
+
} @else if length($values) == 4 {
|
64
|
+
@if nth($values, 3) { #{$bottom}: nth($values, 3); }
|
65
|
+
@if nth($values, 4) { #{$left}: nth($values, 4); }
|
66
|
+
}
|
67
|
+
} @else {
|
68
|
+
#{$all}: $values;
|
69
|
+
}
|
70
|
+
}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Return a Bourbon setting.
|
4
|
+
///
|
5
|
+
/// @argument {string} $setting
|
6
|
+
///
|
7
|
+
/// @return {boolean | color | list | number | string}
|
8
|
+
///
|
9
|
+
/// @example scss
|
10
|
+
/// _fetch-bourbon-setting(rails-asset-pipeline)
|
11
|
+
///
|
12
|
+
/// @access private
|
13
|
+
|
14
|
+
@function _fetch-bourbon-setting($setting) {
|
15
|
+
@return map-get(map-merge($_bourbon-defaults, $bourbon), $setting);
|
16
|
+
}
|
@@ -0,0 +1,51 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Builds the `src` list for an `@font-face` declaration.
|
4
|
+
///
|
5
|
+
/// @link https://goo.gl/Ru1bKP
|
6
|
+
///
|
7
|
+
/// @argument {string} $font-family
|
8
|
+
///
|
9
|
+
/// @argument {string} $file-path
|
10
|
+
///
|
11
|
+
/// @argument {boolean} $asset-pipeline
|
12
|
+
///
|
13
|
+
/// @argument {list} $file-formats
|
14
|
+
///
|
15
|
+
/// @return {list}
|
16
|
+
///
|
17
|
+
/// @require {function} _contains
|
18
|
+
///
|
19
|
+
/// @access private
|
20
|
+
|
21
|
+
@function _font-source-declaration(
|
22
|
+
$font-family,
|
23
|
+
$file-path,
|
24
|
+
$asset-pipeline,
|
25
|
+
$file-formats
|
26
|
+
) {
|
27
|
+
$src: ();
|
28
|
+
|
29
|
+
$formats-map: (
|
30
|
+
eot: "#{$file-path}.eot?#iefix" format("embedded-opentype"),
|
31
|
+
woff2: "#{$file-path}.woff2" format("woff2"),
|
32
|
+
woff: "#{$file-path}.woff" format("woff"),
|
33
|
+
ttf: "#{$file-path}.ttf" format("truetype"),
|
34
|
+
svg: "#{$file-path}.svg##{$font-family}" format("svg"),
|
35
|
+
);
|
36
|
+
|
37
|
+
@each $key, $values in $formats-map {
|
38
|
+
@if _contains($file-formats, $key) {
|
39
|
+
$file-path: nth($values, 1);
|
40
|
+
$font-format: nth($values, 2);
|
41
|
+
|
42
|
+
@if $asset-pipeline == true {
|
43
|
+
$src: append($src, font-url($file-path) $font-format, comma);
|
44
|
+
} @else {
|
45
|
+
$src: append($src, url($file-path) $font-format, comma);
|
46
|
+
}
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
50
|
+
@return $src;
|
51
|
+
}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Performs gamma correction on a single color channel.
|
4
|
+
///
|
5
|
+
/// Note that Sass does not have a `pow()` function, so the calculation
|
6
|
+
/// is approximate.
|
7
|
+
///
|
8
|
+
/// @argument {number (0-1)} $channel
|
9
|
+
///
|
10
|
+
/// @return {number (0-1)}
|
11
|
+
///
|
12
|
+
/// @access private
|
13
|
+
|
14
|
+
@function _gamma($channel) {
|
15
|
+
@if $channel < 0.03928 {
|
16
|
+
@return $channel / 12.92;
|
17
|
+
} @else {
|
18
|
+
$c: ($channel + 0.055) / 1.055;
|
19
|
+
@return (133 * $c * $c * $c + 155 * $c * $c) / 288;
|
20
|
+
}
|
21
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Programatically determines the lightness of a color.
|
4
|
+
///
|
5
|
+
/// @argument {color (hex)} $hex-color
|
6
|
+
///
|
7
|
+
/// @return {number (0-1)}
|
8
|
+
///
|
9
|
+
/// @example scss
|
10
|
+
/// _lightness($color)
|
11
|
+
///
|
12
|
+
/// @access private
|
13
|
+
|
14
|
+
@function _lightness($hex-color) {
|
15
|
+
$-local-red-raw: red(rgba($hex-color, 1));
|
16
|
+
$-local-green-raw: green(rgba($hex-color, 1));
|
17
|
+
$-local-blue-raw: blue(rgba($hex-color, 1));
|
18
|
+
|
19
|
+
$-local-red: _gamma($-local-red-raw / 255);
|
20
|
+
$-local-green: _gamma($-local-green-raw / 255);
|
21
|
+
$-local-blue: _gamma($-local-blue-raw / 255);
|
22
|
+
|
23
|
+
@return $-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722;
|
24
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Transforms shorthand that can range from 1-to-4 values to be 4 values.
|
4
|
+
///
|
5
|
+
/// @argument {list} $shorthand
|
6
|
+
///
|
7
|
+
/// @example scss
|
8
|
+
/// .element {
|
9
|
+
/// margin: _unpack-shorthand(1em 2em);
|
10
|
+
/// }
|
11
|
+
///
|
12
|
+
/// // CSS Output
|
13
|
+
/// .element {
|
14
|
+
/// margin: 1em 2em 1em 2em;
|
15
|
+
/// }
|
16
|
+
///
|
17
|
+
/// @access private
|
18
|
+
|
19
|
+
@function _unpack-shorthand($shorthand) {
|
20
|
+
@if length($shorthand) == 1 {
|
21
|
+
@return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);
|
22
|
+
} @else if length($shorthand) == 2 {
|
23
|
+
@return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);
|
24
|
+
} @else if length($shorthand) == 3 {
|
25
|
+
@return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);
|
26
|
+
} @else {
|
27
|
+
@return $shorthand;
|
28
|
+
}
|
29
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Checks if a list does not contain any values.
|
4
|
+
///
|
5
|
+
/// @argument {list} $list
|
6
|
+
/// The list to check against.
|
7
|
+
///
|
8
|
+
/// @return {boolean}
|
9
|
+
///
|
10
|
+
/// @access private
|
11
|
+
|
12
|
+
@function _contains-falsy($list) {
|
13
|
+
@each $item in $list {
|
14
|
+
@if not $item {
|
15
|
+
@return true;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
|
19
|
+
@return false;
|
20
|
+
}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Checks if a list contains a value(s).
|
4
|
+
///
|
5
|
+
/// @argument {list} $list
|
6
|
+
/// The list to check against.
|
7
|
+
///
|
8
|
+
/// @argument {list} $values
|
9
|
+
/// A single value or list of values to check for.
|
10
|
+
///
|
11
|
+
/// @return {boolean}
|
12
|
+
///
|
13
|
+
/// @access private
|
14
|
+
|
15
|
+
@function _contains(
|
16
|
+
$list,
|
17
|
+
$values...
|
18
|
+
) {
|
19
|
+
@each $value in $values {
|
20
|
+
@if type-of(index($list, $value)) != "number" {
|
21
|
+
@return false;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
|
25
|
+
@return true;
|
26
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Checks for a valid CSS color.
|
4
|
+
///
|
5
|
+
/// @argument {string} $color
|
6
|
+
///
|
7
|
+
/// @return {boolean}
|
8
|
+
///
|
9
|
+
/// @access private
|
10
|
+
|
11
|
+
@function _is-color($color) {
|
12
|
+
@return (type-of($color) == color) or ($color == "currentColor");
|
13
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Checks for a valid CSS length.
|
4
|
+
///
|
5
|
+
/// @argument {string} $value
|
6
|
+
///
|
7
|
+
/// @return {boolean}
|
8
|
+
///
|
9
|
+
/// @access private
|
10
|
+
|
11
|
+
@function _is-length($value) {
|
12
|
+
@return type-of($value) != "null" and (str-slice($value + "", 1, 4) == "calc"
|
13
|
+
or index(auto inherit initial 0, $value)
|
14
|
+
or (type-of($value) == "number" and not(unitless($value))));
|
15
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Checks for a valid number.
|
4
|
+
///
|
5
|
+
/// @argument {number} $value
|
6
|
+
///
|
7
|
+
/// @require {function} _contains
|
8
|
+
///
|
9
|
+
/// @return {boolean}
|
10
|
+
///
|
11
|
+
/// @access private
|
12
|
+
|
13
|
+
@function _is-number($value) {
|
14
|
+
@return _contains("0" "1" "2" "3" "4" "5" "6" "7" "8" "9" 0 1 2 3 4 5 6 7 8 9, $value);
|
15
|
+
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
|
3
|
+
/// Checks for a valid CSS size.
|
4
|
+
///
|
5
|
+
/// @argument {string} $value
|
6
|
+
///
|
7
|
+
/// @return {boolean}
|
8
|
+
///
|
9
|
+
/// @require {function} _contains
|
10
|
+
///
|
11
|
+
/// @require {function} _is-length
|
12
|
+
///
|
13
|
+
/// @access private
|
14
|
+
|
15
|
+
@function _is-size($value) {
|
16
|
+
@return _is-length($value)
|
17
|
+
or _contains("fill" "fit-content" "min-content" "max-content", $value);
|
18
|
+
}
|
data/_sass/home.scss
ADDED
@@ -0,0 +1,55 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
.container{
|
4
|
+
@extend .grid-container;
|
5
|
+
}
|
6
|
+
|
7
|
+
// home page content
|
8
|
+
.content {
|
9
|
+
// extend all 12 grid columns
|
10
|
+
@extend .full-width;
|
11
|
+
|
12
|
+
padding-top: 35px;
|
13
|
+
text-align:center;
|
14
|
+
|
15
|
+
h1{
|
16
|
+
font-size: 34px;
|
17
|
+
}
|
18
|
+
|
19
|
+
.icons {
|
20
|
+
margin: 0 auto;
|
21
|
+
|
22
|
+
img{
|
23
|
+
margin: 12px 10px;
|
24
|
+
height: 28px;
|
25
|
+
width: 32px;
|
26
|
+
}
|
27
|
+
|
28
|
+
.linkedin{
|
29
|
+
height: 28px;
|
30
|
+
width: 37px;
|
31
|
+
}
|
32
|
+
}
|
33
|
+
|
34
|
+
|
35
|
+
}
|
36
|
+
|
37
|
+
|
38
|
+
.post {
|
39
|
+
padding: 10px 0px;
|
40
|
+
|
41
|
+
text-align: left;
|
42
|
+
.date {
|
43
|
+
font-size: .7em;
|
44
|
+
color: $primary-font-color;
|
45
|
+
opacity: 0.7;
|
46
|
+
}
|
47
|
+
|
48
|
+
.title{
|
49
|
+
text-decoration: none;
|
50
|
+
color: $primary-color;
|
51
|
+
opacity: 0.7;
|
52
|
+
}
|
53
|
+
|
54
|
+
|
55
|
+
}
|