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.
Files changed (95) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +48 -0
  4. data/_includes/head.html +17 -0
  5. data/_includes/navigation.html +17 -0
  6. data/_layouts/home.html +29 -0
  7. data/_layouts/page.html +5 -0
  8. data/_layouts/post.html +16 -0
  9. data/_sass/base/_base.scss +14 -0
  10. data/_sass/base/_buttons.scss +43 -0
  11. data/_sass/base/_forms.scss +95 -0
  12. data/_sass/base/_layout.scss +18 -0
  13. data/_sass/base/_lists.scss +19 -0
  14. data/_sass/base/_media.scss +9 -0
  15. data/_sass/base/_tables.scss +29 -0
  16. data/_sass/base/_typography.scss +45 -0
  17. data/_sass/base/_variables.scss +41 -0
  18. data/_sass/bourbon/_bourbon.scss +54 -0
  19. data/_sass/bourbon/bourbon/helpers/_buttons-list.scss +14 -0
  20. data/_sass/bourbon/bourbon/helpers/_scales.scss +27 -0
  21. data/_sass/bourbon/bourbon/helpers/_text-inputs-list.scss +26 -0
  22. data/_sass/bourbon/bourbon/library/_border-color.scss +26 -0
  23. data/_sass/bourbon/bourbon/library/_border-radius.scss +85 -0
  24. data/_sass/bourbon/bourbon/library/_border-style.scss +25 -0
  25. data/_sass/bourbon/bourbon/library/_border-width.scss +25 -0
  26. data/_sass/bourbon/bourbon/library/_buttons.scss +84 -0
  27. data/_sass/bourbon/bourbon/library/_clearfix.scss +25 -0
  28. data/_sass/bourbon/bourbon/library/_contrast-switch.scss +81 -0
  29. data/_sass/bourbon/bourbon/library/_ellipsis.scss +36 -0
  30. data/_sass/bourbon/bourbon/library/_font-face.scss +65 -0
  31. data/_sass/bourbon/bourbon/library/_font-stacks.scss +249 -0
  32. data/_sass/bourbon/bourbon/library/_hide-text.scss +24 -0
  33. data/_sass/bourbon/bourbon/library/_hide-visually.scss +70 -0
  34. data/_sass/bourbon/bourbon/library/_margin.scss +37 -0
  35. data/_sass/bourbon/bourbon/library/_modular-scale.scss +120 -0
  36. data/_sass/bourbon/bourbon/library/_overflow-wrap.scss +24 -0
  37. data/_sass/bourbon/bourbon/library/_padding.scss +36 -0
  38. data/_sass/bourbon/bourbon/library/_position.scss +62 -0
  39. data/_sass/bourbon/bourbon/library/_prefixer.scss +37 -0
  40. data/_sass/bourbon/bourbon/library/_shade.scss +32 -0
  41. data/_sass/bourbon/bourbon/library/_size.scss +50 -0
  42. data/_sass/bourbon/bourbon/library/_strip-unit.scss +17 -0
  43. data/_sass/bourbon/bourbon/library/_text-inputs.scss +163 -0
  44. data/_sass/bourbon/bourbon/library/_timing-functions.scss +38 -0
  45. data/_sass/bourbon/bourbon/library/_tint.scss +32 -0
  46. data/_sass/bourbon/bourbon/library/_triangle.scss +82 -0
  47. data/_sass/bourbon/bourbon/library/_value-prefixer.scss +37 -0
  48. data/_sass/bourbon/bourbon/settings/_settings.scss +75 -0
  49. data/_sass/bourbon/bourbon/utilities/_assign-inputs.scss +28 -0
  50. data/_sass/bourbon/bourbon/utilities/_compact-shorthand.scss +39 -0
  51. data/_sass/bourbon/bourbon/utilities/_contrast-ratio.scss +31 -0
  52. data/_sass/bourbon/bourbon/utilities/_directional-property.scss +70 -0
  53. data/_sass/bourbon/bourbon/utilities/_fetch-bourbon-setting.scss +16 -0
  54. data/_sass/bourbon/bourbon/utilities/_font-source-declaration.scss +51 -0
  55. data/_sass/bourbon/bourbon/utilities/_gamma.scss +21 -0
  56. data/_sass/bourbon/bourbon/utilities/_lightness.scss +24 -0
  57. data/_sass/bourbon/bourbon/utilities/_unpack-shorthand.scss +29 -0
  58. data/_sass/bourbon/bourbon/validators/_contains-falsy.scss +20 -0
  59. data/_sass/bourbon/bourbon/validators/_contains.scss +26 -0
  60. data/_sass/bourbon/bourbon/validators/_is-color.scss +13 -0
  61. data/_sass/bourbon/bourbon/validators/_is-length.scss +15 -0
  62. data/_sass/bourbon/bourbon/validators/_is-number.scss +15 -0
  63. data/_sass/bourbon/bourbon/validators/_is-size.scss +18 -0
  64. data/_sass/home.scss +55 -0
  65. data/_sass/main.scss +73 -0
  66. data/_sass/navigation.scss +45 -0
  67. data/_sass/neat/_neat.scss +26 -0
  68. data/_sass/neat/neat/functions/_neat-append-grid-visual.scss +21 -0
  69. data/_sass/neat/neat/functions/_neat-column-default.scss +23 -0
  70. data/_sass/neat/neat/functions/_neat-column-ratio.scss +24 -0
  71. data/_sass/neat/neat/functions/_neat-column-width.scss +25 -0
  72. data/_sass/neat/neat/functions/_neat-float-direction.scss +22 -0
  73. data/_sass/neat/neat/functions/_neat-merge-defaults.scss +23 -0
  74. data/_sass/neat/neat/functions/_neat-opposite-direction.scss +22 -0
  75. data/_sass/neat/neat/functions/_neat-parse-columns.scss +22 -0
  76. data/_sass/neat/neat/functions/_neat-parse-media.scss +20 -0
  77. data/_sass/neat/neat/functions/_retrieve-neat-settings.scss +19 -0
  78. data/_sass/neat/neat/mixins/_grid-collapse.scss +35 -0
  79. data/_sass/neat/neat/mixins/_grid-column.scss +39 -0
  80. data/_sass/neat/neat/mixins/_grid-container.scss +31 -0
  81. data/_sass/neat/neat/mixins/_grid-media.scss +67 -0
  82. data/_sass/neat/neat/mixins/_grid-push.scss +37 -0
  83. data/_sass/neat/neat/mixins/_grid-shift.scss +36 -0
  84. data/_sass/neat/neat/mixins/_grid-visual.scss +41 -0
  85. data/_sass/neat/neat/settings/_settings.scss +74 -0
  86. data/_sass/post.scss +24 -0
  87. data/assets/Linkedin.svg +17 -0
  88. data/assets/Twitter.svg +18 -0
  89. data/assets/github.png +0 -0
  90. data/assets/gitlab.svg +53 -0
  91. data/assets/icon.jpg +0 -0
  92. data/assets/icon.svg +95 -0
  93. data/assets/linkedin.png +0 -0
  94. data/assets/styles.scss +4 -0
  95. 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
+ }