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,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