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,89 @@
1
+ /* Switch
2
+ ========================================================================== */
3
+
4
+ .switch,
5
+ .switch * {
6
+ -webkit-tap-highlight-color: transparent;
7
+ user-select: none;
8
+ }
9
+
10
+ .switch label {
11
+ cursor: pointer;
12
+ }
13
+
14
+ .switch label input[type=checkbox] {
15
+ opacity: 0;
16
+ width: 0;
17
+ height: 0;
18
+
19
+ &:checked + .lever {
20
+ background-color: $switch-checked-lever-bg;
21
+
22
+ &:before, &:after {
23
+ left: 18px;
24
+ }
25
+
26
+ &:after {
27
+ background-color: $switch-bg-color;
28
+ }
29
+ }
30
+ }
31
+
32
+ .switch label .lever {
33
+ content: "";
34
+ display: inline-block;
35
+ position: relative;
36
+ width: 36px;
37
+ height: 14px;
38
+ background-color: $switch-unchecked-lever-bg;
39
+ border-radius: $switch-radius;
40
+ margin-right: 10px;
41
+ transition: background 0.3s ease;
42
+ vertical-align: middle;
43
+ margin: 0 16px;
44
+
45
+ &:before, &:after {
46
+ content: "";
47
+ position: absolute;
48
+ display: inline-block;
49
+ width: 20px;
50
+ height: 20px;
51
+ border-radius: 50%;
52
+ left: 0;
53
+ top: -3px;
54
+ transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
55
+ }
56
+
57
+ &:before {
58
+ background-color: transparentize($switch-bg-color, .85);
59
+ }
60
+
61
+ &:after {
62
+ background-color: $switch-unchecked-bg;
63
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
64
+ }
65
+ }
66
+
67
+ // Switch active style
68
+ input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
69
+ input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
70
+ transform: scale(2.4);
71
+ background-color: transparentize($switch-bg-color, .85);
72
+ }
73
+
74
+ input[type=checkbox]:not(:disabled) ~ .lever:active:before,
75
+ input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
76
+ transform: scale(2.4);
77
+ background-color: rgba(0,0,0,.08);
78
+ }
79
+
80
+ // Disabled Styles
81
+ .switch input[type=checkbox][disabled] + .lever {
82
+ cursor: default;
83
+ background-color: rgba(0,0,0,.12);
84
+ }
85
+
86
+ .switch label input[type=checkbox][disabled] + .lever:after,
87
+ .switch label input[type=checkbox][disabled]:checked + .lever:after {
88
+ background-color: $input-disabled-solid-color;
89
+ }
@@ -0,0 +1,42 @@
1
+ @charset "UTF-8";
2
+
3
+ // Colors
4
+ @import "components/color";
5
+
6
+ // Variables;
7
+ @import "components/variables";
8
+
9
+ // Reset
10
+ @import "components/normalize";
11
+
12
+ // components
13
+ @import "components/global";
14
+ @import "components/badges";
15
+ @import "components/icons-material-design";
16
+ @import "components/grid";
17
+ @import "components/navbar";
18
+ @import "components/roboto";
19
+ @import "components/typography";
20
+ @import "components/transitions";
21
+ @import "components/cards";
22
+ @import "components/toast";
23
+ @import "components/tabs";
24
+ @import "components/tooltip";
25
+ @import "components/buttons";
26
+ @import "components/dropdown";
27
+ @import "components/waves";
28
+ @import "components/modal";
29
+ @import "components/collapsible";
30
+ @import "components/chips";
31
+ @import "components/materialbox";
32
+ @import "components/forms/forms";
33
+ @import "components/table_of_contents";
34
+ @import "components/sideNav";
35
+ @import "components/preloader";
36
+ @import "components/slider";
37
+ @import "components/carousel";
38
+ @import "components/tapTarget";
39
+ @import "components/pulse";
40
+ @import "components/date_picker/default";
41
+ @import "components/date_picker/default.date";
42
+ @import "components/date_picker/default.time";
@@ -0,0 +1,47 @@
1
+ // Badges
2
+ span.badge {
3
+ min-width: 3rem;
4
+ padding: 0 6px;
5
+ margin-left: 14px;
6
+ text-align: center;
7
+ font-size: 1rem;
8
+ line-height: $badge-height;
9
+ height: $badge-height;
10
+ color: color('grey', 'darken-1');
11
+ float: right;
12
+ box-sizing: border-box;
13
+
14
+ &.new {
15
+ font-weight: 300;
16
+ font-size: 0.8rem;
17
+ color: #fff;
18
+ background-color: $badge-bg-color;
19
+ border-radius: 2px;
20
+ }
21
+ &.new:after {
22
+ content: " new";
23
+ }
24
+
25
+ &[data-badge-caption]::after {
26
+ content: " " attr(data-badge-caption);
27
+ }
28
+ }
29
+ nav ul a span.badge {
30
+ display: inline-block;
31
+ float: none;
32
+ margin-left: 4px;
33
+ line-height: $badge-height;
34
+ height: $badge-height;
35
+ -webkit-font-smoothing: auto;
36
+ }
37
+
38
+ // Line height centering
39
+ .collection-item span.badge {
40
+ margin-top: calc(#{$collection-line-height / 2} - #{$badge-height / 2});
41
+ }
42
+ .collapsible span.badge {
43
+ margin-left: auto;
44
+ }
45
+ .side-nav span.badge {
46
+ margin-top: calc(#{$sidenav-line-height / 2} - #{$badge-height / 2});
47
+ }
@@ -0,0 +1,291 @@
1
+ // shared styles
2
+ .btn,
3
+ .btn-flat {
4
+ border: $button-border;
5
+ border-radius: $button-radius;
6
+ display: inline-block;
7
+ height: $button-height;
8
+ line-height: $button-height;
9
+ padding: $button-padding;
10
+ text-transform: uppercase;
11
+ vertical-align: middle;
12
+ // Gets rid of tap active state
13
+ -webkit-tap-highlight-color: transparent;
14
+ }
15
+
16
+ // Disabled shared style
17
+ .btn.disabled,
18
+ .btn-floating.disabled,
19
+ .btn-large.disabled,
20
+ .btn-flat.disabled,
21
+ .btn:disabled,
22
+ .btn-floating:disabled,
23
+ .btn-large:disabled,
24
+ .btn-flat:disabled,
25
+ .btn[disabled],
26
+ .btn-floating[disabled],
27
+ .btn-large[disabled],
28
+ .btn-flat[disabled] {
29
+ pointer-events: none;
30
+ background-color: $button-disabled-background !important;
31
+ box-shadow: none;
32
+ color: $button-disabled-color !important;
33
+ cursor: default;
34
+
35
+ &:hover {
36
+ background-color: $button-disabled-background !important;
37
+ color: $button-disabled-color !important;
38
+ }
39
+ }
40
+
41
+ // Shared icon styles
42
+ .btn,
43
+ .btn-floating,
44
+ .btn-large,
45
+ .btn-flat {
46
+ font-size: $button-font-size;
47
+ outline: 0;
48
+
49
+ i {
50
+ font-size: $button-icon-font-size;
51
+ line-height: inherit;
52
+ }
53
+ }
54
+
55
+ // Shared focus button style
56
+ .btn,
57
+ .btn-floating {
58
+ &:focus {
59
+ background-color: darken($button-raised-background, 10%);
60
+ }
61
+ }
62
+
63
+ // Raised Button
64
+ .btn {
65
+ text-decoration: none;
66
+ color: $button-raised-color;
67
+ background-color: $button-raised-background;
68
+ text-align: center;
69
+ letter-spacing: .5px;
70
+ @extend .z-depth-1;
71
+ transition: .2s ease-out;
72
+ cursor: pointer;
73
+
74
+ &:hover {
75
+ background-color: $button-raised-background-hover;
76
+ @extend .z-depth-1-half;
77
+ }
78
+ }
79
+
80
+ // Floating button
81
+ .btn-floating {
82
+ &:hover {
83
+ background-color: $button-floating-background-hover;
84
+ @extend .z-depth-1-half;
85
+ }
86
+
87
+ &:before {
88
+ border-radius: 0;
89
+ }
90
+
91
+ &.btn-large {
92
+ &.halfway-fab {
93
+ bottom: -$button-floating-large-size / 2;
94
+ }
95
+
96
+ width: $button-floating-large-size;
97
+ height: $button-floating-large-size;
98
+ i {
99
+ line-height: $button-floating-large-size;
100
+ }
101
+ }
102
+
103
+ &.halfway-fab {
104
+ &.left {
105
+ right: auto;
106
+ left: 24px;
107
+ }
108
+
109
+ position: absolute;
110
+ right: 24px;
111
+ bottom: -$button-floating-size / 2;
112
+ }
113
+
114
+ display: inline-block;
115
+ color: $button-floating-color;
116
+ position: relative;
117
+ overflow: hidden;
118
+ z-index: 1;
119
+ width: $button-floating-size;
120
+ height: $button-floating-size;
121
+ line-height: $button-floating-size;
122
+ padding: 0;
123
+ background-color: $button-floating-background;
124
+ border-radius: $button-floating-radius;
125
+ @extend .z-depth-1;
126
+ transition: .3s;
127
+ cursor: pointer;
128
+ vertical-align: middle;
129
+
130
+ i {
131
+ width: inherit;
132
+ display: inline-block;
133
+ text-align: center;
134
+ color: $button-floating-color;
135
+ font-size: $button-large-icon-font-size;
136
+ line-height: $button-floating-size;
137
+ }
138
+ }
139
+
140
+ // button fix
141
+ button.btn-floating {
142
+ border: $button-border;
143
+ }
144
+
145
+ // Fixed Action Button
146
+ .fixed-action-btn {
147
+ &.active {
148
+ ul {
149
+ visibility: visible;
150
+ }
151
+ }
152
+
153
+ &.horizontal {
154
+ padding: 0 0 0 15px;
155
+
156
+ ul {
157
+ text-align: right;
158
+ right: 64px;
159
+ top: 50%;
160
+ transform: translateY(-50%);
161
+ height: 100%;
162
+ left: auto;
163
+ width: 500px; /*width 100% only goes to width of button container */
164
+
165
+ li {
166
+ display: inline-block;
167
+ margin: 15px 15px 0 0;
168
+ }
169
+ }
170
+ }
171
+
172
+ &.toolbar {
173
+ &.active {
174
+ & > a i {
175
+ opacity: 0;
176
+ }
177
+ }
178
+
179
+ padding: 0;
180
+ height: $button-floating-large-size;
181
+
182
+ ul {
183
+ display: flex;
184
+ top: 0;
185
+ bottom: 0;
186
+ z-index: 1;
187
+
188
+ li {
189
+ flex: 1;
190
+ display: inline-block;
191
+ margin: 0;
192
+ height: 100%;
193
+ transition: none;
194
+
195
+ a {
196
+ display: block;
197
+ overflow: hidden;
198
+ position: relative;
199
+ width: 100%;
200
+ height: 100%;
201
+ background-color: transparent;
202
+ box-shadow: none;
203
+ color: #fff;
204
+ line-height: $button-floating-large-size;
205
+ z-index: 1;
206
+
207
+ i {
208
+ line-height: inherit;
209
+ }
210
+ }
211
+ }
212
+ }
213
+ }
214
+
215
+ position: fixed;
216
+ right: 23px;
217
+ bottom: 23px;
218
+ padding-top: 15px;
219
+ margin-bottom: 0;
220
+ z-index: 997;
221
+
222
+ ul {
223
+ left: 0;
224
+ right: 0;
225
+ text-align: center;
226
+ position: absolute;
227
+ bottom: 64px;
228
+ margin: 0;
229
+ visibility: hidden;
230
+
231
+ li {
232
+ margin-bottom: 15px;
233
+ }
234
+
235
+ a.btn-floating {
236
+ opacity: 0;
237
+ }
238
+ }
239
+
240
+ .fab-backdrop {
241
+ position: absolute;
242
+ top: 0;
243
+ left: 0;
244
+ z-index: -1;
245
+ width: $button-floating-size;
246
+ height: $button-floating-size;
247
+ background-color: $button-floating-background;
248
+ border-radius: $button-floating-radius;
249
+ transform: scale(0);
250
+ }
251
+ }
252
+
253
+ // Flat button
254
+ .btn-flat {
255
+ box-shadow: none;
256
+ background-color: transparent;
257
+ color: $button-flat-color;
258
+ cursor: pointer;
259
+ transition: background-color .2s;
260
+
261
+ &:focus,
262
+ &:hover {
263
+ box-shadow: none;
264
+ }
265
+
266
+ &:focus {
267
+ background-color: rgba(0,0,0,.1);
268
+ }
269
+
270
+ &.disabled {
271
+ background-color: transparent !important;
272
+ color: $button-flat-disabled-color !important;
273
+ cursor: default;
274
+ }
275
+ }
276
+
277
+ // Large button
278
+ .btn-large {
279
+ @extend .btn;
280
+ height: $button-large-height;
281
+ line-height: $button-large-height;
282
+
283
+ i {
284
+ font-size: $button-large-icon-font-size;
285
+ }
286
+ }
287
+
288
+ // Block button
289
+ .btn-block {
290
+ display: block;
291
+ }