oulu-rails 0.5.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +22 -0
- data/README.md +23 -0
- data/lib/oulu-rails/version.rb +3 -0
- data/lib/oulu-rails.rb +27 -0
- data/vendor/assets/javascripts/oulu/dev/positions-p.js.coffee +34 -0
- data/vendor/assets/javascripts/oulu/dev/positions-pp.js.coffee +57 -0
- data/vendor/assets/javascripts/oulu/dev/positions.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/js-autosize.js.coffee +2 -0
- data/vendor/assets/javascripts/oulu/helpers/js-checkbox.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/js-click-animate.js.coffee +8 -0
- data/vendor/assets/javascripts/oulu/helpers/js-delay-hidden.js.coffee +4 -0
- data/vendor/assets/javascripts/oulu/helpers/js-focused.js.coffee +7 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hack.js.coffee +8 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hide-after.j.coffee +5 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hover-z-index.js.coffee +5 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hovered.js.coffee +17 -0
- data/vendor/assets/javascripts/oulu/helpers/js-one-animate.js.coffee +5 -0
- data/vendor/assets/javascripts/oulu/helpers/js-open-children.js.coffee +28 -0
- data/vendor/assets/javascripts/oulu/helpers/js-open.js.coffee +51 -0
- data/vendor/assets/javascripts/oulu/helpers/js-scroll-to-top.js.coffee +11 -0
- data/vendor/assets/javascripts/oulu/helpers/js-scroll.js.coffee +9 -0
- data/vendor/assets/javascripts/oulu/helpers/js-side-slide.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/js-window-loading.js.coffee +15 -0
- data/vendor/assets/javascripts/oulu/helpers/js-window-sizes.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/open-close.js.coffee +23 -0
- data/vendor/assets/javascripts/oulu/ie/PIE_IE678.js +72 -0
- data/vendor/assets/javascripts/oulu/ie/PIE_IE9.js +46 -0
- data/vendor/assets/javascripts/oulu/ie/ie-selectors.js.coffee +3 -0
- data/vendor/assets/javascripts/oulu/ie/ie8-selectors.js.coffee +3 -0
- data/vendor/assets/javascripts/oulu/ie/ie9-selectors.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/ie/jquery.belatedPNG.min.js +29 -0
- data/vendor/assets/javascripts/oulu/ie/jquery.linkscubber.js +7 -0
- data/vendor/assets/javascripts/oulu/ie/svgeezy.min.js +12 -0
- data/vendor/assets/javascripts/oulu/plugins/check-box.js.coffee +34 -0
- data/vendor/assets/javascripts/oulu/plugins/footerFixed.js +74 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.autosize.min.js +7 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.cheat-code.js +63 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.css3form.js +195 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.depend.min.js +13 -0
- data/vendor/assets/javascripts/oulu/plugins/sns-buttons.js +339 -0
- data/vendor/assets/javascripts/oulu-ie8.js +6 -0
- data/vendor/assets/javascripts/oulu-ie9.js +2 -0
- data/vendor/assets/javascripts/oulu.js +2 -0
- data/vendor/assets/stylesheets/_oulu-base.css.sass +86 -0
- data/vendor/assets/stylesheets/_oulu.css.sass +13 -0
- data/vendor/assets/stylesheets/bootcamp/CHANGELOG.md +70 -0
- data/vendor/assets/stylesheets/bootcamp/CONTRIBUTING.md +72 -0
- data/vendor/assets/stylesheets/bootcamp/Gruntfile.coffee +34 -0
- data/vendor/assets/stylesheets/bootcamp/LICENSE.md +7 -0
- data/vendor/assets/stylesheets/bootcamp/README.md +52 -0
- data/vendor/assets/stylesheets/bootcamp/bower.json +15 -0
- data/vendor/assets/stylesheets/bootcamp/dist/_bootcamp.scss +46 -0
- data/vendor/assets/stylesheets/bootcamp/dist/bootcamp.coffee +101 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_actual.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_error.scss +29 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_expect.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_not-to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_should.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_describe.scss +31 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_it.scss +31 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_runner.scss +28 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_should.scss +46 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_xdescribe.scss +9 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_xit.scss +9 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_helpers.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_settings.scss +2 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_should.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_trackers.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/lib/_sassyjson.scss +1075 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/_be.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/_equal.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-empty.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-longer-than.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-shorter-than.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_contain.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_deep-contain.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_deep-equal.scss +47 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_have-length-of.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-close-to.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-greater-than.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-less-than.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-falsy.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-null.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-truthy.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_have-type-of.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_contain.scss +15 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_equal.scss +23 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_list-join.scss +35 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_power.scss +15 -0
- data/vendor/assets/stylesheets/bootcamp/package.json +63 -0
- data/vendor/assets/stylesheets/bootcamp/tasks/bootcamp.coffee +83 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_actual.scss +10 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_expect.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_not-to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_should.scss +10 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_describe.scss +11 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_it.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_should.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_xdescribe.scss +28 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_xit.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/_be.scss +90 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/_equal.scss +33 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-empty.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-longer-than.scss +29 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-shorter-than.scss +29 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_contain.scss +39 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_deep-contain.scss +51 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_deep-equal.scss +151 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_have-length-of.scss +31 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-close-to.scss +24 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-greater-than.scss +16 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-less-than.scss +16 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-falsy.scss +14 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-null.scss +13 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-truthy.scss +13 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_have-type-of.scss +17 -0
- data/vendor/assets/stylesheets/bootcamp/test/specs.scss +45 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_contain.scss +41 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_equal.scss +79 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_list-join.scss +39 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_power.scss +13 -0
- data/vendor/assets/stylesheets/helper/_base-helper.css.sass +133 -0
- data/vendor/assets/stylesheets/helper/_click-actions.css.sass +188 -0
- data/vendor/assets/stylesheets/helper/_fade-actions.css.sass +30 -0
- data/vendor/assets/stylesheets/helper/_margin-padding.css.sass +16 -0
- data/vendor/assets/stylesheets/helper/_typoglaphy.css.sass +9 -0
- data/vendor/assets/stylesheets/options/amazlet/_amazlet.css.sass +32 -0
- data/vendor/assets/stylesheets/options/glitch/_glitch.css.sass +31 -0
- data/vendor/assets/stylesheets/options/oulu-buttons/_button-basic.css.sass +31 -0
- data/vendor/assets/stylesheets/options/web-fonts/_cousine.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_font-awsome.css.sass +8 -0
- data/vendor/assets/stylesheets/options/web-fonts/_icomoon.css.sass +10 -0
- data/vendor/assets/stylesheets/options/web-fonts/_lato.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_montserrat.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_old-standard.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_open-sans.css.sass +11 -0
- data/vendor/assets/stylesheets/options/web-fonts/_podkova.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_pt-sans.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_roboto.css.sass +11 -0
- data/vendor/assets/stylesheets/options/web-fonts/_satisfy.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_source-code-pro.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_source-sans-pro.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_special-elite.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_tauri.css.sass +11 -0
- data/vendor/assets/stylesheets/options/web-fonts/_ubuntu.css.sass +12 -0
- data/vendor/assets/stylesheets/settings/functions/_background.css.sass +60 -0
- data/vendor/assets/stylesheets/settings/functions/_bool.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_border.css.sass +47 -0
- data/vendor/assets/stylesheets/settings/functions/_color.css.sass +65 -0
- data/vendor/assets/stylesheets/settings/functions/_content.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_cursor.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_direction.css.sass +8 -0
- data/vendor/assets/stylesheets/settings/functions/_image.css.sass +8 -0
- data/vendor/assets/stylesheets/settings/functions/_length.css.sass +20 -0
- data/vendor/assets/stylesheets/settings/functions/_list.css.sass +11 -0
- data/vendor/assets/stylesheets/settings/functions/_map.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_number.css.sass +63 -0
- data/vendor/assets/stylesheets/settings/functions/_position.css.sass +47 -0
- data/vendor/assets/stylesheets/settings/functions/_reverse.css.sass +22 -0
- data/vendor/assets/stylesheets/settings/functions/_string.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_text.css.sass +34 -0
- data/vendor/assets/stylesheets/settings/initializers/_reset.css.sass +85 -0
- data/vendor/assets/stylesheets/settings/mixins/_animation.css.sass +15 -0
- data/vendor/assets/stylesheets/settings/mixins/_background.css.sass +33 -0
- data/vendor/assets/stylesheets/settings/mixins/_balloon-tale.css.sass +111 -0
- data/vendor/assets/stylesheets/settings/mixins/_basic-font.css.sass +40 -0
- data/vendor/assets/stylesheets/settings/mixins/_block.css.sass +30 -0
- data/vendor/assets/stylesheets/settings/mixins/_border.css.sass +28 -0
- data/vendor/assets/stylesheets/settings/mixins/_button-base.css.sass +27 -0
- data/vendor/assets/stylesheets/settings/mixins/_clear-type.css.sass +4 -0
- data/vendor/assets/stylesheets/settings/mixins/_color.css.sass +9 -0
- data/vendor/assets/stylesheets/settings/mixins/_filters.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/mixins/_form.css.sass +7 -0
- data/vendor/assets/stylesheets/settings/mixins/_grids.css.sass +149 -0
- data/vendor/assets/stylesheets/settings/mixins/_html5-input-types.scss +118 -0
- data/vendor/assets/stylesheets/settings/mixins/_ie-hacks.css.sass +8 -0
- data/vendor/assets/stylesheets/settings/mixins/_lines.css.sass +18 -0
- data/vendor/assets/stylesheets/settings/mixins/_link.css.sass +11 -0
- data/vendor/assets/stylesheets/settings/mixins/_list.css.sass +21 -0
- data/vendor/assets/stylesheets/settings/mixins/_margin-padding.css.sass +69 -0
- data/vendor/assets/stylesheets/settings/mixins/_overlay.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/mixins/_positions.css.sass +28 -0
- data/vendor/assets/stylesheets/settings/mixins/_rem.css.sass +53 -0
- data/vendor/assets/stylesheets/settings/mixins/_resets.css.sass +17 -0
- data/vendor/assets/stylesheets/settings/mixins/_responsive-utilities.css.sass +160 -0
- data/vendor/assets/stylesheets/settings/mixins/_sassmatic.css.sass +172 -0
- data/vendor/assets/stylesheets/settings/mixins/_sprite-background.css.sass +18 -0
- data/vendor/assets/stylesheets/settings/mixins/_tables.css.sass +14 -0
- data/vendor/assets/stylesheets/settings/mixins/_text.css.sass +21 -0
- data/vendor/assets/stylesheets/settings/variables/_default.css.sass +69 -0
- metadata +362 -0
@@ -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
|