oulu-rails 0.5.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (194) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +22 -0
  3. data/README.md +23 -0
  4. data/lib/oulu-rails/version.rb +3 -0
  5. data/lib/oulu-rails.rb +27 -0
  6. data/vendor/assets/javascripts/oulu/dev/positions-p.js.coffee +34 -0
  7. data/vendor/assets/javascripts/oulu/dev/positions-pp.js.coffee +57 -0
  8. data/vendor/assets/javascripts/oulu/dev/positions.js.coffee +6 -0
  9. data/vendor/assets/javascripts/oulu/helpers/js-autosize.js.coffee +2 -0
  10. data/vendor/assets/javascripts/oulu/helpers/js-checkbox.js.coffee +6 -0
  11. data/vendor/assets/javascripts/oulu/helpers/js-click-animate.js.coffee +8 -0
  12. data/vendor/assets/javascripts/oulu/helpers/js-delay-hidden.js.coffee +4 -0
  13. data/vendor/assets/javascripts/oulu/helpers/js-focused.js.coffee +7 -0
  14. data/vendor/assets/javascripts/oulu/helpers/js-hack.js.coffee +8 -0
  15. data/vendor/assets/javascripts/oulu/helpers/js-hide-after.j.coffee +5 -0
  16. data/vendor/assets/javascripts/oulu/helpers/js-hover-z-index.js.coffee +5 -0
  17. data/vendor/assets/javascripts/oulu/helpers/js-hovered.js.coffee +17 -0
  18. data/vendor/assets/javascripts/oulu/helpers/js-one-animate.js.coffee +5 -0
  19. data/vendor/assets/javascripts/oulu/helpers/js-open-children.js.coffee +28 -0
  20. data/vendor/assets/javascripts/oulu/helpers/js-open.js.coffee +51 -0
  21. data/vendor/assets/javascripts/oulu/helpers/js-scroll-to-top.js.coffee +11 -0
  22. data/vendor/assets/javascripts/oulu/helpers/js-scroll.js.coffee +9 -0
  23. data/vendor/assets/javascripts/oulu/helpers/js-side-slide.js.coffee +6 -0
  24. data/vendor/assets/javascripts/oulu/helpers/js-window-loading.js.coffee +15 -0
  25. data/vendor/assets/javascripts/oulu/helpers/js-window-sizes.js.coffee +6 -0
  26. data/vendor/assets/javascripts/oulu/helpers/open-close.js.coffee +23 -0
  27. data/vendor/assets/javascripts/oulu/ie/PIE_IE678.js +72 -0
  28. data/vendor/assets/javascripts/oulu/ie/PIE_IE9.js +46 -0
  29. data/vendor/assets/javascripts/oulu/ie/ie-selectors.js.coffee +3 -0
  30. data/vendor/assets/javascripts/oulu/ie/ie8-selectors.js.coffee +3 -0
  31. data/vendor/assets/javascripts/oulu/ie/ie9-selectors.js.coffee +6 -0
  32. data/vendor/assets/javascripts/oulu/ie/jquery.belatedPNG.min.js +29 -0
  33. data/vendor/assets/javascripts/oulu/ie/jquery.linkscubber.js +7 -0
  34. data/vendor/assets/javascripts/oulu/ie/svgeezy.min.js +12 -0
  35. data/vendor/assets/javascripts/oulu/plugins/check-box.js.coffee +34 -0
  36. data/vendor/assets/javascripts/oulu/plugins/footerFixed.js +74 -0
  37. data/vendor/assets/javascripts/oulu/plugins/jquery.autosize.min.js +7 -0
  38. data/vendor/assets/javascripts/oulu/plugins/jquery.cheat-code.js +63 -0
  39. data/vendor/assets/javascripts/oulu/plugins/jquery.css3form.js +195 -0
  40. data/vendor/assets/javascripts/oulu/plugins/jquery.depend.min.js +13 -0
  41. data/vendor/assets/javascripts/oulu/plugins/sns-buttons.js +339 -0
  42. data/vendor/assets/javascripts/oulu-ie8.js +6 -0
  43. data/vendor/assets/javascripts/oulu-ie9.js +2 -0
  44. data/vendor/assets/javascripts/oulu.js +2 -0
  45. data/vendor/assets/stylesheets/_oulu-base.css.sass +86 -0
  46. data/vendor/assets/stylesheets/_oulu.css.sass +13 -0
  47. data/vendor/assets/stylesheets/bootcamp/CHANGELOG.md +70 -0
  48. data/vendor/assets/stylesheets/bootcamp/CONTRIBUTING.md +72 -0
  49. data/vendor/assets/stylesheets/bootcamp/Gruntfile.coffee +34 -0
  50. data/vendor/assets/stylesheets/bootcamp/LICENSE.md +7 -0
  51. data/vendor/assets/stylesheets/bootcamp/README.md +52 -0
  52. data/vendor/assets/stylesheets/bootcamp/bower.json +15 -0
  53. data/vendor/assets/stylesheets/bootcamp/dist/_bootcamp.scss +46 -0
  54. data/vendor/assets/stylesheets/bootcamp/dist/bootcamp.coffee +101 -0
  55. data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_actual.scss +3 -0
  56. data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_error.scss +29 -0
  57. data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_expect.scss +6 -0
  58. data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_not-to.scss +5 -0
  59. data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_should.scss +6 -0
  60. data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_to.scss +5 -0
  61. data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_describe.scss +31 -0
  62. data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_it.scss +31 -0
  63. data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_runner.scss +28 -0
  64. data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_should.scss +46 -0
  65. data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_xdescribe.scss +9 -0
  66. data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_xit.scss +9 -0
  67. data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_helpers.scss +5 -0
  68. data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_settings.scss +2 -0
  69. data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_should.scss +6 -0
  70. data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_trackers.scss +6 -0
  71. data/vendor/assets/stylesheets/bootcamp/dist/lib/_sassyjson.scss +1075 -0
  72. data/vendor/assets/stylesheets/bootcamp/dist/matchers/_be.scss +3 -0
  73. data/vendor/assets/stylesheets/bootcamp/dist/matchers/_equal.scss +3 -0
  74. data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-empty.scss +3 -0
  75. data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-longer-than.scss +3 -0
  76. data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-shorter-than.scss +3 -0
  77. data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_contain.scss +3 -0
  78. data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_deep-contain.scss +3 -0
  79. data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_deep-equal.scss +47 -0
  80. data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_have-length-of.scss +3 -0
  81. data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-close-to.scss +12 -0
  82. data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-greater-than.scss +12 -0
  83. data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-less-than.scss +12 -0
  84. data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-falsy.scss +3 -0
  85. data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-null.scss +3 -0
  86. data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-truthy.scss +3 -0
  87. data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_have-type-of.scss +3 -0
  88. data/vendor/assets/stylesheets/bootcamp/dist/utils/_contain.scss +15 -0
  89. data/vendor/assets/stylesheets/bootcamp/dist/utils/_equal.scss +23 -0
  90. data/vendor/assets/stylesheets/bootcamp/dist/utils/_list-join.scss +35 -0
  91. data/vendor/assets/stylesheets/bootcamp/dist/utils/_power.scss +15 -0
  92. data/vendor/assets/stylesheets/bootcamp/package.json +63 -0
  93. data/vendor/assets/stylesheets/bootcamp/tasks/bootcamp.coffee +83 -0
  94. data/vendor/assets/stylesheets/bootcamp/test/core/functions/_actual.scss +10 -0
  95. data/vendor/assets/stylesheets/bootcamp/test/core/functions/_expect.scss +6 -0
  96. data/vendor/assets/stylesheets/bootcamp/test/core/functions/_not-to.scss +5 -0
  97. data/vendor/assets/stylesheets/bootcamp/test/core/functions/_should.scss +10 -0
  98. data/vendor/assets/stylesheets/bootcamp/test/core/functions/_to.scss +5 -0
  99. data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_describe.scss +11 -0
  100. data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_it.scss +5 -0
  101. data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_should.scss +5 -0
  102. data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_xdescribe.scss +28 -0
  103. data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_xit.scss +12 -0
  104. data/vendor/assets/stylesheets/bootcamp/test/matchers/_be.scss +90 -0
  105. data/vendor/assets/stylesheets/bootcamp/test/matchers/_equal.scss +33 -0
  106. data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-empty.scss +12 -0
  107. data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-longer-than.scss +29 -0
  108. data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-shorter-than.scss +29 -0
  109. data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_contain.scss +39 -0
  110. data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_deep-contain.scss +51 -0
  111. data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_deep-equal.scss +151 -0
  112. data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_have-length-of.scss +31 -0
  113. data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-close-to.scss +24 -0
  114. data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-greater-than.scss +16 -0
  115. data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-less-than.scss +16 -0
  116. data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-falsy.scss +14 -0
  117. data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-null.scss +13 -0
  118. data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-truthy.scss +13 -0
  119. data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_have-type-of.scss +17 -0
  120. data/vendor/assets/stylesheets/bootcamp/test/specs.scss +45 -0
  121. data/vendor/assets/stylesheets/bootcamp/test/utils/_contain.scss +41 -0
  122. data/vendor/assets/stylesheets/bootcamp/test/utils/_equal.scss +79 -0
  123. data/vendor/assets/stylesheets/bootcamp/test/utils/_list-join.scss +39 -0
  124. data/vendor/assets/stylesheets/bootcamp/test/utils/_power.scss +13 -0
  125. data/vendor/assets/stylesheets/helper/_base-helper.css.sass +133 -0
  126. data/vendor/assets/stylesheets/helper/_click-actions.css.sass +188 -0
  127. data/vendor/assets/stylesheets/helper/_fade-actions.css.sass +30 -0
  128. data/vendor/assets/stylesheets/helper/_margin-padding.css.sass +16 -0
  129. data/vendor/assets/stylesheets/helper/_typoglaphy.css.sass +9 -0
  130. data/vendor/assets/stylesheets/options/amazlet/_amazlet.css.sass +32 -0
  131. data/vendor/assets/stylesheets/options/glitch/_glitch.css.sass +31 -0
  132. data/vendor/assets/stylesheets/options/oulu-buttons/_button-basic.css.sass +31 -0
  133. data/vendor/assets/stylesheets/options/web-fonts/_cousine.css.sass +12 -0
  134. data/vendor/assets/stylesheets/options/web-fonts/_font-awsome.css.sass +8 -0
  135. data/vendor/assets/stylesheets/options/web-fonts/_icomoon.css.sass +10 -0
  136. data/vendor/assets/stylesheets/options/web-fonts/_lato.css.sass +12 -0
  137. data/vendor/assets/stylesheets/options/web-fonts/_montserrat.css.sass +13 -0
  138. data/vendor/assets/stylesheets/options/web-fonts/_old-standard.css.sass +12 -0
  139. data/vendor/assets/stylesheets/options/web-fonts/_open-sans.css.sass +11 -0
  140. data/vendor/assets/stylesheets/options/web-fonts/_podkova.css.sass +12 -0
  141. data/vendor/assets/stylesheets/options/web-fonts/_pt-sans.css.sass +12 -0
  142. data/vendor/assets/stylesheets/options/web-fonts/_roboto.css.sass +11 -0
  143. data/vendor/assets/stylesheets/options/web-fonts/_satisfy.css.sass +13 -0
  144. data/vendor/assets/stylesheets/options/web-fonts/_source-code-pro.css.sass +13 -0
  145. data/vendor/assets/stylesheets/options/web-fonts/_source-sans-pro.css.sass +13 -0
  146. data/vendor/assets/stylesheets/options/web-fonts/_special-elite.css.sass +12 -0
  147. data/vendor/assets/stylesheets/options/web-fonts/_tauri.css.sass +11 -0
  148. data/vendor/assets/stylesheets/options/web-fonts/_ubuntu.css.sass +12 -0
  149. data/vendor/assets/stylesheets/settings/functions/_background.css.sass +60 -0
  150. data/vendor/assets/stylesheets/settings/functions/_bool.css.sass +5 -0
  151. data/vendor/assets/stylesheets/settings/functions/_border.css.sass +47 -0
  152. data/vendor/assets/stylesheets/settings/functions/_color.css.sass +65 -0
  153. data/vendor/assets/stylesheets/settings/functions/_content.css.sass +5 -0
  154. data/vendor/assets/stylesheets/settings/functions/_cursor.css.sass +5 -0
  155. data/vendor/assets/stylesheets/settings/functions/_direction.css.sass +8 -0
  156. data/vendor/assets/stylesheets/settings/functions/_image.css.sass +8 -0
  157. data/vendor/assets/stylesheets/settings/functions/_length.css.sass +20 -0
  158. data/vendor/assets/stylesheets/settings/functions/_list.css.sass +11 -0
  159. data/vendor/assets/stylesheets/settings/functions/_map.css.sass +5 -0
  160. data/vendor/assets/stylesheets/settings/functions/_number.css.sass +63 -0
  161. data/vendor/assets/stylesheets/settings/functions/_position.css.sass +47 -0
  162. data/vendor/assets/stylesheets/settings/functions/_reverse.css.sass +22 -0
  163. data/vendor/assets/stylesheets/settings/functions/_string.css.sass +5 -0
  164. data/vendor/assets/stylesheets/settings/functions/_text.css.sass +34 -0
  165. data/vendor/assets/stylesheets/settings/initializers/_reset.css.sass +85 -0
  166. data/vendor/assets/stylesheets/settings/mixins/_animation.css.sass +15 -0
  167. data/vendor/assets/stylesheets/settings/mixins/_background.css.sass +33 -0
  168. data/vendor/assets/stylesheets/settings/mixins/_balloon-tale.css.sass +111 -0
  169. data/vendor/assets/stylesheets/settings/mixins/_basic-font.css.sass +40 -0
  170. data/vendor/assets/stylesheets/settings/mixins/_block.css.sass +30 -0
  171. data/vendor/assets/stylesheets/settings/mixins/_border.css.sass +28 -0
  172. data/vendor/assets/stylesheets/settings/mixins/_button-base.css.sass +27 -0
  173. data/vendor/assets/stylesheets/settings/mixins/_clear-type.css.sass +4 -0
  174. data/vendor/assets/stylesheets/settings/mixins/_color.css.sass +9 -0
  175. data/vendor/assets/stylesheets/settings/mixins/_filters.css.sass +5 -0
  176. data/vendor/assets/stylesheets/settings/mixins/_form.css.sass +7 -0
  177. data/vendor/assets/stylesheets/settings/mixins/_grids.css.sass +149 -0
  178. data/vendor/assets/stylesheets/settings/mixins/_html5-input-types.scss +118 -0
  179. data/vendor/assets/stylesheets/settings/mixins/_ie-hacks.css.sass +8 -0
  180. data/vendor/assets/stylesheets/settings/mixins/_lines.css.sass +18 -0
  181. data/vendor/assets/stylesheets/settings/mixins/_link.css.sass +11 -0
  182. data/vendor/assets/stylesheets/settings/mixins/_list.css.sass +21 -0
  183. data/vendor/assets/stylesheets/settings/mixins/_margin-padding.css.sass +69 -0
  184. data/vendor/assets/stylesheets/settings/mixins/_overlay.css.sass +5 -0
  185. data/vendor/assets/stylesheets/settings/mixins/_positions.css.sass +28 -0
  186. data/vendor/assets/stylesheets/settings/mixins/_rem.css.sass +53 -0
  187. data/vendor/assets/stylesheets/settings/mixins/_resets.css.sass +17 -0
  188. data/vendor/assets/stylesheets/settings/mixins/_responsive-utilities.css.sass +160 -0
  189. data/vendor/assets/stylesheets/settings/mixins/_sassmatic.css.sass +172 -0
  190. data/vendor/assets/stylesheets/settings/mixins/_sprite-background.css.sass +18 -0
  191. data/vendor/assets/stylesheets/settings/mixins/_tables.css.sass +14 -0
  192. data/vendor/assets/stylesheets/settings/mixins/_text.css.sass +21 -0
  193. data/vendor/assets/stylesheets/settings/variables/_default.css.sass +69 -0
  194. metadata +362 -0
@@ -0,0 +1,13 @@
1
+ @include describe("Power Util") {
2
+ @include it("should expect positive values to be calculated correctly") {
3
+ @include should( expect( bc-util-power( 10, 2) ), to( equal( 100 )));
4
+ @include should( expect( bc-util-power( 2, 2) ), to( equal( 4 )));
5
+ @include should( expect( bc-util-power(0.5, 2) ), to( equal( 0.25 )));
6
+ }
7
+
8
+ @include it("should expect negative values to be calculated correctly") {
9
+ @include should( expect( bc-util-power( 10, -2) ), to( equal( 0.01 )));
10
+ @include should( expect( bc-util-power( 2, -2) ), to( equal( 0.25 )));
11
+ @include should( expect( bc-util-power(0.5, -2) ), to( equal( 4 )));
12
+ }
13
+ }
@@ -0,0 +1,133 @@
1
+ .#{$wrapper-class-name}
2
+ +rem('max-width', $wrapper-max-width)
3
+ +box-sizing(border-box)
4
+ +margin(horizontal, auto)
5
+ +padding(horizontal, $wrapper-horizontal-padding)
6
+ clear: both
7
+
8
+ // state
9
+ .is-clearfix
10
+ *zoom: 1
11
+ &:after
12
+ content: ''
13
+ display: table
14
+ clear: both
15
+ .is-relative
16
+ position: relative
17
+ .is-fixed
18
+ +fixed(left 0, top 0)
19
+ width: 100%
20
+ .is-clickable
21
+ cursor: pointer
22
+ .is-clear
23
+ clear: both
24
+ .is-gradient
25
+ filter: none
26
+ .is-visible
27
+ overflow: visible !important
28
+ .is-inline
29
+ display: inline
30
+
31
+ .is-block-link
32
+ display: block
33
+ text-decoration: none
34
+ .is-scroll-x-wrapper
35
+ overflow-x: auto
36
+ overflow-y: hidden
37
+ -webkit-overflow-scrolling: touch
38
+ width: 100%
39
+ position: relative
40
+ .is-max-wd
41
+ width: 100%
42
+ display: block
43
+
44
+ .is-mgb-0
45
+ margin-bottom: 0 !important
46
+ .is-pdt-0
47
+ padding-top: 0 !important
48
+ .is-pd-0
49
+ padding: 0 !important
50
+
51
+ body
52
+ .is-hidden
53
+ visibility: hidden
54
+ display: none
55
+ +opacity(0)
56
+ .is-invisible
57
+ margin-left: -99999px
58
+ position: absolute
59
+ visibility: hidden
60
+ +opacity(0)
61
+ .is-shown
62
+ +inline-block
63
+ .is-horizontal-closed
64
+ width: 0
65
+ overflow: hidden
66
+
67
+ .is-z-index-100
68
+ z-index: 100
69
+ position: relative
70
+
71
+ .is-table-row
72
+ display: table-row !important
73
+ .is-table-cell
74
+ display: table-cell !important
75
+
76
+ // layout
77
+ .is-center-block
78
+ +margin(horizontal, auto)
79
+ display: block
80
+ .is-center
81
+ display: block
82
+ +margin(horizontal, auto)
83
+ .is-horizontal-center
84
+ display: block
85
+ +margin(horizontal, auto)
86
+
87
+ // vertical
88
+ .is-vertical-center
89
+ vertical-align: middle !important
90
+ .is-vertical-top
91
+ vertical-align: top !important
92
+ .is-vertical-bottom
93
+ vertical-align: bottom !important
94
+
95
+ // float
96
+ .is-left
97
+ float: left
98
+ .is-right
99
+ float: right
100
+
101
+ // text-align
102
+ .is-center-wrapper
103
+ text-align: center
104
+ .is-right-wrapper
105
+ text-align: right
106
+ .is-left-wrapper
107
+ text-align: left
108
+
109
+ // list
110
+ .is-horizontal-list
111
+ +horizontal-list(0)
112
+
113
+ .is-inline-blocks
114
+ >*
115
+ +inline-block(bottom)
116
+
117
+ .is-nowrap
118
+ white-space: nowrap
119
+
120
+ // Font Awesome
121
+
122
+ // http://hayashikejinan.com/webwork/css/913/
123
+ .fa-hatena
124
+ &:before
125
+ content: "B!"
126
+ font-family: Verdana
127
+ font-weight: bold
128
+ .fa-triangle-o:before
129
+ content: "\0025b3"
130
+ +sans-serif
131
+ .fa-triangle:before
132
+ content: "\0025b2"
133
+ +sans-serif
@@ -0,0 +1,188 @@
1
+ .is-bounce-expansion
2
+ +experimental('animation', bounce-expansion 1000ms linear both)
3
+ +relative
4
+
5
+ +keyframes(bounce-expansion)
6
+ 0%
7
+ $transform: matrix3d(1.4, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
8
+ +experimental('transform', $transform)
9
+ 1.666667%
10
+ $transform: matrix3d(1.34471, 0, 0, 0, 0, 1.34471, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
11
+ +experimental('transform', $transform)
12
+ 3.333333%
13
+ $transform: matrix3d(1.28364, 0, 0, 0, 0, 1.28364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
14
+ +experimental('transform', $transform)
15
+ 5%
16
+ $transform: matrix3d(1.2213, 0, 0, 0, 0, 1.2213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
17
+ +experimental('transform', $transform)
18
+ 6.666667%
19
+ $transform: matrix3d(1.16126, 0, 0, 0, 0, 1.16126, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
20
+ +experimental('transform', $transform)
21
+ 8.333333%
22
+ $transform: matrix3d(1.10616, 0, 0, 0, 0, 1.10616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
23
+ +experimental('transform', $transform)
24
+ 10%
25
+ $transform: matrix3d(1.05781, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
26
+ +experimental('transform', $transform)
27
+ 11.666667%
28
+ $transform: matrix3d(1.01723, 0, 0, 0, 0, 1.01723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
29
+ +experimental('transform', $transform)
30
+ 13.333333%
31
+ $transform: matrix3d(0.98482, 0, 0, 0, 0, 0.98482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
32
+ +experimental('transform', $transform)
33
+ 15%
34
+ $transform: matrix3d(0.96047, 0, 0, 0, 0, 0.96047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
35
+ +experimental('transform', $transform)
36
+ 16.666667%
37
+ $transform: matrix3d(0.94365, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
38
+ +experimental('transform', $transform)
39
+ 18.333333%
40
+ $transform: matrix3d(0.93356, 0, 0, 0, 0, 0.93356, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
41
+ +experimental('transform', $transform)
42
+ 20%
43
+ $transform: matrix3d(0.92922, 0, 0, 0, 0, 0.92922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
44
+ +experimental('transform', $transform)
45
+ 21.666667%
46
+ $transform: matrix3d(0.92959, 0, 0, 0, 0, 0.92959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
47
+ +experimental('transform', $transform)
48
+ 23.333333%
49
+ $transform: matrix3d(0.93358, 0, 0, 0, 0, 0.93358, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
50
+ +experimental('transform', $transform)
51
+ 25%
52
+ $transform: matrix3d(0.94017, 0, 0, 0, 0, 0.94017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
53
+ +experimental('transform', $transform)
54
+ 26.666667%
55
+ $transform: matrix3d(0.94844, 0, 0, 0, 0, 0.94844, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
56
+ +experimental('transform', $transform)
57
+ 28.333333%
58
+ $transform: matrix3d(0.95758, 0, 0, 0, 0, 0.95758, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
59
+ +experimental('transform', $transform)
60
+ 30%
61
+ $transform: matrix3d(0.9669, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
62
+ +experimental('transform', $transform)
63
+ 31.666667%
64
+ $transform: matrix3d(0.97588, 0, 0, 0, 0, 0.97588, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
65
+ +experimental('transform', $transform)
66
+ 33.333333%
67
+ $transform: matrix3d(0.98412, 0, 0, 0, 0, 0.98412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
68
+ +experimental('transform', $transform)
69
+ 35%
70
+ $transform: matrix3d(0.99135, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
71
+ +experimental('transform', $transform)
72
+ 36.666667%
73
+ $transform: matrix3d(0.99742, 0, 0, 0, 0, 0.99742, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
74
+ +experimental('transform', $transform)
75
+ 38.333333%
76
+ $transform: matrix3d(1.00227, 0, 0, 0, 0, 1.00227, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
77
+ +experimental('transform', $transform)
78
+ 40%
79
+ $transform: matrix3d(1.00591, 0, 0, 0, 0, 1.00591, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
80
+ +experimental('transform', $transform)
81
+ 41.666667%
82
+ $transform: matrix3d(1.00843, 0, 0, 0, 0, 1.00843, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
83
+ +experimental('transform', $transform)
84
+ 43.333333%
85
+ $transform: matrix3d(1.00994, 0, 0, 0, 0, 1.00994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
86
+ +experimental('transform', $transform)
87
+ 45%
88
+ $transform: matrix3d(1.01059, 0, 0, 0, 0, 1.01059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
89
+ +experimental('transform', $transform)
90
+ 46.666667%
91
+ $transform: matrix3d(1.01053, 0, 0, 0, 0, 1.01053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
92
+ +experimental('transform', $transform)
93
+ 48.333333%
94
+ $transform: matrix3d(1.00993, 0, 0, 0, 0, 1.00993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
95
+ +experimental('transform', $transform)
96
+ 50%
97
+ $transform: matrix3d(1.00895, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
98
+ +experimental('transform', $transform)
99
+ 51.666667%
100
+ $transform: matrix3d(1.00771, 0, 0, 0, 0, 1.00771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
101
+ +experimental('transform', $transform)
102
+ 53.333333%
103
+ $transform: matrix3d(1.00635, 0, 0, 0, 0, 1.00635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
104
+ +experimental('transform', $transform)
105
+ 55%
106
+ $transform: matrix3d(1.00495, 0, 0, 0, 0, 1.00495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
107
+ +experimental('transform', $transform)
108
+ 56.666667%
109
+ $transform: matrix3d(1.00361, 0, 0, 0, 0, 1.00361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
110
+ +experimental('transform', $transform)
111
+ 58.333333%
112
+ $transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
113
+ +experimental('transform', $transform)
114
+ 60%
115
+ $transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
116
+ +experimental('transform', $transform)
117
+ 61.666667%
118
+ $transform: matrix3d(1.00039, 0, 0, 0, 0, 1.00039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
119
+ +experimental('transform', $transform)
120
+ 63.333333%
121
+ $transform: matrix3d(0.99966, 0, 0, 0, 0, 0.99966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
122
+ +experimental('transform', $transform)
123
+ 65%
124
+ $transform: matrix3d(0.99912, 0, 0, 0, 0, 0.99912, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
125
+ +experimental('transform', $transform)
126
+ 66.666667%
127
+ $transform: matrix3d(0.99874, 0, 0, 0, 0, 0.99874, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
128
+ +experimental('transform', $transform)
129
+ 68.333333%
130
+ $transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
131
+ +experimental('transform', $transform)
132
+ 70%
133
+ $transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
134
+ +experimental('transform', $transform)
135
+ 71.666667%
136
+ $transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
137
+ +experimental('transform', $transform)
138
+ 73.333333%
139
+ $transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
140
+ +experimental('transform', $transform)
141
+ 75%
142
+ $transform: matrix3d(0.99866, 0, 0, 0, 0, 0.99866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
143
+ +experimental('transform', $transform)
144
+ 76.666667%
145
+ $transform: matrix3d(0.99885, 0, 0, 0, 0, 0.99885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
146
+ +experimental('transform', $transform)
147
+ 78.333333%
148
+ $transform: matrix3d(0.99905, 0, 0, 0, 0, 0.99905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
149
+ +experimental('transform', $transform)
150
+ 80%
151
+ $transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
152
+ +experimental('transform', $transform)
153
+ 81.666667%
154
+ $transform: matrix3d(0.99946, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
155
+ +experimental('transform', $transform)
156
+ 83.333333%
157
+ $transform: matrix3d(0.99964, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
158
+ +experimental('transform', $transform)
159
+ 85%
160
+ $transform: matrix3d(0.99981, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
161
+ +experimental('transform', $transform)
162
+ 86.666667%
163
+ $transform: matrix3d(0.99994, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
164
+ +experimental('transform', $transform)
165
+ 88.333333%
166
+ $transform: matrix3d(1.00005, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
167
+ +experimental('transform', $transform)
168
+ 90%
169
+ $transform: matrix3d(1.00013, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
170
+ +experimental('transform', $transform)
171
+ 91.666667%
172
+ $transform: matrix3d(1.00019, 0, 0, 0, 0, 1.00019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
173
+ +experimental('transform', $transform)
174
+ 93.333333%
175
+ $transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
176
+ +experimental('transform', $transform)
177
+ 95%
178
+ $transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
179
+ +experimental('transform', $transform)
180
+ 96.666667%
181
+ $transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
182
+ +experimental('transform', $transform)
183
+ 98.333333%
184
+ $transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
185
+ +experimental('transform', $transform)
186
+ 100%
187
+ $transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
188
+ +experimental('transform', $transform)
@@ -0,0 +1,30 @@
1
+ //
2
+ animation-name 名前
3
+ animation-duration 秒
4
+ animation-timing-function 動き方
5
+ animation-delay 遅延(秒)
6
+ animation-iteration-count 繰り返し回数(無限はinfinite)
7
+ animation-direction 反転alternate 通常normal
8
+
9
+ <animation-name>
10
+ <animation-duration>
11
+ <animation-timing-function>
12
+ <animation-delay>
13
+ <animation-iteration-count>
14
+ <animation-direction>
15
+ <animation-fill>
16
+
17
+ .is-fadeout
18
+ +experimental('animation', fadeout 2s linear 0s 1 alternate forwards)
19
+ height: 0
20
+ min-height: 0
21
+ overflow: hidden
22
+ +relative
23
+
24
+ +keyframes(fadeout)
25
+ 0%
26
+ +opacity(1)
27
+ height: auto
28
+ 100%
29
+ +opacity(0)
30
+ height: 0
@@ -0,0 +1,16 @@
1
+ @for $i from 0 through 16
2
+ body
3
+ .is-mgb-#{$i*4}
4
+ +rem('margin-bottom', #{$i*4}px)
5
+
6
+ body
7
+ .is-mgt-#{$i*4}
8
+ +rem('margin-top', #{$i*4}px)
9
+
10
+ body
11
+ .is-pdb-#{$i*4}
12
+ +rem('padding-bottom', #{$i*4}px)
13
+
14
+ body
15
+ .is-pdt-#{$i*4}
16
+ +rem('padding-top', #{$i*4}px)
@@ -0,0 +1,9 @@
1
+ // typoglaphy
2
+ .is-ja
3
+ =basic-font
4
+ .is-serif
5
+ +serif
6
+ .is-bold-ja
7
+ +bold-ja
8
+ .is-serif
9
+ +serif
@@ -0,0 +1,32 @@
1
+ $text-color: $black !default
2
+
3
+ .amazlet-box
4
+ +rem('margin-bottom', 32px, !important)
5
+ .amazlet-image
6
+ float: none !important
7
+ +rem('margin', 0 0 16px, !important)
8
+ a[target="_blank"]
9
+ &:after
10
+ content: none
11
+ img
12
+ max-width: 100%
13
+ +rem('width', 260px)
14
+ display: block
15
+ +margin(horizontal, auto)
16
+ margin-bottom: 0 !important
17
+ .amazlet-info
18
+ text-align: center
19
+ .amazlet-name
20
+ a
21
+ text-decoration: none
22
+ color: $text-color
23
+ .amazlet-detail
24
+ +rem('font-size', 12px)
25
+ +rem('margin-bottom', 8px, !important)
26
+ .amazlet-sub-info
27
+ float: none !important
28
+ text-align: right
29
+ .amazlet-link
30
+ display: none
31
+ .amazlet-powered-date
32
+ display: none !important
@@ -0,0 +1,31 @@
1
+ +keyframes(noise-anim)
2
+ $steps: 20
3
+ @for $i from 0 through $steps
4
+ #{percentage($i * 1 / $steps)}
5
+ clip: rect(random(100) + px, 9999px, random(100) + px, 0)
6
+ +keyframes(noise-anim-2)
7
+ $steps: 20
8
+ @for $i from 0 through $steps
9
+ #{percentage($i * 1 / $steps)}
10
+ clip: rect(random(100) + px, 9999px, random(100) + px, 0)
11
+
12
+ =glitch($cl: white, $bg-col: black)
13
+ +relative
14
+ overflow: hidden
15
+ +inline-block
16
+ color: $cl
17
+ &:after,
18
+ &:before
19
+ content: attr(data-text)
20
+ color: $cl
21
+ background-color: $bg-col
22
+ overflow: hidden
23
+ clip: rect(0, 900px, 0, 0)
24
+ &:after
25
+ +absolute(left 1px, top 0)
26
+ +text-shadow(-1px 0 0 rgba(red, 0.4))
27
+ +experimental('animation', noise-anim 2s infinite linear alternate-reverse)
28
+ &:before
29
+ +absolute(left -1px, top 0)
30
+ +text-shadow(1px 0 0 rgba(blue, 0.4))
31
+ +experimental('animation', noise-anim-2 3s infinite linear alternate-reverse)
@@ -0,0 +1,31 @@
1
+ =button-basic($bt-fz: 16px, $bt-ht: 30px, $bt-icon-pt: null)
2
+ +inline-block(bottom)
3
+ +text-block($bt-fz, $bt-ht)
4
+ +rem('height', $bt-ht)
5
+ +rem('padding-left', $bt-fz*.9)
6
+ +rem('padding-right', $bt-fz*.9)
7
+ cursor: pointer
8
+ text-align: center
9
+ text-decoration: none
10
+ @if $bt-icon-pt == "right"
11
+ >i
12
+ +rem('margin-left', $bt-fz/6)
13
+ @else if $bt-icon-pt == "left"
14
+ >i
15
+ +rem('margin-right', $bt-fz/6)
16
+
17
+ =icon-button-basic($bt-fz: 18px, $bt-ht: 30px)
18
+ +inline-block(bottom)
19
+ +text-block($bt-fz, $bt-ht)
20
+ +rem('height', $bt-ht)
21
+ +rem('width', $bt-fz*1.6)
22
+ cursor: pointer
23
+ text-align: center
24
+ text-decoration: none
25
+
26
+ =border-style-border($bt-cl: red, $bt-bd-wd: 2px)
27
+ +border(all, $bt-bd-wd, solid, $bt-cl)
28
+ color: $bt-cl
29
+ &:hover
30
+ background-color: $bt-cl
31
+ color: #ffffff
@@ -0,0 +1,12 @@
1
+ @import url(http://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic)
2
+
3
+ =cousine($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
4
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
5
+ font-family: 'Cousine'
6
+ font-weight: $fw
7
+ @if not $ls == 0
8
+ letter-spacing: $ls
9
+ @if (not $fs == null)
10
+ font-style: italic
11
+ @if $tx-rendering
12
+ text-rendering: optimizelegibility
@@ -0,0 +1,8 @@
1
+ =fa
2
+ display: inline-block
3
+ font-family: FontAwesome
4
+ font-style: normal
5
+ font-weight: normal
6
+ line-height: 1
7
+ -webkit-font-smoothing: antialiased
8
+ -moz-osx-font-smoothing: grayscale
@@ -0,0 +1,10 @@
1
+ =icomoon
2
+ font-family: 'icomoon'
3
+ speak: none
4
+ font-style: normal
5
+ font-weight: normal
6
+ font-variant: normal
7
+ text-transform: none
8
+ line-height: 1
9
+ -webkit-font-smoothing: antialiased
10
+ -moz-osx-font-smoothing: grayscale
@@ -0,0 +1,12 @@
1
+ @import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic)
2
+
3
+ =lato($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
4
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
5
+ font-family: 'Lato', sans-serif
6
+ font-weight: $fw
7
+ @if not $ls == 0
8
+ letter-spacing: $ls
9
+ @if (not $fs == null)
10
+ font-style: italic
11
+ @if $tx-rendering
12
+ text-rendering: optimizelegibility
@@ -0,0 +1,13 @@
1
+ @import url(//fonts.googleapis.com/css?family=Montserrat:400,700)
2
+
3
+ // 備考:モントセラト(モントセラート、モンセラット)と読む
4
+ =montserrat($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
5
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
6
+ font-family: 'Montserrat', sans-serif
7
+ font-weight: $fw
8
+ @if not $ls == 0
9
+ letter-spacing: $ls
10
+ @if (not $fs == null)
11
+ font-style: italic
12
+ @if $tx-rendering
13
+ text-rendering: optimizelegibility
@@ -0,0 +1,12 @@
1
+ @import url(//fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700)
2
+
3
+ =old-standard($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
4
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
5
+ font-family: 'Old Standard TT', serif
6
+ font-weight: $fw
7
+ @if not $ls == 0
8
+ letter-spacing: $ls
9
+ @if (not $fs == null)
10
+ font-style: italic
11
+ @if $tx-rendering
12
+ text-rendering: optimizelegibility
@@ -0,0 +1,11 @@
1
+ @import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800)
2
+ =open-sans($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
3
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
4
+ font-family: 'Open Sans', sans-serif
5
+ font-weight: $fw
6
+ @if not $ls == 0
7
+ +rem('letter-spacing', $ls)
8
+ @if (not $fs == null)
9
+ font-style: italic
10
+ @if $tx-rendering
11
+ text-rendering: optimizelegibility
@@ -0,0 +1,12 @@
1
+ @import url(//fonts.googleapis.com/css?family=Podkova:400,700)
2
+
3
+ =podkova($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
4
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
5
+ font-family: 'Podkova', serif
6
+ font-weight: $fw
7
+ @if not $ls == 0
8
+ letter-spacing: $ls
9
+ @if (not $fs == null)
10
+ font-style: italic
11
+ @if $tx-rendering
12
+ text-rendering: optimizelegibility
@@ -0,0 +1,12 @@
1
+ @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic)
2
+
3
+ =pt-sans($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
4
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
5
+ font-family: 'PT Sans', sans-serif
6
+ font-weight: $fw
7
+ @if not $ls == 0
8
+ letter-spacing: $ls
9
+ @if (not $fs == null)
10
+ font-style: italic
11
+ @if $tx-rendering
12
+ text-rendering: optimizelegibility
@@ -0,0 +1,11 @@
1
+ @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900)
2
+ =roboto($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
3
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
4
+ font-family: 'Roboto', sans-serif
5
+ font-weight: $fw
6
+ @if not $ls == 0
7
+ letter-spacing: $ls
8
+ @if (not $fs == null)
9
+ font-style: italic
10
+ @if $tx-rendering
11
+ text-rendering: optimizelegibility
@@ -0,0 +1,13 @@
1
+ @import url(//fonts.googleapis.com/css?family=Satisfy)
2
+
3
+ =satisfy($fw: null, $ls: null, $fs: null, $tx-rendering: true)
4
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
5
+ font-family: 'Satisfy', cursive
6
+ @if $fw
7
+ font-weight: $fw
8
+ @if $ls
9
+ letter-spacing: $ls
10
+ @if (not $fs == null)
11
+ font-style: italic
12
+ @if $tx-rendering
13
+ text-rendering: optimizelegibility
@@ -0,0 +1,13 @@
1
+ @import url(//fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900)
2
+
3
+ // 備考:Adobeの等幅フォント
4
+ =source-code-pro($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
5
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
6
+ font-family: 'Source Code Pro', monospace
7
+ font-weight: $fw
8
+ @if not $ls == 0
9
+ letter-spacing: $ls
10
+ @if (not $fs == null)
11
+ font-style: italic
12
+ @if $tx-rendering
13
+ text-rendering: optimizelegibility
@@ -0,0 +1,13 @@
1
+ @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic)
2
+
3
+ // 備考:Adobeのsans-serif
4
+ =source-sans-pro($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
5
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
6
+ font-family: 'Source Sans Pro', sans-serif
7
+ font-weight: $fw
8
+ @if not $ls == 0
9
+ letter-spacing: $ls
10
+ @if (not $fs == null)
11
+ font-style: italic
12
+ @if $tx-rendering
13
+ text-rendering: optimizelegibility
@@ -0,0 +1,12 @@
1
+ @import url(//fonts.googleapis.com/css?family=Special+Elite)
2
+
3
+ =special-elite($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
4
+ // $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
5
+ font-family: 'Special Elite', cursive
6
+ font-weight: $fw
7
+ @if not $ls == 0
8
+ letter-spacing: $ls
9
+ @if (not $fs == null)
10
+ font-style: italic
11
+ @if $tx-rendering
12
+ text-rendering: optimizelegibility