oulu-rails 0.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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,5 @@
1
+ =overlay($overlay-color: rgba(0, 0, 0, .4), $overlay-z-index: 10)
2
+ +absolute(left 0, top 0, $overlay-z-index)
3
+ width: 100%
4
+ height: 100%
5
+ +rgba-background($overlay-color)
@@ -0,0 +1,28 @@
1
+ =position-list($value1, $value2, $value3, $value4, $value5)
2
+ $values: $value1 $value2 $value3 $value4 $value5
3
+ @each $value in $values
4
+ @if optional_nth($value, 2)
5
+ +rem(nth($value, 1), nth($value, 2))
6
+ @else
7
+ z-index: nth($value, 1)
8
+
9
+ =absolute($value1: null, $value2: null, $value3: null, $value4: null, $value5: null)
10
+ position: absolute
11
+ +position-list($value1, $value2, $value3, $value4, $value5)
12
+
13
+ =fixed($value1: null, $value2: null, $value3: null, $value4: null, $value5: null)
14
+ position: fixed
15
+ +position-list($value1, $value2, $value3, $value4, $value5)
16
+
17
+ =relative($value1: null, $value2: null, $value3: null, $value4: null, $value5: null)
18
+ position: relative
19
+ +position-list($value1, $value2, $value3, $value4, $value5)
20
+
21
+ =top($position-value, $z-index: null)
22
+ +relative(top $position-value, $z-index)
23
+ =bottom($position-value, $z-index: null)
24
+ +relative(bottom $position-value, $z-index)
25
+ =left($position-value, $z-index: null)
26
+ +relative(left $position-value, $z-index)
27
+ =right($position-value, $z-index: null)
28
+ +relative(right $position-value, $z-index)
@@ -0,0 +1,53 @@
1
+ // Baseline, measured in pixels
2
+ // The value should be the same as the font-size value for the html element
3
+ // If the html element's font-size is set to 62.5% (of the browser's default font-size of 16px),
4
+ // then the variable below would be 10px.
5
+ // original https://github.com/bitmanic/rem
6
+ // customize by machida
7
+
8
+ $baseline-px: 10px
9
+
10
+ =base-font-size
11
+ font-size: $baseline-px
12
+ font-size: strip_unit($baseline-px / 10) * 1rem
13
+
14
+ =rem($property, $px-values, $important: null)
15
+ // 9px以下のfont-sizeを使う設定(IE8不可)
16
+ @if px($px-values) or list($px-values)
17
+ @if $property == "font-size" and $px-values < 10px
18
+ +base-font-size
19
+ +scale3d(strip_unit($px-values / strip_unit($baseline-px)), strip_unit($px-values/ strip_unit($baseline-px)), 1)
20
+ +transform-origin(0, 0)
21
+ @else
22
+ // Convert the baseline into rems
23
+ $baseline-rem: $baseline-px / 1rem
24
+ // remが使えないブラウザ用にpx版を出力
25
+ @if $important
26
+ #{$property}: $px-values !important
27
+ @else
28
+ #{$property}: $px-values
29
+ // remで出力
30
+ @if px($px-values) and $px-values >= 1
31
+ @if $important
32
+ #{$property}: $px-values / $baseline-rem !important
33
+ @else
34
+ #{$property}: $px-values / $baseline-rem
35
+ @else
36
+ // Create an empty list that we can dump values into
37
+ $rem-values: ()
38
+ @each $value in $px-values
39
+ // If the value is zero or not a number, return it
40
+ @if $value == 0 or type-of( $value ) != "number"
41
+ $rem-values: append($rem-values, $value)
42
+ @else
43
+ $rem-values: append($rem-values, $value / $baseline-rem)
44
+ // Return the property and its list of converted values
45
+ @if $important
46
+ #{$property}: $rem-values !important
47
+ @else
48
+ #{$property}: $rem-values
49
+ @else
50
+ @if $important
51
+ #{$property}: $px-values !important
52
+ @else
53
+ #{$property}: $px-values
@@ -0,0 +1,17 @@
1
+ =reset-margin($directions: all)
2
+ @if $directions == 'all'
3
+ margin: 0
4
+ @else
5
+ @each $direction in $directions
6
+ margin-#{$direction}: 0
7
+
8
+ =reset-padding($directions: all)
9
+ @if $directions == 'all'
10
+ padding: 0
11
+ @else
12
+ @each $direction in $directions
13
+ padding-#{$direction}: 0
14
+
15
+ =reset-text
16
+ margin: 0
17
+ padding: 0
@@ -0,0 +1,160 @@
1
+ // https://github.com/twbs/bootstrap-sass/blob/master/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss
2
+
3
+ =responsive-visibility($parent)
4
+ #{$parent}
5
+ display: block !important
6
+ table#{$parent}
7
+ display: table
8
+ tr#{$parent}
9
+ display: table-row !important
10
+ th#{$parent},
11
+ td#{$parent}
12
+ display: table-cell !important
13
+
14
+ // [converter] $parent hack
15
+ =responsive-invisibility($parent)
16
+ #{$parent}
17
+ display: none !important
18
+
19
+ //
20
+ // Responsive: Utility classes
21
+ // --------------------------------------------------
22
+
23
+ // IE10 in Windows (Phone) 8
24
+ //
25
+ // Support for responsive views via media queries is kind of borked in IE10, for
26
+ // Surface/desktop in split view and for Windows Phone 8. This particular fix
27
+ // must be accompanied by a snippet of JavaScript to sniff the user agent and
28
+ // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
29
+ // our Getting Started page for more information on this bug.
30
+ //
31
+ // For more information, see the following:
32
+ //
33
+ // Issue: https://github.com/twbs/bootstrap/issues/10497
34
+ // Docs: http://getbootstrap.com/getting-started/#support-ie10-width
35
+ // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
36
+ // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
37
+
38
+ @-ms-viewport
39
+ width: device-width
40
+
41
+
42
+ // Visibility utilities
43
+ // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
44
+
45
+ +responsive-invisibility(".visible-xs, .visible-sm, .visible-md, .visible-lg")
46
+
47
+ .visible-xs-block,
48
+ .visible-xs-inline,
49
+ .visible-xs-inline-block,
50
+ .visible-sm-block,
51
+ .visible-sm-inline,
52
+ .visible-sm-inline-block,
53
+ .visible-md-block,
54
+ .visible-md-inline,
55
+ .visible-md-inline-block,
56
+ .visible-lg-block,
57
+ .visible-lg-inline,
58
+ .visible-lg-inline-block
59
+ display: none !important
60
+
61
+ @media (max-width: $screen-xs-max)
62
+ +responsive-visibility(".visible-xs")
63
+
64
+ .visible-xs-block
65
+ @media (max-width: $screen-xs-max)
66
+ display: block !important
67
+
68
+ .visible-xs-inline
69
+ @media (max-width: $screen-xs-max)
70
+ display: inline !important
71
+
72
+ .visible-xs-inline-block
73
+ @media (max-width: $screen-xs-max)
74
+ display: inline-block !important
75
+
76
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
77
+ +responsive-visibility(".visible-sm")
78
+
79
+ .visible-sm-block
80
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
81
+ display: block !important
82
+
83
+ .visible-sm-inline
84
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
85
+ display: inline !important
86
+
87
+ .visible-sm-inline-block
88
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
89
+ display: inline-block !important
90
+
91
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
92
+ +responsive-visibility(".visible-md")
93
+
94
+ .visible-md-block
95
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
96
+ display: block !important
97
+
98
+ .visible-md-inline
99
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
100
+ display: inline !important
101
+
102
+ .visible-md-inline-block
103
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
104
+ display: inline-block !important
105
+
106
+ @media (min-width: $screen-lg-min)
107
+ +responsive-visibility(".visible-lg")
108
+
109
+ .visible-lg-block
110
+ @media (min-width: $screen-lg-min)
111
+ display: block !important
112
+
113
+ .visible-lg-inline
114
+ @media (min-width: $screen-lg-min)
115
+ display: inline !important
116
+
117
+ .visible-lg-inline-block
118
+ @media (min-width: $screen-lg-min)
119
+ display: inline-block !important
120
+
121
+ @media (max-width: $screen-xs-max)
122
+ +responsive-invisibility(".hidden-xs")
123
+
124
+ @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max)
125
+ +responsive-invisibility(".hidden-sm")
126
+
127
+ @media (min-width: $screen-md-min) and (max-width: $screen-md-max)
128
+ +responsive-invisibility(".hidden-md")
129
+
130
+ @media (min-width: $screen-lg-min)
131
+ +responsive-invisibility(".hidden-lg")
132
+
133
+ // Print utilities
134
+ //
135
+ // Media queries are placed on the inside to be mixin-friendly.
136
+
137
+ // Note: Deprecated .visible-print as of v3.2.0
138
+
139
+ +responsive-invisibility(".visible-print")
140
+
141
+ @media print
142
+ +responsive-visibility(".visible-print")
143
+
144
+ .visible-print-block
145
+ display: none !important
146
+ @media print
147
+ display: block !important
148
+
149
+ .visible-print-inline
150
+ display: none !important
151
+ @media print
152
+ display: inline !important
153
+
154
+ .visible-print-inline-block
155
+ display: none !important
156
+ @media print
157
+ display: inline-block !important
158
+
159
+ @media print
160
+ +responsive-invisibility(".hidden-print")
@@ -0,0 +1,172 @@
1
+ // sassmatic by
2
+ // # TEAM
3
+ // Hugo Darby-Brown -- Author -- @darbybrown
4
+ // # THANKS
5
+ // The Sass Team
6
+ // The Compass Team
7
+ // Jesse taylor for JS on the demo @Jesse__Taylor
8
+
9
+ =filter-setup
10
+ content: ""
11
+ +absolute(bottom 0, left 0, right 0, top 0, 4)
12
+ +opacity(.4)
13
+
14
+ /* =========================================
15
+ *Filter Washout
16
+ *=========================================
17
+
18
+ %filter-washout
19
+ +filter(sepia(10%) saturate(0.8) brightness(1.5) contrast(0.8))
20
+ position: relative
21
+ &:after
22
+ +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 40%, rgba(white, 0.9) 100%))
23
+ +filter-setup
24
+
25
+ /* =========================================
26
+ *Filter Nikki
27
+ *=========================================
28
+
29
+ %filter-nikki
30
+ +filter(saturate(1.3) brightness(1.1) contrast(1.1))
31
+ position: relative
32
+
33
+ /* =========================================
34
+ *Filter Deadwood
35
+ *=========================================
36
+
37
+ %filter-deadwood
38
+ +filter(sepia(40%) brightness(1.4) saturate(0.8))
39
+ position: relative
40
+ &:after
41
+ background: black
42
+ +filter-setup
43
+
44
+ /* =========================================
45
+ *Filter SanFran
46
+ *=========================================
47
+
48
+ %filter-sanfran
49
+ +filter(brightness(1.2) contrast(0.8) saturate(2) sepia(0.1))
50
+ position: relative
51
+ &:after
52
+ +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 0%, rgba(white, 0.5) 100%))
53
+ +filter-setup
54
+
55
+ /* =========================================
56
+ *Filter Noire
57
+ *=========================================
58
+
59
+ %filter-noire
60
+ +filter(grayscale(90%) contrast(1.3))
61
+ position: relative
62
+ &:after
63
+ +background-image(radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 82%, rgba(0, 0, 0, 0.69) 83%, rgba(0, 0, 0, 1) 90%))
64
+ +filter-setup
65
+ +opacity(.7)
66
+
67
+ /* =========================================
68
+ *Filter Neptune
69
+ *=========================================
70
+
71
+ %filter-neptune
72
+ +filter(brightness(1.4) contrast(1) saturate(1))
73
+ position: relative
74
+ &:after
75
+ +background-image(radial-gradient(center, ellipse cover, rgba(125, 185, 232, 0) 0%, rgba(30, 87, 153, 1) 100%))
76
+ +filter-setup
77
+
78
+ /* =========================================
79
+ *Filter Lomo
80
+ *=========================================
81
+
82
+ %filter-lomo
83
+ +filter(contrast(1.3) saturate(1.2) brightness(140%))
84
+ position: relative
85
+ &:after
86
+ -webkit-filter: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 92%, rgba(0, 0, 0, 0.69) 93%, rgba(0, 0, 0, 1) 100%)
87
+ +filter-setup
88
+ +opacity(.9)
89
+
90
+ /* =========================================
91
+ *Filter Warming
92
+ *=========================================
93
+
94
+ %filter-warming
95
+ +filter(sepia(10%) saturate(0.9) brightness(140%))
96
+ position: relative
97
+ &:after
98
+ +rgba-background-inline(rgba(236, 138, 0, 0.2))
99
+ +filter-setup
100
+ +opacity(.6)
101
+
102
+ /* =========================================
103
+ *Filter Cooling
104
+ *=========================================
105
+
106
+ %filter-cooling
107
+ +filter(sepia(10%) saturate(0.9) brightness(140%))
108
+ position: relative
109
+ &:after
110
+ background-color: rgba(0, 109, 255, 0.35)
111
+ +background-image(radial-gradient(center, ellipse cover, rgba(125, 185, 232, 0) 0%, rgba(30, 87, 153, 1) 100%))
112
+ +filter-setup
113
+
114
+ /* =========================================
115
+ *Filter Pro
116
+ *=========================================
117
+
118
+ %filter-pro
119
+ +filter(sepia(15%) contrast(1.7) saturate(0.7))
120
+ position: relative
121
+
122
+ /* =========================================
123
+ *Filter Casablanca
124
+ *=========================================
125
+
126
+ %filter-casablanca
127
+ +filter(grayscale(90%) contrast(0.8) brightness(110%))
128
+ position: relative
129
+ &:after
130
+ +background-image(radial-gradient(center, ellipse cover, rgba(white, 0) 0%, rgba(white, 0.9) 100%))
131
+ +filter-setup
132
+
133
+ /* =========================================
134
+ *Filter Glassic
135
+ *=========================================
136
+
137
+ %filter-glassic
138
+ +filter(brightness(90%) contrast(1.2))
139
+ position: relative
140
+ &:after
141
+ +background-image(linear-gradient(left bottom, rgba(244, 244, 244, 0.3) 0%, rgba(244, 244, 244, 0.3) 60%, rgba(244, 244, 244, 0.7) 60%, rgba(255, 255, 255, 1) 100%))
142
+ +box-shadow( 0px 0px 10rem rgba(255, 255, 255, 1) inset)
143
+ +filter-setup
144
+ +opacity(.6)
145
+
146
+ /* =========================================
147
+ *Filter Custom
148
+ *=========================================
149
+
150
+ =filter-custom($var: none)
151
+ +filter($var)
152
+ position: relative
153
+ &:after
154
+ content: ""
155
+ +absolute(right 0, bottom 0, top 0, left 0, 4)
156
+
157
+ /* =========================================
158
+ *Filter Color
159
+ *=========================================
160
+
161
+ =filter-color($color: #df8800, $opacity: 0.4)
162
+ &:after
163
+ +rgba-background-inline(rgba($color, $opacity))
164
+
165
+ /* =========================================
166
+ *Filter Vignette
167
+ *=========================================
168
+
169
+ =filter-vignette($color: black, $start: 80%, $stop: 95%, $extra: 0)
170
+ &:after
171
+ +background-image(radial-gradient(center, ellipse cover, rgba($color, 0) $start, rgba($color, 0.9) $stop))
172
+ +box-shadow( 0 0 $extra rgba($color, 1) inset)
@@ -0,0 +1,18 @@
1
+ // http://qiita.com/orangemittoo/items/1c9f32296836d3ea125e
2
+
3
+ $sprite-map: sprite-map("sprites/*.png", $layout: smart)
4
+ $map-img: sprite-url($sprite-map)
5
+
6
+ =sprite-background($name, $background-size: null, $background-repeat: null)
7
+ // block;
8
+ background-image: $map-img
9
+ $pos: sprite-position($sprite-map, $name)
10
+ background-position: nth($pos, 1) / 2 nth($pos, 2) / 2
11
+ @if $background-size
12
+ +background-size($background-size)
13
+ @else
14
+ +background-size(ceil(image-width(sprite-path($sprite-map)) / 2) auto)
15
+ @if $background-repeat
16
+ background-repeat: $background-repeat
17
+ @else
18
+ background-repeat: no-repeat
@@ -0,0 +1,14 @@
1
+ =table($margin-bottom: 24px, $table-scroll: null)
2
+ min-width: 100%
3
+ +rem('margin-bottom', $margin-bottom)
4
+ @if $table-scroll
5
+ min-width: 100%
6
+ @else
7
+ width: 100%
8
+
9
+ =table-cell($vertical-align: middle, $padding: 8px 12px, $is-nowrap: null)
10
+ +rem('padding', $padding)
11
+ vertical-align: $vertical-align
12
+ +box-sizing(border-box)
13
+ @if $is-nowrap
14
+ white-space: nowrap
@@ -0,0 +1,21 @@
1
+ // どこでも font-weight と text-align と color と +top() が書ける設定
2
+ =text-block-options($value)
3
+ font-weight: if(font_weight($value), $value, null)
4
+ text-align: if(text_align($value), $value, null)
5
+ color: if(color($value), $value, null)
6
+ @if px($value)
7
+ +top($value, null)
8
+
9
+ // +text-block($font-size $line-height $margin-bottom, $font-weight $text-align $color $top)
10
+ =text-block($value1: null, $value2: null)
11
+ +rem('font-size', nth($value1, 1))
12
+ +rem('line-height', optional_nth($value1, 2))
13
+ +rem('margin-bottom', optional_nth($value1, 3))
14
+ @if ($value2)
15
+ @for $i from 1 through length($value2)
16
+ +text-block-options(nth($value2, $i))
17
+
18
+ =letter-spacing-center($space-width)
19
+ @if $space-width
20
+ +rem('letter-spacing', $space-width)
21
+ +rem('text-indent', $space-width)
@@ -0,0 +1,69 @@
1
+ /////////////////
2
+ // positions
3
+ ////////////////
4
+
5
+ $all: top right bottom left
6
+ $horizontal: left right
7
+ $vertical: top bottom
8
+
9
+ /////////////////
10
+ // compass
11
+ ////////////////
12
+
13
+ // rgbapng
14
+ $rgbapng_path: 'rgbapngs' !default
15
+ $rgbapng_px_size: 8 !default
16
+
17
+ /////////////////
18
+ // layout
19
+ ////////////////
20
+
21
+ $wrapper-class-name: wrapper !default
22
+ $wrapper-max-width: 1100px !default
23
+ $wrapper-horizontal-padding: 16px !default
24
+
25
+ /////////////////
26
+ // selection
27
+ ////////////////
28
+
29
+ $selection-bg-color: black !default
30
+ $selection-tx-color: white !default
31
+ $input-selection-bg-color: lightgray !default
32
+ $input-selection-tx-color: black !default
33
+
34
+ /////////////////
35
+ // text-color
36
+ ////////////////
37
+
38
+ $bright-text-color: white !default
39
+ $dark-text-color: black !default
40
+
41
+ /////////////////
42
+ // grids
43
+ ////////////////
44
+
45
+ // screens
46
+ $screen-xs: 480px !default
47
+ $screen-sm: 768px !default
48
+ $screen-md: 992px !default
49
+ $screen-lg: 1200px !default
50
+
51
+ // 横一列の最大カラム数
52
+ $columns-count: 12 !default
53
+
54
+ // カラムとカラムの間のスペース
55
+ $gutter-width: 50px !default
56
+
57
+ /////////////////
58
+ // font
59
+ ////////////////
60
+
61
+ $ms-base: 16px !default
62
+
63
+ $fw: 400 !default
64
+
65
+ $basic-sans-serif: "Lucida Grande", "Lucida Sans Unicode", Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif !default
66
+ $basic-legacy-ie-sans-serif: "MS Pゴシック", "Lucida Sans Unicode", sans-serif !default
67
+ $basic-bold-sans-serif: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "メイリオ", Meiryo, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif !default
68
+ $basic-serif: "Times New Roman", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGS明朝E", "游明朝", YuMincho, Meiryo, serif !default
69
+ $basic-mono: Osaka-mono, "MS Gothic", monospace