jekyll-theme-anc 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (263) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +1 -0
  4. data/_includes/disqus.html +42 -0
  5. data/_includes/facebook_share_btn.html +1 -0
  6. data/_includes/footer.html +79 -0
  7. data/_includes/go2top.html +22 -0
  8. data/_includes/google-analytics.html +11 -0
  9. data/_includes/head.html +50 -0
  10. data/_includes/header.html +13 -0
  11. data/_includes/jspdf.html +41 -0
  12. data/_includes/nav.html +25 -0
  13. data/_includes/pageloginpoper.html +59 -0
  14. data/_includes/post-categories.html +8 -0
  15. data/_includes/post_seo.html +59 -0
  16. data/_includes/youtube_video.html +11 -0
  17. data/_layouts/blog.html +33 -0
  18. data/_layouts/default.html +151 -0
  19. data/_layouts/home.html +26 -0
  20. data/_layouts/page.html +5 -0
  21. data/_layouts/post.html +83 -0
  22. data/_sass/anc.scss +9 -0
  23. data/_sass/anc/_base.scss +144 -0
  24. data/_sass/anc/_layout.scss +0 -0
  25. data/_sass/anc/_materialize.scss +38 -0
  26. data/_sass/anc/_syntax-highlighting.scss +78 -0
  27. data/_sass/anc/components/_variables.scss +343 -0
  28. data/_sass/materialize-css/components/_badges.scss +47 -0
  29. data/_sass/materialize-css/components/_buttons.scss +291 -0
  30. data/_sass/materialize-css/components/_cards.scss +196 -0
  31. data/_sass/materialize-css/components/_carousel.scss +90 -0
  32. data/_sass/materialize-css/components/_chips.scss +89 -0
  33. data/_sass/materialize-css/components/_collapsible.scss +84 -0
  34. data/_sass/materialize-css/components/_color.scss +412 -0
  35. data/_sass/materialize-css/components/_dropdown.scss +68 -0
  36. data/_sass/materialize-css/components/_global.scss +734 -0
  37. data/_sass/materialize-css/components/_grid.scss +156 -0
  38. data/_sass/materialize-css/components/_icons-material-design.scss +5 -0
  39. data/_sass/materialize-css/components/_materialbox.scss +43 -0
  40. data/_sass/materialize-css/components/_modal.scss +90 -0
  41. data/_sass/materialize-css/components/_navbar.scss +208 -0
  42. data/_sass/materialize-css/components/_normalize.scss +424 -0
  43. data/_sass/materialize-css/components/_preloader.scss +334 -0
  44. data/_sass/materialize-css/components/_pulse.scss +34 -0
  45. data/_sass/materialize-css/components/_roboto.scss +39 -0
  46. data/_sass/materialize-css/components/_sideNav.scss +214 -0
  47. data/_sass/materialize-css/components/_slider.scss +92 -0
  48. data/_sass/materialize-css/components/_table_of_contents.scss +33 -0
  49. data/_sass/materialize-css/components/_tabs.scss +93 -0
  50. data/_sass/materialize-css/components/_tapTarget.scss +103 -0
  51. data/_sass/materialize-css/components/_toast.scss +59 -0
  52. data/_sass/materialize-css/components/_tooltip.scss +31 -0
  53. data/_sass/materialize-css/components/_transitions.scss +13 -0
  54. data/_sass/materialize-css/components/_typography.scss +61 -0
  55. data/_sass/materialize-css/components/_variables.scss +343 -0
  56. data/_sass/materialize-css/components/_waves.scss +114 -0
  57. data/_sass/materialize-css/components/date_picker/_default.date.scss +456 -0
  58. data/_sass/materialize-css/components/date_picker/_default.scss +212 -0
  59. data/_sass/materialize-css/components/date_picker/_default.time.scss +267 -0
  60. data/_sass/materialize-css/components/forms/_checkboxes.scss +210 -0
  61. data/_sass/materialize-css/components/forms/_file-input.scss +44 -0
  62. data/_sass/materialize-css/components/forms/_forms.scss +22 -0
  63. data/_sass/materialize-css/components/forms/_input-fields.scss +333 -0
  64. data/_sass/materialize-css/components/forms/_radio-buttons.scss +115 -0
  65. data/_sass/materialize-css/components/forms/_range.scss +160 -0
  66. data/_sass/materialize-css/components/forms/_select.scss +182 -0
  67. data/_sass/materialize-css/components/forms/_switches.scss +89 -0
  68. data/_sass/materialize-css/materialize.scss +42 -0
  69. data/_sass/materialize/components/_badges.scss +47 -0
  70. data/_sass/materialize/components/_buttons.scss +291 -0
  71. data/_sass/materialize/components/_cards.scss +196 -0
  72. data/_sass/materialize/components/_carousel.scss +90 -0
  73. data/_sass/materialize/components/_chips.scss +89 -0
  74. data/_sass/materialize/components/_collapsible.scss +84 -0
  75. data/_sass/materialize/components/_color.scss +412 -0
  76. data/_sass/materialize/components/_dropdown.scss +68 -0
  77. data/_sass/materialize/components/_global.scss +734 -0
  78. data/_sass/materialize/components/_grid.scss +156 -0
  79. data/_sass/materialize/components/_icons-material-design.scss +5 -0
  80. data/_sass/materialize/components/_materialbox.scss +43 -0
  81. data/_sass/materialize/components/_modal.scss +90 -0
  82. data/_sass/materialize/components/_navbar.scss +208 -0
  83. data/_sass/materialize/components/_normalize.scss +424 -0
  84. data/_sass/materialize/components/_preloader.scss +334 -0
  85. data/_sass/materialize/components/_pulse.scss +34 -0
  86. data/_sass/materialize/components/_roboto.scss +39 -0
  87. data/_sass/materialize/components/_sideNav.scss +214 -0
  88. data/_sass/materialize/components/_slider.scss +92 -0
  89. data/_sass/materialize/components/_table_of_contents.scss +33 -0
  90. data/_sass/materialize/components/_tabs.scss +93 -0
  91. data/_sass/materialize/components/_tapTarget.scss +103 -0
  92. data/_sass/materialize/components/_toast.scss +59 -0
  93. data/_sass/materialize/components/_tooltip.scss +31 -0
  94. data/_sass/materialize/components/_transitions.scss +13 -0
  95. data/_sass/materialize/components/_typography.scss +61 -0
  96. data/_sass/materialize/components/_variables.scss +343 -0
  97. data/_sass/materialize/components/_waves.scss +114 -0
  98. data/_sass/materialize/components/date_picker/_default.date.scss +456 -0
  99. data/_sass/materialize/components/date_picker/_default.scss +212 -0
  100. data/_sass/materialize/components/date_picker/_default.time.scss +267 -0
  101. data/_sass/materialize/components/forms/_checkboxes.scss +210 -0
  102. data/_sass/materialize/components/forms/_file-input.scss +44 -0
  103. data/_sass/materialize/components/forms/_forms.scss +22 -0
  104. data/_sass/materialize/components/forms/_input-fields.scss +333 -0
  105. data/_sass/materialize/components/forms/_radio-buttons.scss +115 -0
  106. data/_sass/materialize/components/forms/_range.scss +160 -0
  107. data/_sass/materialize/components/forms/_select.scss +182 -0
  108. data/_sass/materialize/components/forms/_switches.scss +89 -0
  109. data/_sass/materialize/materialize.scss +42 -0
  110. data/assets/fonts/FontAwesome.otf +0 -0
  111. data/assets/fonts/fontawesome-webfont.eot +0 -0
  112. data/assets/fonts/fontawesome-webfont.svg +2671 -0
  113. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  114. data/assets/fonts/fontawesome-webfont.woff +0 -0
  115. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
  116. data/assets/fonts/roboto/Roboto-Bold.woff +0 -0
  117. data/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
  118. data/assets/fonts/roboto/Roboto-Light.woff +0 -0
  119. data/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
  120. data/assets/fonts/roboto/Roboto-Medium.woff +0 -0
  121. data/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
  122. data/assets/fonts/roboto/Roboto-Regular.woff +0 -0
  123. data/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
  124. data/assets/fonts/roboto/Roboto-Thin.woff +0 -0
  125. data/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
  126. data/assets/images/close.png +0 -0
  127. data/assets/images/loader.gif +0 -0
  128. data/assets/img/icons/facebook-square.png +0 -0
  129. data/assets/img/icons/github-square.png +0 -0
  130. data/assets/img/icons/twitter-square.png +0 -0
  131. data/assets/img/icons/youtube-square.png +0 -0
  132. data/assets/img/jubayed11.37-16.jpg +0 -0
  133. data/assets/img/parallax1.jpg +0 -0
  134. data/assets/img/sample-1.jpg +0 -0
  135. data/assets/js/custom_script.js +200 -0
  136. data/assets/js/highlight.pack.js +2 -0
  137. data/assets/js/materialize.min.js +6 -0
  138. data/assets/js/mode/apl/apl.js +174 -0
  139. data/assets/js/mode/asciiarmor/asciiarmor.js +74 -0
  140. data/assets/js/mode/asn.1/asn.1.js +204 -0
  141. data/assets/js/mode/asterisk/asterisk.js +196 -0
  142. data/assets/js/mode/brainfuck/brainfuck.js +85 -0
  143. data/assets/js/mode/clike/clike.js +789 -0
  144. data/assets/js/mode/clojure/clojure.js +306 -0
  145. data/assets/js/mode/cmake/cmake.js +97 -0
  146. data/assets/js/mode/cobol/cobol.js +255 -0
  147. data/assets/js/mode/coffeescript/coffeescript.js +359 -0
  148. data/assets/js/mode/commonlisp/commonlisp.js +124 -0
  149. data/assets/js/mode/crystal/crystal.js +433 -0
  150. data/assets/js/mode/css/css.js +831 -0
  151. data/assets/js/mode/cypher/cypher.js +150 -0
  152. data/assets/js/mode/d/d.js +218 -0
  153. data/assets/js/mode/dart/dart.js +157 -0
  154. data/assets/js/mode/diff/diff.js +47 -0
  155. data/assets/js/mode/django/django.js +356 -0
  156. data/assets/js/mode/dockerfile/dockerfile.js +79 -0
  157. data/assets/js/mode/dtd/dtd.js +142 -0
  158. data/assets/js/mode/dylan/dylan.js +352 -0
  159. data/assets/js/mode/ebnf/ebnf.js +195 -0
  160. data/assets/js/mode/ecl/ecl.js +206 -0
  161. data/assets/js/mode/eiffel/eiffel.js +160 -0
  162. data/assets/js/mode/elm/elm.js +205 -0
  163. data/assets/js/mode/erlang/erlang.js +619 -0
  164. data/assets/js/mode/factor/factor.js +85 -0
  165. data/assets/js/mode/fcl/fcl.js +173 -0
  166. data/assets/js/mode/forth/forth.js +180 -0
  167. data/assets/js/mode/fortran/fortran.js +188 -0
  168. data/assets/js/mode/gas/gas.js +345 -0
  169. data/assets/js/mode/gfm/gfm.js +129 -0
  170. data/assets/js/mode/gherkin/gherkin.js +178 -0
  171. data/assets/js/mode/go/go.js +187 -0
  172. data/assets/js/mode/groovy/groovy.js +230 -0
  173. data/assets/js/mode/haml/haml.js +161 -0
  174. data/assets/js/mode/handlebars/handlebars.js +62 -0
  175. data/assets/js/mode/haskell-literate/haskell-literate.js +43 -0
  176. data/assets/js/mode/haskell/haskell.js +267 -0
  177. data/assets/js/mode/haxe/haxe.js +515 -0
  178. data/assets/js/mode/htmlembedded/htmlembedded.js +28 -0
  179. data/assets/js/mode/htmlmixed/htmlmixed.js +152 -0
  180. data/assets/js/mode/http/http.js +113 -0
  181. data/assets/js/mode/idl/idl.js +290 -0
  182. data/assets/js/mode/javascript/javascript.js +838 -0
  183. data/assets/js/mode/jinja2/jinja2.js +142 -0
  184. data/assets/js/mode/jsx/jsx.js +148 -0
  185. data/assets/js/mode/julia/julia.js +418 -0
  186. data/assets/js/mode/livescript/livescript.js +280 -0
  187. data/assets/js/mode/lua/lua.js +159 -0
  188. data/assets/js/mode/markdown/markdown.js +859 -0
  189. data/assets/js/mode/mathematica/mathematica.js +176 -0
  190. data/assets/js/mode/mbox/mbox.js +129 -0
  191. data/assets/js/mode/meta.js +215 -0
  192. data/assets/js/mode/mirc/mirc.js +193 -0
  193. data/assets/js/mode/mllike/mllike.js +208 -0
  194. data/assets/js/mode/modelica/modelica.js +245 -0
  195. data/assets/js/mode/mscgen/mscgen.js +175 -0
  196. data/assets/js/mode/mumps/mumps.js +148 -0
  197. data/assets/js/mode/nginx/nginx.js +178 -0
  198. data/assets/js/mode/nsis/nsis.js +95 -0
  199. data/assets/js/mode/ntriples/ntriples.js +195 -0
  200. data/assets/js/mode/octave/octave.js +139 -0
  201. data/assets/js/mode/oz/oz.js +252 -0
  202. data/assets/js/mode/pascal/pascal.js +109 -0
  203. data/assets/js/mode/pegjs/pegjs.js +114 -0
  204. data/assets/js/mode/perl/perl.js +837 -0
  205. data/assets/js/mode/php/php.js +234 -0
  206. data/assets/js/mode/pig/pig.js +178 -0
  207. data/assets/js/mode/powershell/powershell.js +398 -0
  208. data/assets/js/mode/properties/properties.js +78 -0
  209. data/assets/js/mode/protobuf/protobuf.js +68 -0
  210. data/assets/js/mode/pug/pug.js +591 -0
  211. data/assets/js/mode/puppet/puppet.js +220 -0
  212. data/assets/js/mode/python/python.js +334 -0
  213. data/assets/js/mode/q/q.js +139 -0
  214. data/assets/js/mode/r/r.js +183 -0
  215. data/assets/js/mode/rpm/changes/index.html +66 -0
  216. data/assets/js/mode/rpm/rpm.js +109 -0
  217. data/assets/js/mode/rst/rst.js +557 -0
  218. data/assets/js/mode/ruby/ruby.js +295 -0
  219. data/assets/js/mode/rust/rust.js +72 -0
  220. data/assets/js/mode/sas/sas.js +303 -0
  221. data/assets/js/mode/sass/sass.js +454 -0
  222. data/assets/js/mode/scheme/scheme.js +249 -0
  223. data/assets/js/mode/shell/shell.js +142 -0
  224. data/assets/js/mode/sieve/sieve.js +193 -0
  225. data/assets/js/mode/slim/slim.js +575 -0
  226. data/assets/js/mode/smalltalk/smalltalk.js +168 -0
  227. data/assets/js/mode/smarty/smarty.js +225 -0
  228. data/assets/js/mode/solr/solr.js +104 -0
  229. data/assets/js/mode/soy/soy.js +342 -0
  230. data/assets/js/mode/sparql/sparql.js +180 -0
  231. data/assets/js/mode/spreadsheet/spreadsheet.js +112 -0
  232. data/assets/js/mode/sql/sql.js +475 -0
  233. data/assets/js/mode/stex/stex.js +251 -0
  234. data/assets/js/mode/stylus/stylus.js +771 -0
  235. data/assets/js/mode/swift/swift.js +210 -0
  236. data/assets/js/mode/tcl/tcl.js +139 -0
  237. data/assets/js/mode/textile/textile.js +469 -0
  238. data/assets/js/mode/tiddlywiki/tiddlywiki.css +14 -0
  239. data/assets/js/mode/tiddlywiki/tiddlywiki.js +308 -0
  240. data/assets/js/mode/tiki/tiki.css +26 -0
  241. data/assets/js/mode/tiki/tiki.js +312 -0
  242. data/assets/js/mode/toml/toml.js +88 -0
  243. data/assets/js/mode/tornado/tornado.js +68 -0
  244. data/assets/js/mode/troff/troff.js +84 -0
  245. data/assets/js/mode/ttcn-cfg/ttcn-cfg.js +214 -0
  246. data/assets/js/mode/ttcn/ttcn.js +283 -0
  247. data/assets/js/mode/turtle/turtle.js +162 -0
  248. data/assets/js/mode/twig/twig.js +141 -0
  249. data/assets/js/mode/vb/vb.js +275 -0
  250. data/assets/js/mode/vbscript/vbscript.js +350 -0
  251. data/assets/js/mode/velocity/velocity.js +201 -0
  252. data/assets/js/mode/verilog/verilog.js +675 -0
  253. data/assets/js/mode/vhdl/vhdl.js +189 -0
  254. data/assets/js/mode/vue/vue.js +70 -0
  255. data/assets/js/mode/webidl/webidl.js +195 -0
  256. data/assets/js/mode/xml/xml.js +394 -0
  257. data/assets/js/mode/xquery/xquery.js +448 -0
  258. data/assets/js/mode/yacas/yacas.js +204 -0
  259. data/assets/js/mode/yaml-frontmatter/yaml-frontmatter.js +68 -0
  260. data/assets/js/mode/yaml/yaml.js +118 -0
  261. data/assets/js/mode/z80/z80.js +116 -0
  262. data/assets/main.scss +5 -0
  263. metadata +347 -0
@@ -0,0 +1,210 @@
1
+ /* Checkboxes
2
+ ========================================================================== */
3
+
4
+ /* CUSTOM CSS CHECKBOXES */
5
+ form p {
6
+ margin-bottom: 10px;
7
+ text-align: left;
8
+ }
9
+
10
+ form p:last-child {
11
+ margin-bottom: 0;
12
+ }
13
+
14
+ /* Remove default checkbox */
15
+ [type="checkbox"]:not(:checked),
16
+ [type="checkbox"]:checked {
17
+ position: absolute;
18
+ opacity: 0;
19
+ pointer-events: none;
20
+ }
21
+
22
+ // Checkbox Styles
23
+ [type="checkbox"] {
24
+ // Text Label Style
25
+ + label {
26
+ position: relative;
27
+ padding-left: 35px;
28
+ cursor: pointer;
29
+ display: inline-block;
30
+ height: 25px;
31
+ line-height: 25px;
32
+ font-size: 1rem;
33
+ user-select: none;
34
+ }
35
+
36
+ /* checkbox aspect */
37
+ + label:before,
38
+ &:not(.filled-in) + label:after {
39
+ content: '';
40
+ position: absolute;
41
+ top: 0;
42
+ left: 0;
43
+ width: 18px;
44
+ height: 18px;
45
+ z-index: 0;
46
+ border: 2px solid $radio-empty-color;
47
+ border-radius: 1px;
48
+ margin-top: 2px;
49
+ transition: .2s;
50
+ }
51
+
52
+ &:not(.filled-in) + label:after {
53
+ border: 0;
54
+ transform: scale(0);
55
+ }
56
+
57
+ &:not(:checked):disabled + label:before {
58
+ border: none;
59
+ background-color: $input-disabled-color;
60
+ }
61
+
62
+ // Focused styles
63
+ &.tabbed:focus + label:after {
64
+ transform: scale(1);
65
+ border: 0;
66
+ border-radius: 50%;
67
+ box-shadow: 0 0 0 10px rgba(0,0,0,.1);
68
+ background-color: rgba(0,0,0,.1);
69
+ }
70
+ }
71
+
72
+ [type="checkbox"]:checked {
73
+ + label:before {
74
+ top: -4px;
75
+ left: -5px;
76
+ width: 12px;
77
+ height: 22px;
78
+ border-top: 2px solid transparent;
79
+ border-left: 2px solid transparent;
80
+ border-right: $radio-border;
81
+ border-bottom: $radio-border;
82
+ transform: rotate(40deg);
83
+ backface-visibility: hidden;
84
+ transform-origin: 100% 100%;
85
+ }
86
+
87
+ &:disabled + label:before {
88
+ border-right: 2px solid $input-disabled-color;
89
+ border-bottom: 2px solid $input-disabled-color;
90
+ }
91
+ }
92
+
93
+ /* Indeterminate checkbox */
94
+ [type="checkbox"]:indeterminate {
95
+ +label:before {
96
+ top: -11px;
97
+ left: -12px;
98
+ width: 10px;
99
+ height: 22px;
100
+ border-top: none;
101
+ border-left: none;
102
+ border-right: $radio-border;
103
+ border-bottom: none;
104
+ transform: rotate(90deg);
105
+ backface-visibility: hidden;
106
+ transform-origin: 100% 100%;
107
+ }
108
+
109
+ // Disabled indeterminate
110
+ &:disabled + label:before {
111
+ border-right: 2px solid $input-disabled-color;
112
+ background-color: transparent;
113
+ }
114
+ }
115
+
116
+ // Filled in Style
117
+ [type="checkbox"].filled-in {
118
+ // General
119
+ + label:after {
120
+ border-radius: 2px;
121
+ }
122
+
123
+ + label:before,
124
+ + label:after {
125
+ content: '';
126
+ left: 0;
127
+ position: absolute;
128
+ /* .1s delay is for check animation */
129
+ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
130
+ z-index: 1;
131
+ }
132
+
133
+ // Unchecked style
134
+ &:not(:checked) + label:before {
135
+ width: 0;
136
+ height: 0;
137
+ border: 3px solid transparent;
138
+ left: 6px;
139
+ top: 10px;
140
+ transform: rotateZ(37deg);
141
+ transform-origin: 100% 100%;
142
+ }
143
+
144
+ &:not(:checked) + label:after {
145
+ height: 20px;
146
+ width: 20px;
147
+ background-color: transparent;
148
+ border: 2px solid $radio-empty-color;
149
+ top: 0px;
150
+ z-index: 0;
151
+ }
152
+
153
+ // Checked style
154
+ &:checked {
155
+ + label:before {
156
+ top: 0;
157
+ left: 1px;
158
+ width: 8px;
159
+ height: 13px;
160
+ border-top: 2px solid transparent;
161
+ border-left: 2px solid transparent;
162
+ border-right: 2px solid $input-background;
163
+ border-bottom: 2px solid $input-background;
164
+ transform: rotateZ(37deg);
165
+ transform-origin: 100% 100%;
166
+ }
167
+
168
+ + label:after {
169
+ top: 0;
170
+ width: 20px;
171
+ height: 20px;
172
+ border: 2px solid $secondary-color;
173
+ background-color: $secondary-color;
174
+ z-index: 0;
175
+ }
176
+ }
177
+
178
+ // Focused styles
179
+ &.tabbed:focus + label:after {
180
+ border-radius: 2px;
181
+ border-color: $radio-empty-color;
182
+ background-color: rgba(0,0,0,.1);
183
+ }
184
+
185
+ &.tabbed:checked:focus + label:after {
186
+ border-radius: 2px;
187
+ background-color: $secondary-color;
188
+ border-color: $secondary-color;
189
+ }
190
+
191
+ // Disabled style
192
+ &:disabled:not(:checked) + label:before {
193
+ background-color: transparent;
194
+ border: 2px solid transparent;
195
+ }
196
+
197
+ &:disabled:not(:checked) + label:after {
198
+ border-color: transparent;
199
+ background-color: $input-disabled-solid-color;
200
+ }
201
+
202
+ &:disabled:checked + label:before {
203
+ background-color: transparent;
204
+ }
205
+
206
+ &:disabled:checked + label:after {
207
+ background-color: $input-disabled-solid-color;
208
+ border-color: $input-disabled-solid-color;
209
+ }
210
+ }
@@ -0,0 +1,44 @@
1
+ /* File Input
2
+ ========================================================================== */
3
+
4
+ .file-field {
5
+ position: relative;
6
+
7
+ .file-path-wrapper {
8
+ overflow: hidden;
9
+ padding-left: 10px;
10
+ }
11
+
12
+ input.file-path { width: 100%; }
13
+
14
+ .btn {
15
+ float: left;
16
+ height: $input-height;
17
+ line-height: $input-height;
18
+ }
19
+
20
+ span {
21
+ cursor: pointer;
22
+ }
23
+
24
+ input[type=file] {
25
+
26
+ // Needed to override webkit button
27
+ &::-webkit-file-upload-button {
28
+ display: none;
29
+ }
30
+
31
+ position: absolute;
32
+ top: 0;
33
+ right: 0;
34
+ left: 0;
35
+ bottom: 0;
36
+ width: 100%;
37
+ margin: 0;
38
+ padding: 0;
39
+ font-size: 20px;
40
+ cursor: pointer;
41
+ opacity: 0;
42
+ filter: alpha(opacity=0);
43
+ }
44
+ }
@@ -0,0 +1,22 @@
1
+ // Remove Focus Boxes
2
+ select:focus {
3
+ outline: $select-focus;
4
+ }
5
+
6
+ button:focus {
7
+ outline: none;
8
+ background-color: $button-background-focus;
9
+ }
10
+
11
+ label {
12
+ font-size: $label-font-size;
13
+ color: $input-border-color;
14
+ }
15
+
16
+ @import 'input-fields';
17
+ @import 'radio-buttons';
18
+ @import 'checkboxes';
19
+ @import 'switches';
20
+ @import 'select';
21
+ @import 'file-input';
22
+ @import 'range';
@@ -0,0 +1,333 @@
1
+ /* Text Inputs + Textarea
2
+ ========================================================================== */
3
+
4
+ /* Style Placeholders */
5
+
6
+ ::placeholder {
7
+ color: $placeholder-text-color;
8
+ }
9
+
10
+ /* Text inputs */
11
+
12
+ input:not([type]),
13
+ input[type=text]:not(.browser-default),
14
+ input[type=password]:not(.browser-default),
15
+ input[type=email]:not(.browser-default),
16
+ input[type=url]:not(.browser-default),
17
+ input[type=time]:not(.browser-default),
18
+ input[type=date]:not(.browser-default),
19
+ input[type=datetime]:not(.browser-default),
20
+ input[type=datetime-local]:not(.browser-default),
21
+ input[type=tel]:not(.browser-default),
22
+ input[type=number]:not(.browser-default),
23
+ input[type=search]:not(.browser-default),
24
+ textarea.materialize-textarea {
25
+
26
+ // General Styles
27
+ background-color: transparent;
28
+ border: none;
29
+ border-bottom: $input-border;
30
+ border-radius: 0;
31
+ outline: none;
32
+ height: $input-height;
33
+ width: 100%;
34
+ font-size: $input-font-size;
35
+ margin: $input-margin;
36
+ padding: $input-padding;
37
+ box-shadow: none;
38
+ box-sizing: content-box;
39
+ transition: $input-transition;
40
+
41
+ // Disabled input style
42
+ &:disabled,
43
+ &[readonly="readonly"] {
44
+ color: $input-disabled-color;
45
+ border-bottom: $input-disabled-border;
46
+ }
47
+
48
+ // Disabled label style
49
+ &:disabled+label,
50
+ &[readonly="readonly"]+label {
51
+ color: $input-disabled-color;
52
+ }
53
+
54
+ // Focused input style
55
+ &:focus:not([readonly]) {
56
+ border-bottom: 1px solid $input-focus-color;
57
+ box-shadow: 0 1px 0 0 $input-focus-color;
58
+ }
59
+
60
+ // Focused label style
61
+ &:focus:not([readonly])+label {
62
+ color: $input-focus-color;
63
+ }
64
+
65
+ // Valid Input Style
66
+ &.valid,
67
+ &:focus.valid {
68
+ @extend %valid-input-style;
69
+ }
70
+
71
+ // Custom Success Message
72
+ &.valid + label:after,
73
+ &:focus.valid + label:after {
74
+ @extend %custom-success-message;
75
+ }
76
+
77
+ // Invalid Input Style
78
+ &.invalid,
79
+ &:focus.invalid {
80
+ @extend %invalid-input-style;
81
+ }
82
+
83
+ // Custom Error message
84
+ &.invalid + label:after,
85
+ &:focus.invalid + label:after {
86
+ @extend %custom-error-message;
87
+ }
88
+
89
+ // Full width label when using validate for error messages
90
+ &.validate + label {
91
+ width: 100%;
92
+ }
93
+
94
+ // Form Message Shared Styles
95
+ & + label:after {
96
+ @extend %input-after-style;
97
+ }
98
+
99
+ // TODO: Remove once input fields are reworked to support validation messages better
100
+ &.invalid + label:after,
101
+ &.valid + label:after{
102
+ display: none;
103
+ }
104
+
105
+ &.invalid + label.active:after,
106
+ &.valid + label.active:after{
107
+ display: block;
108
+ }
109
+ }
110
+
111
+
112
+ /* Validation Sass Placeholders */
113
+ %valid-input-style {
114
+ border-bottom: 1px solid $input-success-color;
115
+ box-shadow: 0 1px 0 0 $input-success-color;
116
+ }
117
+ %invalid-input-style {
118
+ border-bottom: $input-invalid-border;
119
+ box-shadow: 0 1px 0 0 $input-error-color;
120
+ }
121
+ %custom-success-message {
122
+ content: attr(data-success);
123
+ color: $input-success-color;
124
+ opacity: 1;
125
+ transform: translateY(9px);
126
+ }
127
+ %custom-error-message {
128
+ content: attr(data-error);
129
+ color: $input-error-color;
130
+ opacity: 1;
131
+ transform: translateY(9px);
132
+ }
133
+ %input-after-style {
134
+ display: block;
135
+ content: "";
136
+ position: absolute;
137
+ top: 100%;
138
+ left: 0;
139
+ opacity: 0;
140
+ transition: .2s opacity ease-out, .2s color ease-out;
141
+ }
142
+
143
+
144
+ // Styling for input field wrapper
145
+ .input-field {
146
+ // Inline styles
147
+ &.inline {
148
+ display: inline-block;
149
+ vertical-align: middle;
150
+ margin-left: 5px;
151
+
152
+ input,
153
+ .select-dropdown {
154
+ margin-bottom: 1rem;
155
+ }
156
+ }
157
+
158
+ // Gutter spacing
159
+ &.col {
160
+ label {
161
+ left: $gutter-width / 2;
162
+ }
163
+
164
+ .prefix ~ label,
165
+ .prefix ~ .validate ~ label {
166
+ width: calc(100% - 3rem - #{$gutter-width});
167
+ }
168
+ }
169
+
170
+ position: relative;
171
+ margin-top: 1rem;
172
+
173
+ label {
174
+ color: $input-border-color;
175
+ position: absolute;
176
+ top: 0;
177
+ left: 0;
178
+ height: 100%;
179
+ font-size: 1rem;
180
+ cursor: text;
181
+ transition: transform .2s ease-out;
182
+ transform-origin: 0% 100%;
183
+ text-align: initial;
184
+ transform: translateY(12px);
185
+ pointer-events: none;
186
+
187
+ &:not(.label-icon).active {
188
+ transform: translateY(-14px) scale(.8);
189
+ transform-origin: 0 0;
190
+ }
191
+ }
192
+
193
+ // Prefix Icons
194
+ .prefix {
195
+ position: absolute;
196
+ width: $input-height;
197
+ font-size: 2rem;
198
+ transition: color .2s;
199
+
200
+ &.active { color: $input-focus-color; }
201
+ }
202
+
203
+ .prefix ~ input,
204
+ .prefix ~ textarea,
205
+ .prefix ~ label,
206
+ .prefix ~ .validate ~ label,
207
+ .prefix ~ .autocomplete-content {
208
+ margin-left: 3rem;
209
+ width: 92%;
210
+ width: calc(100% - 3rem);
211
+ }
212
+
213
+ .prefix ~ label { margin-left: 3rem; }
214
+
215
+ @media #{$medium-and-down} {
216
+ .prefix ~ input {
217
+ width: 86%;
218
+ width: calc(100% - 3rem);
219
+ }
220
+ }
221
+
222
+ @media #{$small-and-down} {
223
+ .prefix ~ input {
224
+ width: 80%;
225
+ width: calc(100% - 3rem);
226
+ }
227
+ }
228
+ }
229
+
230
+
231
+ /* Search Field */
232
+
233
+ .input-field input[type=search] {
234
+ display: block;
235
+ line-height: inherit;
236
+
237
+ .nav-wrapper & {
238
+ height: inherit;
239
+ padding-left: 4rem;
240
+ width: calc(100% - 4rem);
241
+ border: 0;
242
+ box-shadow: none;
243
+ }
244
+
245
+ &:focus {
246
+ background-color: $input-background;
247
+ border: 0;
248
+ box-shadow: none;
249
+ color: #444;
250
+
251
+ & + label i,
252
+ & ~ .mdi-navigation-close,
253
+ & ~ .material-icons {
254
+ color: #444;
255
+ }
256
+ }
257
+
258
+ & + label {
259
+ left: 1rem;
260
+ }
261
+
262
+ & ~ .mdi-navigation-close,
263
+ & ~ .material-icons {
264
+ position: absolute;
265
+ top: 0;
266
+ right: 1rem;
267
+ color: transparent;
268
+ cursor: pointer;
269
+ font-size: 2rem;
270
+ transition: .3s color;
271
+ }
272
+ }
273
+
274
+
275
+ /* Textarea */
276
+
277
+ // Default textarea
278
+ textarea {
279
+ width: 100%;
280
+ height: $input-height;
281
+ background-color: transparent;
282
+
283
+ &.materialize-textarea {
284
+ // Fixes validation messages for dynamic textareas
285
+ &.validate + label {
286
+ &::after {
287
+ top: calc(100% - 12px);
288
+ }
289
+ &:not(.label-icon).active {
290
+ transform: translateY(-25px);
291
+ }
292
+ height: 100%;
293
+ }
294
+
295
+ overflow-y: hidden; /* prevents scroll bar flash */
296
+ padding: .8rem 0 1.6rem 0; /* prevents text jump on Enter keypress */
297
+ resize: none;
298
+ min-height: $input-height;
299
+ }
300
+ }
301
+
302
+ // For textarea autoresize
303
+ .hiddendiv {
304
+ display: none;
305
+ white-space: pre-wrap;
306
+ word-wrap: break-word;
307
+ overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
308
+ padding-top: 1.2rem; /* prevents text jump on Enter keypress */
309
+
310
+ // Reduces repaints
311
+ position: absolute;
312
+ top: 0;
313
+ }
314
+
315
+
316
+ /* Autocomplete */
317
+ .autocomplete-content {
318
+ margin-top: -1 * $input-margin-bottom;
319
+ margin-bottom: $input-margin-bottom;
320
+ display: block;
321
+ opacity: 1;
322
+ position: static;
323
+
324
+ li {
325
+ .highlight { color: #444; }
326
+
327
+ img {
328
+ height: $dropdown-item-height - 10;
329
+ width: $dropdown-item-height - 10;
330
+ margin: 5px 15px;
331
+ }
332
+ }
333
+ }