alien-minimalistic 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +112 -0
  4. data/_includes/disqus.html +31 -0
  5. data/_includes/footer.html +29 -0
  6. data/_includes/head.html +15 -0
  7. data/_includes/header.html +46 -0
  8. data/_includes/icons/icon-about.html +10 -0
  9. data/_includes/icons/icon-articles.html +9 -0
  10. data/_includes/icons/icon-contact.html +18 -0
  11. data/_includes/icons/icon-resume.html +8 -0
  12. data/_includes/readtime.html +8 -0
  13. data/_includes/social/social-github.html +14 -0
  14. data/_includes/social/social-linkedin.html +11 -0
  15. data/_includes/social/social-rss.html +15 -0
  16. data/_includes/social/social-twitter.html +13 -0
  17. data/_layouts/404.html +26 -0
  18. data/_layouts/about.html +15 -0
  19. data/_layouts/articles.html +20 -0
  20. data/_layouts/contact.html +38 -0
  21. data/_layouts/default.html +19 -0
  22. data/_layouts/home.html +48 -0
  23. data/_layouts/post.html +16 -0
  24. data/_sass/1-tools/_google-font.scss +168 -0
  25. data/_sass/1-tools/_normalize.scss +341 -0
  26. data/_sass/1-tools/_syntax-highlighting.scss +63 -0
  27. data/_sass/1-tools/_tools-dir.sass +4 -0
  28. data/_sass/1-tools/bourbon/_bourbon-deprecated-upcoming.scss +411 -0
  29. data/_sass/1-tools/bourbon/_bourbon.scss +87 -0
  30. data/_sass/1-tools/bourbon/addons/_border-color.scss +26 -0
  31. data/_sass/1-tools/bourbon/addons/_border-radius.scss +48 -0
  32. data/_sass/1-tools/bourbon/addons/_border-style.scss +25 -0
  33. data/_sass/1-tools/bourbon/addons/_border-width.scss +25 -0
  34. data/_sass/1-tools/bourbon/addons/_buttons.scss +64 -0
  35. data/_sass/1-tools/bourbon/addons/_clearfix.scss +25 -0
  36. data/_sass/1-tools/bourbon/addons/_ellipsis.scss +30 -0
  37. data/_sass/1-tools/bourbon/addons/_font-stacks.scss +31 -0
  38. data/_sass/1-tools/bourbon/addons/_hide-text.scss +27 -0
  39. data/_sass/1-tools/bourbon/addons/_margin.scss +26 -0
  40. data/_sass/1-tools/bourbon/addons/_padding.scss +26 -0
  41. data/_sass/1-tools/bourbon/addons/_position.scss +48 -0
  42. data/_sass/1-tools/bourbon/addons/_prefixer.scss +66 -0
  43. data/_sass/1-tools/bourbon/addons/_retina-image.scss +25 -0
  44. data/_sass/1-tools/bourbon/addons/_size.scss +51 -0
  45. data/_sass/1-tools/bourbon/addons/_text-inputs.scss +113 -0
  46. data/_sass/1-tools/bourbon/addons/_timing-functions.scss +34 -0
  47. data/_sass/1-tools/bourbon/addons/_triangle.scss +63 -0
  48. data/_sass/1-tools/bourbon/addons/_word-wrap.scss +29 -0
  49. data/_sass/1-tools/bourbon/css3/_animation.scss +43 -0
  50. data/_sass/1-tools/bourbon/css3/_appearance.scss +3 -0
  51. data/_sass/1-tools/bourbon/css3/_backface-visibility.scss +3 -0
  52. data/_sass/1-tools/bourbon/css3/_background-image.scss +42 -0
  53. data/_sass/1-tools/bourbon/css3/_background.scss +55 -0
  54. data/_sass/1-tools/bourbon/css3/_border-image.scss +59 -0
  55. data/_sass/1-tools/bourbon/css3/_calc.scss +4 -0
  56. data/_sass/1-tools/bourbon/css3/_columns.scss +47 -0
  57. data/_sass/1-tools/bourbon/css3/_filter.scss +4 -0
  58. data/_sass/1-tools/bourbon/css3/_flex-box.scss +287 -0
  59. data/_sass/1-tools/bourbon/css3/_font-face.scss +24 -0
  60. data/_sass/1-tools/bourbon/css3/_font-feature-settings.scss +4 -0
  61. data/_sass/1-tools/bourbon/css3/_hidpi-media-query.scss +10 -0
  62. data/_sass/1-tools/bourbon/css3/_hyphens.scss +4 -0
  63. data/_sass/1-tools/bourbon/css3/_image-rendering.scss +14 -0
  64. data/_sass/1-tools/bourbon/css3/_keyframes.scss +36 -0
  65. data/_sass/1-tools/bourbon/css3/_linear-gradient.scss +38 -0
  66. data/_sass/1-tools/bourbon/css3/_perspective.scss +8 -0
  67. data/_sass/1-tools/bourbon/css3/_placeholder.scss +8 -0
  68. data/_sass/1-tools/bourbon/css3/_radial-gradient.scss +39 -0
  69. data/_sass/1-tools/bourbon/css3/_selection.scss +42 -0
  70. data/_sass/1-tools/bourbon/css3/_text-decoration.scss +19 -0
  71. data/_sass/1-tools/bourbon/css3/_transform.scss +15 -0
  72. data/_sass/1-tools/bourbon/css3/_transition.scss +71 -0
  73. data/_sass/1-tools/bourbon/css3/_user-select.scss +3 -0
  74. data/_sass/1-tools/bourbon/functions/_assign-inputs.scss +11 -0
  75. data/_sass/1-tools/bourbon/functions/_contains-falsy.scss +20 -0
  76. data/_sass/1-tools/bourbon/functions/_contains.scss +26 -0
  77. data/_sass/1-tools/bourbon/functions/_is-length.scss +11 -0
  78. data/_sass/1-tools/bourbon/functions/_is-light.scss +21 -0
  79. data/_sass/1-tools/bourbon/functions/_is-number.scss +11 -0
  80. data/_sass/1-tools/bourbon/functions/_is-size.scss +13 -0
  81. data/_sass/1-tools/bourbon/functions/_modular-scale.scss +69 -0
  82. data/_sass/1-tools/bourbon/functions/_px-to-em.scss +13 -0
  83. data/_sass/1-tools/bourbon/functions/_px-to-rem.scss +15 -0
  84. data/_sass/1-tools/bourbon/functions/_shade.scss +24 -0
  85. data/_sass/1-tools/bourbon/functions/_strip-units.scss +17 -0
  86. data/_sass/1-tools/bourbon/functions/_tint.scss +24 -0
  87. data/_sass/1-tools/bourbon/functions/_transition-property-name.scss +22 -0
  88. data/_sass/1-tools/bourbon/functions/_unpack.scss +27 -0
  89. data/_sass/1-tools/bourbon/helpers/_convert-units.scss +21 -0
  90. data/_sass/1-tools/bourbon/helpers/_directional-values.scss +96 -0
  91. data/_sass/1-tools/bourbon/helpers/_font-source-declaration.scss +43 -0
  92. data/_sass/1-tools/bourbon/helpers/_gradient-positions-parser.scss +13 -0
  93. data/_sass/1-tools/bourbon/helpers/_linear-angle-parser.scss +25 -0
  94. data/_sass/1-tools/bourbon/helpers/_linear-gradient-parser.scss +41 -0
  95. data/_sass/1-tools/bourbon/helpers/_linear-positions-parser.scss +61 -0
  96. data/_sass/1-tools/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
  97. data/_sass/1-tools/bourbon/helpers/_radial-arg-parser.scss +69 -0
  98. data/_sass/1-tools/bourbon/helpers/_radial-gradient-parser.scss +50 -0
  99. data/_sass/1-tools/bourbon/helpers/_radial-positions-parser.scss +18 -0
  100. data/_sass/1-tools/bourbon/helpers/_render-gradients.scss +26 -0
  101. data/_sass/1-tools/bourbon/helpers/_shape-size-stripper.scss +10 -0
  102. data/_sass/1-tools/bourbon/helpers/_str-to-num.scss +50 -0
  103. data/_sass/1-tools/bourbon/settings/_asset-pipeline.scss +7 -0
  104. data/_sass/1-tools/bourbon/settings/_prefixer.scss +9 -0
  105. data/_sass/1-tools/bourbon/settings/_px-to-em.scss +1 -0
  106. data/_sass/2-base/_base-dir.sass +3 -0
  107. data/_sass/2-base/_standard-colors.sass +3 -0
  108. data/_sass/2-base/_standard-overrides.sass +48 -0
  109. data/_sass/2-base/milligram/_Base.sass +24 -0
  110. data/_sass/2-base/milligram/_Blockquote.sass +12 -0
  111. data/_sass/2-base/milligram/_Button.sass +75 -0
  112. data/_sass/2-base/milligram/_Code.sass +22 -0
  113. data/_sass/2-base/milligram/_Color.sass +11 -0
  114. data/_sass/2-base/milligram/_Divider.sass +8 -0
  115. data/_sass/2-base/milligram/_Form.sass +56 -0
  116. data/_sass/2-base/milligram/_Grid.sass +158 -0
  117. data/_sass/2-base/milligram/_Image.sass +6 -0
  118. data/_sass/2-base/milligram/_Link.sass +11 -0
  119. data/_sass/2-base/milligram/_List.sass +22 -0
  120. data/_sass/2-base/milligram/_Spacing.sass +27 -0
  121. data/_sass/2-base/milligram/_Table.sass +19 -0
  122. data/_sass/2-base/milligram/_Typography.sass +48 -0
  123. data/_sass/2-base/milligram/_Utility.sass +18 -0
  124. data/_sass/2-base/milligram/_milligram.sass +19 -0
  125. data/_sass/3-sections/_404.sass +25 -0
  126. data/_sass/3-sections/_about.sass +62 -0
  127. data/_sass/3-sections/_articles.sass +42 -0
  128. data/_sass/3-sections/_contact.sass +84 -0
  129. data/_sass/3-sections/_footer.sass +76 -0
  130. data/_sass/3-sections/_header.sass +241 -0
  131. data/_sass/3-sections/_home.sass +187 -0
  132. data/_sass/3-sections/_post.sass +22 -0
  133. data/_sass/3-sections/_sections-dir.sass +8 -0
  134. data/_sass/_alien-minimalistic.sass +3 -0
  135. data/assets/favicon.png +0 -0
  136. data/assets/hero_background.jpg +0 -0
  137. data/assets/main.sass +10 -0
  138. data/assets/patterns/be.js +26 -0
  139. data/assets/patterns/bn.js +15 -0
  140. data/assets/patterns/ca.js +22 -0
  141. data/assets/patterns/cs.js +19 -0
  142. data/assets/patterns/da.js +18 -0
  143. data/assets/patterns/de.js +25 -0
  144. data/assets/patterns/el-monoton.js +22 -0
  145. data/assets/patterns/el-polyton.js +28 -0
  146. data/assets/patterns/en-gb.js +20 -0
  147. data/assets/patterns/en-us.js +23 -0
  148. data/assets/patterns/eo.js +27 -0
  149. data/assets/patterns/es.js +29 -0
  150. data/assets/patterns/et.js +27 -0
  151. data/assets/patterns/fi.js +19 -0
  152. data/assets/patterns/fr.js +28 -0
  153. data/assets/patterns/grc.js +30 -0
  154. data/assets/patterns/gu.js +14 -0
  155. data/assets/patterns/hi.js +14 -0
  156. data/assets/patterns/hu.js +26 -0
  157. data/assets/patterns/hy.js +15 -0
  158. data/assets/patterns/it.js +22 -0
  159. data/assets/patterns/kn.js +15 -0
  160. data/assets/patterns/la.js +24 -0
  161. data/assets/patterns/lt.js +19 -0
  162. data/assets/patterns/lv.js +22 -0
  163. data/assets/patterns/ml.js +16 -0
  164. data/assets/patterns/nb-no.js +133 -0
  165. data/assets/patterns/nl.js +21 -0
  166. data/assets/patterns/or.js +16 -0
  167. data/assets/patterns/pa.js +14 -0
  168. data/assets/patterns/pl.js +29 -0
  169. data/assets/patterns/pt.js +18 -0
  170. data/assets/patterns/ro.js +20 -0
  171. data/assets/patterns/ru.js +24 -0
  172. data/assets/patterns/sk.js +27 -0
  173. data/assets/patterns/sl.js +19 -0
  174. data/assets/patterns/sr-cyrl.js +22 -0
  175. data/assets/patterns/sr-latn.js +23 -0
  176. data/assets/patterns/sv.js +21 -0
  177. data/assets/patterns/ta.js +16 -0
  178. data/assets/patterns/te.js +14 -0
  179. data/assets/patterns/tr.js +17 -0
  180. data/assets/patterns/uk.js +27 -0
  181. data/assets/profile_picture.png +0 -0
  182. metadata +253 -0
@@ -0,0 +1,63 @@
1
+ // manni syntax highlighting
2
+
3
+ .highlight .hll { background-color: #ffffcc }
4
+ .highlight .c { color: #0099FF; font-style: italic } /* Comment */
5
+ .highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */
6
+ .highlight .k { color: #006699; font-weight: bold } /* Keyword */
7
+ .highlight .o { color: #555555 } /* Operator */
8
+ .highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
9
+ .highlight .cp { color: #009999 } /* Comment.Preproc */
10
+ .highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */
11
+ .highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */
12
+ .highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
13
+ .highlight .ge { font-style: italic } /* Generic.Emph */
14
+ .highlight .gr { color: #FF0000 } /* Generic.Error */
15
+ .highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */
16
+ .highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
17
+ .highlight .go { color: #AAAAAA } /* Generic.Output */
18
+ .highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */
19
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
20
+ .highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */
21
+ .highlight .gt { color: #99CC66 } /* Generic.Traceback */
22
+ .highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */
23
+ .highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */
24
+ .highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */
25
+ .highlight .kp { color: #006699 } /* Keyword.Pseudo */
26
+ .highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */
27
+ .highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */
28
+ .highlight .m { color: #FF6600 } /* Literal.Number */
29
+ .highlight .s { color: #CC3300 } /* Literal.String */
30
+ .highlight .na { color: #330099 } /* Name.Attribute */
31
+ .highlight .nb { color: #336666 } /* Name.Builtin */
32
+ .highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */
33
+ .highlight .no { color: #336600 } /* Name.Constant */
34
+ .highlight .nd { color: #9999FF } /* Name.Decorator */
35
+ .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
36
+ .highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */
37
+ .highlight .nf { color: #CC00FF } /* Name.Function */
38
+ .highlight .nl { color: #9999FF } /* Name.Label */
39
+ .highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */
40
+ .highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */
41
+ .highlight .nv { color: #003333 } /* Name.Variable */
42
+ .highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
43
+ .highlight .w { color: #bbbbbb } /* Text.Whitespace */
44
+ .highlight .mf { color: #FF6600 } /* Literal.Number.Float */
45
+ .highlight .mh { color: #FF6600 } /* Literal.Number.Hex */
46
+ .highlight .mi { color: #FF6600 } /* Literal.Number.Integer */
47
+ .highlight .mo { color: #FF6600 } /* Literal.Number.Oct */
48
+ .highlight .sb { color: #CC3300 } /* Literal.String.Backtick */
49
+ .highlight .sc { color: #CC3300 } /* Literal.String.Char */
50
+ .highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
51
+ .highlight .s2 { color: #CC3300 } /* Literal.String.Double */
52
+ .highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */
53
+ .highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */
54
+ .highlight .si { color: #AA0000 } /* Literal.String.Interpol */
55
+ .highlight .sx { color: #CC3300 } /* Literal.String.Other */
56
+ .highlight .sr { color: #33AAAA } /* Literal.String.Regex */
57
+ .highlight .s1 { color: #CC3300 } /* Literal.String.Single */
58
+ .highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */
59
+ .highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */
60
+ .highlight .vc { color: #003333 } /* Name.Variable.Class */
61
+ .highlight .vg { color: #003333 } /* Name.Variable.Global */
62
+ .highlight .vi { color: #003333 } /* Name.Variable.Instance */
63
+ .highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */
@@ -0,0 +1,4 @@
1
+ @import 'google-font'
2
+ @import 'normalize'
3
+ @import 'bourbon/bourbon'
4
+ @import 'syntax-highlighting'
@@ -0,0 +1,411 @@
1
+ // The following features have been deprecated and will be removed in the next MAJOR version release
2
+
3
+ @mixin inline-block {
4
+ display: inline-block;
5
+
6
+ @warn "The inline-block mixin is deprecated and will be removed in the next major version release";
7
+ }
8
+
9
+ @mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) {
10
+
11
+ @if type-of($style) == string and type-of($base-color) == color {
12
+ @include buttonstyle($style, $base-color, $text-size, $padding);
13
+ }
14
+
15
+ @if type-of($style) == string and type-of($base-color) == number {
16
+ $padding: $text-size;
17
+ $text-size: $base-color;
18
+ $base-color: #4294f0;
19
+
20
+ @if $padding == inherit {
21
+ $padding: 7px 18px;
22
+ }
23
+
24
+ @include buttonstyle($style, $base-color, $text-size, $padding);
25
+ }
26
+
27
+ @if type-of($style) == color and type-of($base-color) == color {
28
+ $base-color: $style;
29
+ $style: simple;
30
+ @include buttonstyle($style, $base-color, $text-size, $padding);
31
+ }
32
+
33
+ @if type-of($style) == color and type-of($base-color) == number {
34
+ $padding: $text-size;
35
+ $text-size: $base-color;
36
+ $base-color: $style;
37
+ $style: simple;
38
+
39
+ @if $padding == inherit {
40
+ $padding: 7px 18px;
41
+ }
42
+
43
+ @include buttonstyle($style, $base-color, $text-size, $padding);
44
+ }
45
+
46
+ @if type-of($style) == number {
47
+ $padding: $base-color;
48
+ $text-size: $style;
49
+ $base-color: #4294f0;
50
+ $style: simple;
51
+
52
+ @if $padding == #4294f0 {
53
+ $padding: 7px 18px;
54
+ }
55
+
56
+ @include buttonstyle($style, $base-color, $text-size, $padding);
57
+ }
58
+
59
+ &:disabled {
60
+ cursor: not-allowed;
61
+ opacity: 0.5;
62
+ }
63
+
64
+ @warn "The button mixin is deprecated and will be removed in the next major version release";
65
+ }
66
+
67
+ // Selector Style Button
68
+ @mixin buttonstyle($type, $b-color, $t-size, $pad) {
69
+ // Grayscale button
70
+ @if $type == simple and $b-color == grayscale($b-color) {
71
+ @include simple($b-color, true, $t-size, $pad);
72
+ }
73
+
74
+ @if $type == shiny and $b-color == grayscale($b-color) {
75
+ @include shiny($b-color, true, $t-size, $pad);
76
+ }
77
+
78
+ @if $type == pill and $b-color == grayscale($b-color) {
79
+ @include pill($b-color, true, $t-size, $pad);
80
+ }
81
+
82
+ @if $type == flat and $b-color == grayscale($b-color) {
83
+ @include flat($b-color, true, $t-size, $pad);
84
+ }
85
+
86
+ // Colored button
87
+ @if $type == simple {
88
+ @include simple($b-color, false, $t-size, $pad);
89
+ }
90
+
91
+ @else if $type == shiny {
92
+ @include shiny($b-color, false, $t-size, $pad);
93
+ }
94
+
95
+ @else if $type == pill {
96
+ @include pill($b-color, false, $t-size, $pad);
97
+ }
98
+
99
+ @else if $type == flat {
100
+ @include flat($b-color, false, $t-size, $pad);
101
+ }
102
+ }
103
+
104
+ // Simple Button
105
+ @mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
106
+ $color: hsl(0, 0, 100%);
107
+ $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
108
+ $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
109
+ $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
110
+ $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
111
+
112
+ @if is-light($base-color) {
113
+ $color: hsl(0, 0, 20%);
114
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
115
+ }
116
+
117
+ @if $grayscale == true {
118
+ $border: grayscale($border);
119
+ $inset-shadow: grayscale($inset-shadow);
120
+ $stop-gradient: grayscale($stop-gradient);
121
+ $text-shadow: grayscale($text-shadow);
122
+ }
123
+
124
+ border: 1px solid $border;
125
+ border-radius: 3px;
126
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
127
+ color: $color;
128
+ display: inline-block;
129
+ font-size: $textsize;
130
+ font-weight: bold;
131
+ @include linear-gradient ($base-color, $stop-gradient);
132
+ padding: $padding;
133
+ text-decoration: none;
134
+ text-shadow: 0 1px 0 $text-shadow;
135
+ background-clip: padding-box;
136
+
137
+ &:hover:not(:disabled) {
138
+ $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
139
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
140
+ $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
141
+
142
+ @if $grayscale == true {
143
+ $base-color-hover: grayscale($base-color-hover);
144
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
145
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
146
+ }
147
+
148
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
149
+
150
+ box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
151
+ cursor: pointer;
152
+ }
153
+
154
+ &:active:not(:disabled),
155
+ &:focus:not(:disabled) {
156
+ $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
157
+ $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
158
+
159
+ @if $grayscale == true {
160
+ $border-active: grayscale($border-active);
161
+ $inset-shadow-active: grayscale($inset-shadow-active);
162
+ }
163
+
164
+ border: 1px solid $border-active;
165
+ box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active;
166
+ }
167
+ }
168
+
169
+ // Shiny Button
170
+ @mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
171
+ $color: hsl(0, 0, 100%);
172
+ $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
173
+ $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
174
+ $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
175
+ $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
176
+ $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
177
+ $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
178
+ $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
179
+
180
+ @if is-light($base-color) {
181
+ $color: hsl(0, 0, 20%);
182
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
183
+ }
184
+
185
+ @if $grayscale == true {
186
+ $border: grayscale($border);
187
+ $border-bottom: grayscale($border-bottom);
188
+ $fourth-stop: grayscale($fourth-stop);
189
+ $inset-shadow: grayscale($inset-shadow);
190
+ $second-stop: grayscale($second-stop);
191
+ $text-shadow: grayscale($text-shadow);
192
+ $third-stop: grayscale($third-stop);
193
+ }
194
+
195
+ @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
196
+
197
+ border: 1px solid $border;
198
+ border-bottom: 1px solid $border-bottom;
199
+ border-radius: 5px;
200
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
201
+ color: $color;
202
+ display: inline-block;
203
+ font-size: $textsize;
204
+ font-weight: bold;
205
+ padding: $padding;
206
+ text-align: center;
207
+ text-decoration: none;
208
+ text-shadow: 0 -1px 1px $text-shadow;
209
+
210
+ &:hover:not(:disabled) {
211
+ $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
212
+ $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
213
+ $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
214
+ $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
215
+
216
+ @if $grayscale == true {
217
+ $first-stop-hover: grayscale($first-stop-hover);
218
+ $second-stop-hover: grayscale($second-stop-hover);
219
+ $third-stop-hover: grayscale($third-stop-hover);
220
+ $fourth-stop-hover: grayscale($fourth-stop-hover);
221
+ }
222
+
223
+ @include linear-gradient(top, $first-stop-hover 0%,
224
+ $second-stop-hover 50%,
225
+ $third-stop-hover 50%,
226
+ $fourth-stop-hover 100%);
227
+ cursor: pointer;
228
+ }
229
+
230
+ &:active:not(:disabled),
231
+ &:focus:not(:disabled) {
232
+ $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
233
+
234
+ @if $grayscale == true {
235
+ $inset-shadow-active: grayscale($inset-shadow-active);
236
+ }
237
+
238
+ box-shadow: inset 0 0 20px 0 $inset-shadow-active;
239
+ }
240
+ }
241
+
242
+ // Pill Button
243
+ @mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
244
+ $color: hsl(0, 0, 100%);
245
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
246
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
247
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
248
+ $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
249
+ $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
250
+ $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
251
+
252
+ @if is-light($base-color) {
253
+ $color: hsl(0, 0, 20%);
254
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
255
+ }
256
+
257
+ @if $grayscale == true {
258
+ $border-bottom: grayscale($border-bottom);
259
+ $border-sides: grayscale($border-sides);
260
+ $border-top: grayscale($border-top);
261
+ $inset-shadow: grayscale($inset-shadow);
262
+ $stop-gradient: grayscale($stop-gradient);
263
+ $text-shadow: grayscale($text-shadow);
264
+ }
265
+
266
+ border: 1px solid $border-top;
267
+ border-color: $border-top $border-sides $border-bottom;
268
+ border-radius: 16px;
269
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
270
+ color: $color;
271
+ display: inline-block;
272
+ font-size: $textsize;
273
+ font-weight: normal;
274
+ line-height: 1;
275
+ @include linear-gradient ($base-color, $stop-gradient);
276
+ padding: $padding;
277
+ text-align: center;
278
+ text-decoration: none;
279
+ text-shadow: 0 -1px 1px $text-shadow;
280
+ background-clip: padding-box;
281
+
282
+ &:hover:not(:disabled) {
283
+ $base-color-hover: adjust-color($base-color, $lightness: -4.5%);
284
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
285
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
286
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
287
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
288
+ $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
289
+ $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
290
+
291
+ @if $grayscale == true {
292
+ $base-color-hover: grayscale($base-color-hover);
293
+ $border-bottom: grayscale($border-bottom);
294
+ $border-sides: grayscale($border-sides);
295
+ $border-top: grayscale($border-top);
296
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
297
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
298
+ $text-shadow-hover: grayscale($text-shadow-hover);
299
+ }
300
+
301
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
302
+
303
+ background-clip: padding-box;
304
+ border: 1px solid $border-top;
305
+ border-color: $border-top $border-sides $border-bottom;
306
+ box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
307
+ cursor: pointer;
308
+ text-shadow: 0 -1px 1px $text-shadow-hover;
309
+ }
310
+
311
+ &:active:not(:disabled),
312
+ &:focus:not(:disabled) {
313
+ $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
314
+ $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
315
+ $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
316
+ $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
317
+ $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
318
+
319
+ @if $grayscale == true {
320
+ $active-color: grayscale($active-color);
321
+ $border-active: grayscale($border-active);
322
+ $border-bottom-active: grayscale($border-bottom-active);
323
+ $inset-shadow-active: grayscale($inset-shadow-active);
324
+ $text-shadow-active: grayscale($text-shadow-active);
325
+ }
326
+
327
+ background: $active-color;
328
+ border: 1px solid $border-active;
329
+ border-bottom: 1px solid $border-bottom-active;
330
+ box-shadow: inset 0 0 6px 3px $inset-shadow-active;
331
+ text-shadow: 0 -1px 1px $text-shadow-active;
332
+ }
333
+ }
334
+
335
+ // Flat Button
336
+ @mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
337
+ $color: hsl(0, 0, 100%);
338
+
339
+ @if is-light($base-color) {
340
+ $color: hsl(0, 0, 20%);
341
+ }
342
+
343
+ background-color: $base-color;
344
+ border-radius: 3px;
345
+ border: 0;
346
+ color: $color;
347
+ display: inline-block;
348
+ font-size: $textsize;
349
+ font-weight: bold;
350
+ padding: $padding;
351
+ text-decoration: none;
352
+ background-clip: padding-box;
353
+
354
+ &:hover:not(:disabled){
355
+ $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%);
356
+
357
+ @if $grayscale == true {
358
+ $base-color-hover: grayscale($base-color-hover);
359
+ }
360
+
361
+ background-color: $base-color-hover;
362
+ cursor: pointer;
363
+ }
364
+
365
+ &:active:not(:disabled),
366
+ &:focus:not(:disabled) {
367
+ $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
368
+
369
+ @if $grayscale == true {
370
+ $base-color-active: grayscale($base-color-active);
371
+ }
372
+
373
+ background-color: $base-color-active;
374
+ cursor: pointer;
375
+ }
376
+ }
377
+
378
+ // Flexible grid
379
+ @function flex-grid($columns, $container-columns: $fg-max-columns) {
380
+ $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
381
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
382
+ @return percentage($width / $container-width);
383
+
384
+ @warn "The flex-grid function is deprecated and will be removed in the next major version release";
385
+ }
386
+
387
+ // Flexible gutter
388
+ @function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
389
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
390
+ @return percentage($gutter / $container-width);
391
+
392
+ @warn "The flex-gutter function is deprecated and will be removed in the next major version release";
393
+ }
394
+
395
+ @function grid-width($n) {
396
+ @return $n * $gw-column + ($n - 1) * $gw-gutter;
397
+
398
+ @warn "The grid-width function is deprecated and will be removed in the next major version release";
399
+ }
400
+
401
+ @function golden-ratio($value, $increment) {
402
+ @return modular-scale($increment, $value, $ratio: $golden);
403
+
404
+ @warn "The golden-ratio function is deprecated and will be removed in the next major version release. Please use the modular-scale function, instead.";
405
+ }
406
+
407
+ @mixin box-sizing($box) {
408
+ @include prefixer(box-sizing, $box, webkit moz spec);
409
+
410
+ @warn "The box-sizing mixin is deprecated and will be removed in the next major version release. This property can now be used un-prefixed.";
411
+ }