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,11 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Tauri)
|
2
|
+
=tauri($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
3
|
+
font-family: 'Tauri', sans-serif
|
4
|
+
font-weight: $fw
|
5
|
+
@if not $ls == 0
|
6
|
+
letter-spacing: $ls
|
7
|
+
@if (not $fs == null)
|
8
|
+
font-style: italic
|
9
|
+
@if $tx-rendering
|
10
|
+
text-rendering: optimizelegibility
|
11
|
+
|
@@ -0,0 +1,12 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic)
|
2
|
+
|
3
|
+
=ubuntu($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'Ubuntu', sans-serif
|
6
|
+
font-weight: $fw
|
7
|
+
@if not $ls == 0
|
8
|
+
letter-spacing: $ls
|
9
|
+
@if (not $fs == null)
|
10
|
+
font-style: italic
|
11
|
+
@if $tx-rendering
|
12
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,60 @@
|
|
1
|
+
@function background_color($value)
|
2
|
+
@if color($value)
|
3
|
+
@return true
|
4
|
+
@else
|
5
|
+
@return null
|
6
|
+
|
7
|
+
@function background_position($value)
|
8
|
+
@if list($value)
|
9
|
+
@if str-slice(nth($value, 1), 1, 1) != '/'
|
10
|
+
@if position(nth($value, 1)) or position(nth($value, 2))
|
11
|
+
@return true
|
12
|
+
@else if number(nth($value, 1)) or number(nth($value, 2))
|
13
|
+
@return true
|
14
|
+
@else
|
15
|
+
@return null
|
16
|
+
@else
|
17
|
+
@return null
|
18
|
+
@else
|
19
|
+
@return null
|
20
|
+
|
21
|
+
@function background_size($value)
|
22
|
+
@if string($value)
|
23
|
+
@if $value == 'auto' or $value == 'contain' or $value == 'cover'
|
24
|
+
@return true
|
25
|
+
@else if str-slice($value, 2)== 'auto' or $value == 'contain' or $value == 'cover'
|
26
|
+
@return true
|
27
|
+
@else
|
28
|
+
@return null
|
29
|
+
@else if list($value)
|
30
|
+
@if str-slice(nth($value, 1), 1, 1) == '/'
|
31
|
+
@if number(nth($value, 1)) or number(nth($value, 2))
|
32
|
+
@return true
|
33
|
+
@else
|
34
|
+
@return null
|
35
|
+
@else
|
36
|
+
@return null
|
37
|
+
|
38
|
+
@function background_repeat($value)
|
39
|
+
@if string($value)
|
40
|
+
@if $value == 'no-repeat' or $value == 'repeat' or $value == 'repeat-x' or $value == 'repeat-y'
|
41
|
+
@return true
|
42
|
+
@else
|
43
|
+
@return null
|
44
|
+
@else
|
45
|
+
@return null
|
46
|
+
|
47
|
+
@function background_attachment($value)
|
48
|
+
@if $value == 'fixed' or $value == 'scroll'
|
49
|
+
@return true
|
50
|
+
@else
|
51
|
+
@return null
|
52
|
+
|
53
|
+
@function background-image($value)
|
54
|
+
@if string($value)
|
55
|
+
@if image($value)
|
56
|
+
@return true
|
57
|
+
@else
|
58
|
+
@return null
|
59
|
+
@else
|
60
|
+
@return null
|
@@ -0,0 +1,47 @@
|
|
1
|
+
@function border_color($value)
|
2
|
+
@if color($value)
|
3
|
+
@return true
|
4
|
+
@else
|
5
|
+
@return null
|
6
|
+
|
7
|
+
@function border_width($value)
|
8
|
+
@if number($value)
|
9
|
+
@return true
|
10
|
+
@else
|
11
|
+
@return null
|
12
|
+
|
13
|
+
@function border_style($value)
|
14
|
+
@if $value == 'none' or $value == 'hidden' or $value == 'solid' or $value == 'double' or $value == 'groove' or $value == 'ridge' or $value == 'inset' or $value == 'outset' or $value == 'dashed' or $value == 'dotted'
|
15
|
+
@return true
|
16
|
+
@else
|
17
|
+
@return null
|
18
|
+
|
19
|
+
@function border_position($value)
|
20
|
+
@if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "all" or $value == "horizontal" or $value == "vertical"
|
21
|
+
@return true
|
22
|
+
@else
|
23
|
+
@return null
|
24
|
+
|
25
|
+
@function all($value)
|
26
|
+
@if $value == "all"
|
27
|
+
@return true
|
28
|
+
@else
|
29
|
+
@return null
|
30
|
+
|
31
|
+
@function horizontal($value)
|
32
|
+
@if $value == "horizontal"
|
33
|
+
@return true
|
34
|
+
@else
|
35
|
+
@return null
|
36
|
+
|
37
|
+
@function vertical($value)
|
38
|
+
@if $value == "vertical"
|
39
|
+
@return true
|
40
|
+
@else
|
41
|
+
@return null
|
42
|
+
|
43
|
+
@function four_direction($value)
|
44
|
+
@if $value == "top" or $value == "bottom" or $value == "left" or $value == "right"
|
45
|
+
@return true
|
46
|
+
@else
|
47
|
+
@return null
|
@@ -0,0 +1,65 @@
|
|
1
|
+
@function color($value)
|
2
|
+
@if type-of($value) == color
|
3
|
+
@return true
|
4
|
+
@else
|
5
|
+
@return null
|
6
|
+
|
7
|
+
@function luma($color)
|
8
|
+
// Adapted from: https://gist.github.com/voxpelli/6304812
|
9
|
+
$rgba: red($color), green($color), blue($color)
|
10
|
+
$rgba2: ()
|
11
|
+
@for $i from 1 through 3
|
12
|
+
$rgb: nth($rgba, $i)
|
13
|
+
$rgb: $rgb / 255
|
14
|
+
$rgb: if($rgb < 0.03928, $rgb / 12.92, pow(($rgb + 0.055) / 1.055, 2.4))
|
15
|
+
$rgba2: append($rgba2, $rgb)
|
16
|
+
@return (0.2126 * nth($rgba2, 1) + 0.7152 * nth($rgba2, 2) + 0.0722 * nth($rgba2, 3)) * 100
|
17
|
+
|
18
|
+
$ruma-threshold: 100 / pi() !default
|
19
|
+
|
20
|
+
@function luma_contrast($color-1, $color-2: null)
|
21
|
+
@if $color-2
|
22
|
+
@if abs(luma($color-1) - luma($color-2)) > $ruma-threshold
|
23
|
+
@return true
|
24
|
+
@else
|
25
|
+
@return null
|
26
|
+
@else
|
27
|
+
@return if(luma($color-1) < 51, dark, bright)
|
28
|
+
|
29
|
+
@function luma_value($color-1, $color-2: null)
|
30
|
+
@if $color-2
|
31
|
+
@return abs(luma($color-1) - luma($color-2))
|
32
|
+
@else
|
33
|
+
@return luma($color-1)
|
34
|
+
|
35
|
+
@function luma_which($color)
|
36
|
+
@return if(luma($color-1) < 51, dark, bright)
|
37
|
+
|
38
|
+
@function luma_bright($color)
|
39
|
+
@if luma($color) < 51
|
40
|
+
@return null
|
41
|
+
@else
|
42
|
+
@return true
|
43
|
+
|
44
|
+
@function luma_dark($color)
|
45
|
+
@if luma($color) < 51
|
46
|
+
@return true
|
47
|
+
@else
|
48
|
+
@return null
|
49
|
+
|
50
|
+
@function luma_contrast_color($color)
|
51
|
+
$bright-color: #ffffff !default
|
52
|
+
$dark-color: #000000 !default
|
53
|
+
@if luma_contrast($color) == bright
|
54
|
+
@return $bright-color
|
55
|
+
@else
|
56
|
+
@return $dark-color
|
57
|
+
|
58
|
+
@function luma_add_contrast($background-color, $candidate-color)
|
59
|
+
@if luma_contrast($background-color, $candidate-color)
|
60
|
+
@return $candidate-color
|
61
|
+
@else
|
62
|
+
@if luma_dark($background-color)
|
63
|
+
@return tint($candidate-color, reverse(percentage(luma_value($background-color, $candidate-color)*0.01))/1.618)
|
64
|
+
@else
|
65
|
+
@return shade($candidate-color, reverse(percentage(luma_value($background-color, $candidate-color)*0.01))/1.618)
|
@@ -0,0 +1,20 @@
|
|
1
|
+
// $nのときにtrue
|
2
|
+
@function equal_nth($value, $n)
|
3
|
+
@if length($value) == $n
|
4
|
+
@return ture
|
5
|
+
@else
|
6
|
+
@return null
|
7
|
+
|
8
|
+
// $n以上のときにtrue
|
9
|
+
@function or_more_nth($value, $n)
|
10
|
+
@if length($value) >= $n
|
11
|
+
@return ture
|
12
|
+
@else
|
13
|
+
@return null
|
14
|
+
|
15
|
+
// $n以上のときだけ$valueを出す
|
16
|
+
@function optional_nth($value, $n, $false-value: null)
|
17
|
+
@if or_more_nth($value, $n)
|
18
|
+
@return nth($value, $n)
|
19
|
+
@else
|
20
|
+
@return $false-value
|
@@ -0,0 +1,63 @@
|
|
1
|
+
@function number($number)
|
2
|
+
@if type-of($number) == number
|
3
|
+
@return true
|
4
|
+
@else
|
5
|
+
@return null
|
6
|
+
|
7
|
+
@function odd($number)
|
8
|
+
@if ceil($number/2) != $number/2
|
9
|
+
@return true
|
10
|
+
@else
|
11
|
+
@return null
|
12
|
+
|
13
|
+
@function even($number)
|
14
|
+
@if ceil($number/2) == $number/2
|
15
|
+
@return true
|
16
|
+
@else
|
17
|
+
@return null
|
18
|
+
|
19
|
+
@function strip_unit($number)
|
20
|
+
// strip the units
|
21
|
+
// That works. strip_unit(13.48cm) will return 13.48
|
22
|
+
@if number($number)
|
23
|
+
@return $number / ($number * 0 + 1)
|
24
|
+
|
25
|
+
@function unitless_number($value)
|
26
|
+
@if number($value) and unitless($value)
|
27
|
+
@return true
|
28
|
+
@else
|
29
|
+
@return null
|
30
|
+
|
31
|
+
@function px($value)
|
32
|
+
@if number($value) and unit($value) == "px"
|
33
|
+
@return true
|
34
|
+
@else
|
35
|
+
@return null
|
36
|
+
|
37
|
+
@function em($value)
|
38
|
+
@if number($value) and unit($value) == "em"
|
39
|
+
@return true
|
40
|
+
@else
|
41
|
+
@return null
|
42
|
+
|
43
|
+
@function percent($value)
|
44
|
+
@if number($value) and unit($value) == "%"
|
45
|
+
@return true
|
46
|
+
@else
|
47
|
+
@return null
|
48
|
+
|
49
|
+
@function px_to_em($px, $base-px)
|
50
|
+
@if strip_unit($px) == 0
|
51
|
+
@return 0
|
52
|
+
@else if px($px)
|
53
|
+
@return (strip_unit($px) / strip_unit($base-px)) * 1em
|
54
|
+
@else if em($px)
|
55
|
+
@return $px
|
56
|
+
|
57
|
+
@function em_to_px($em, $base-px: $baseline-px)
|
58
|
+
@if $em == 0
|
59
|
+
@return 0
|
60
|
+
@else if em($em)
|
61
|
+
@return (strip_unit($em) * strip_unit($base-px)) * 1px
|
62
|
+
@else if px($em)
|
63
|
+
@return $em
|
@@ -0,0 +1,47 @@
|
|
1
|
+
@function position($value)
|
2
|
+
@if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "center"
|
3
|
+
@return true
|
4
|
+
@else
|
5
|
+
@return null
|
6
|
+
|
7
|
+
@function top($value)
|
8
|
+
@if $value == "top"
|
9
|
+
@return true
|
10
|
+
@else
|
11
|
+
@return null
|
12
|
+
|
13
|
+
@function bottom($value)
|
14
|
+
@if $value == "bottom"
|
15
|
+
@return true
|
16
|
+
@else
|
17
|
+
@return null
|
18
|
+
|
19
|
+
@function left($value)
|
20
|
+
@if $value == "left"
|
21
|
+
@return true
|
22
|
+
@else
|
23
|
+
@return null
|
24
|
+
|
25
|
+
@function right($value)
|
26
|
+
@if $value == "right"
|
27
|
+
@return true
|
28
|
+
@else
|
29
|
+
@return null
|
30
|
+
|
31
|
+
@function center($value)
|
32
|
+
@if $value == "center"
|
33
|
+
@return true
|
34
|
+
@else
|
35
|
+
@return null
|
36
|
+
|
37
|
+
@function position_vertical($value)
|
38
|
+
@if $value == 'bottom' or $value == 'top'
|
39
|
+
@return true
|
40
|
+
@else
|
41
|
+
@return null
|
42
|
+
|
43
|
+
@function position_horizontal($value)
|
44
|
+
@if $value == 'left' or $value == 'right'
|
45
|
+
@return true
|
46
|
+
@else
|
47
|
+
@return null
|
@@ -0,0 +1,22 @@
|
|
1
|
+
@function reverse($value)
|
2
|
+
@if type-of($value) == string
|
3
|
+
@if $value == 'top'
|
4
|
+
@return 'bottom'
|
5
|
+
@else if $value == 'bottom'
|
6
|
+
@return 'top'
|
7
|
+
@else if $value == 'left'
|
8
|
+
@return 'right'
|
9
|
+
@else if $value == 'right'
|
10
|
+
@return 'left'
|
11
|
+
@else if number($value)
|
12
|
+
@if unit($value) == '%'
|
13
|
+
@return (100 - $value)
|
14
|
+
@else
|
15
|
+
@return $value*-1
|
16
|
+
@else if bool($value)
|
17
|
+
@if $value == true
|
18
|
+
@return false
|
19
|
+
@else if $value == false
|
20
|
+
@return true
|
21
|
+
@else if color($value)
|
22
|
+
@return invert($value)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
@function text_align($value)
|
2
|
+
@if $value == "left" or $value == "right" or $value == "center"
|
3
|
+
@return true
|
4
|
+
@else
|
5
|
+
@return null
|
6
|
+
|
7
|
+
@function font_weight($value)
|
8
|
+
@if $value == "bold" or $value == "normal"
|
9
|
+
@return true
|
10
|
+
@else if unitless_number($value)
|
11
|
+
@if $value >= 100
|
12
|
+
@return true
|
13
|
+
@else
|
14
|
+
@return null
|
15
|
+
@else
|
16
|
+
@return null
|
17
|
+
|
18
|
+
@function font_style($value)
|
19
|
+
@if $value == "normal" or $value == "italic" or $value == "oblique"
|
20
|
+
@return true
|
21
|
+
@else
|
22
|
+
@return null
|
23
|
+
|
24
|
+
@function list_style_type($value)
|
25
|
+
@if $value == "disc" or $value == "circle" or $value == "square" or $value == "lower-roman" or $value == "upper-roman" or $value == "lower-greek" or $value == "decimal" or $value == "decimal-leading-zero" or $value == "lower-latin" or $value == "lower-alpha" or $value == "upper-latin" or $value == "upper-alpha" or $value == "cjk-ideographic" or $value == "hiragana" or $value == "katakana" or $value == "hiragana-iroha" or $value == "katakana-iroha" or $value == "hebrew" or $value == "armenian" or $value == "georgian"
|
26
|
+
@return true
|
27
|
+
@else
|
28
|
+
@return null
|
29
|
+
|
30
|
+
@function list_style_position($value)
|
31
|
+
@if $value == "outside" or $value == "inside"
|
32
|
+
@return true
|
33
|
+
@else
|
34
|
+
@return null
|
@@ -0,0 +1,85 @@
|
|
1
|
+
html
|
2
|
+
font-size: 62.5%
|
3
|
+
+basic-font
|
4
|
+
+experimental(backface-visibility, hidden)
|
5
|
+
|
6
|
+
.mobile
|
7
|
+
// 自動文字サイズ調整
|
8
|
+
+experimental(text-size-adjust, 100%)
|
9
|
+
// タップ時のハイライトカラー
|
10
|
+
+experimental(tap-highlight-color, rgba(0, 0, 0, 0))
|
11
|
+
// input以外はテキスト、画像の選択不可に
|
12
|
+
*:not(input)
|
13
|
+
+experimental(user-select, none)
|
14
|
+
// リンクの長時間タップでリンク内容をポップアップで表示させない場合
|
15
|
+
+experimental(touch-callout, none)
|
16
|
+
|
17
|
+
input,
|
18
|
+
button,
|
19
|
+
textarea
|
20
|
+
margin: 0
|
21
|
+
padding: 0
|
22
|
+
border: none
|
23
|
+
background-color: transparent
|
24
|
+
outline: none
|
25
|
+
+basic-font
|
26
|
+
|
27
|
+
img
|
28
|
+
vertical-align: bottom
|
29
|
+
|
30
|
+
body.windows
|
31
|
+
+clear-type
|
32
|
+
|
33
|
+
a
|
34
|
+
outline: none
|
35
|
+
|
36
|
+
hr
|
37
|
+
border: none
|
38
|
+
|
39
|
+
strong
|
40
|
+
font-weight: bold
|
41
|
+
|
42
|
+
.pie
|
43
|
+
zoom: 1
|
44
|
+
position: relative
|
45
|
+
|
46
|
+
// form
|
47
|
+
#{$all-button-inputs},
|
48
|
+
button
|
49
|
+
cursor: pointer
|
50
|
+
|
51
|
+
button::-moz-focus-inner,
|
52
|
+
input::-moz-focus-inner
|
53
|
+
border: 0
|
54
|
+
padding: 0
|
55
|
+
|
56
|
+
input,
|
57
|
+
textarea
|
58
|
+
border: none
|
59
|
+
+box-sizing(border-box)
|
60
|
+
|
61
|
+
button, x:-moz-any-link,
|
62
|
+
input[type=button], x:-moz-any-link,
|
63
|
+
input[type=submit], x:-moz-any-link
|
64
|
+
line-height: normal !important
|
65
|
+
|
66
|
+
input[type="file"]::-webkit-file-upload-button
|
67
|
+
cursor: pointer !important
|
68
|
+
|
69
|
+
// selection
|
70
|
+
|
71
|
+
*::selection
|
72
|
+
background: $selection-bg-color
|
73
|
+
color: $selection-tx-color
|
74
|
+
*::-moz-selection
|
75
|
+
background: $selection-bg-color
|
76
|
+
color: $selection-tx-color
|
77
|
+
|
78
|
+
#{$all-text-inputs},
|
79
|
+
textarea
|
80
|
+
&::selection
|
81
|
+
background: $input-selection-bg-color
|
82
|
+
color: $input-selection-tx-color
|
83
|
+
&::-moz-selection
|
84
|
+
background: $input-selection-bg-color
|
85
|
+
color: $input-selection-tx-color
|
@@ -0,0 +1,15 @@
|
|
1
|
+
// https://gist.github.com/ericam/1607696
|
2
|
+
=keyframes($name)
|
3
|
+
@-webkit-keyframes #{$name}
|
4
|
+
@content
|
5
|
+
@-moz-keyframes #{$name}
|
6
|
+
@content
|
7
|
+
@-ms-keyframes #{$name}
|
8
|
+
@content
|
9
|
+
@keyframes #{$name}
|
10
|
+
@content
|
11
|
+
|
12
|
+
=transition($transition-duration: .5s, $transition-property: all, $transition-timing: ease-in)
|
13
|
+
+transition-property($transition-property)
|
14
|
+
+transition-duration($transition-duration)
|
15
|
+
+transition-timing-function($transition-timing)
|
@@ -0,0 +1,33 @@
|
|
1
|
+
=bg-size($value)
|
2
|
+
@if list($value)
|
3
|
+
@if str-slice(nth($value, 1), 1, 1) == '/'
|
4
|
+
$bg-size-value: str-slice(nth($value, 1), 2) nth($value, 2)
|
5
|
+
+background-size($bg-size-value)
|
6
|
+
@else
|
7
|
+
+background-size($value)
|
8
|
+
@else
|
9
|
+
@if str-slice(nth($value, 1), 1, 1) == '/'
|
10
|
+
$bg-size-value: str-slice(nth($value, 1), 2)
|
11
|
+
+background-size($bg-size-value)
|
12
|
+
@else
|
13
|
+
+background-size($value)
|
14
|
+
|
15
|
+
// どこでも background-color と background-image と background-position と background-repeat が書ける設定
|
16
|
+
=background-basics($value)
|
17
|
+
@if background_color($value)
|
18
|
+
background-color: $value
|
19
|
+
@else if background-image($value)
|
20
|
+
background-image: image_url("#{$value}")
|
21
|
+
@else if background_position($value)
|
22
|
+
background-position: $value
|
23
|
+
@else if background_repeat($value)
|
24
|
+
background-repeat: $value
|
25
|
+
@else if background_attachment($value)
|
26
|
+
background-attachment: $value
|
27
|
+
@else if background_size($value)
|
28
|
+
+bg-size($value)
|
29
|
+
|
30
|
+
// +bg(black 'image.png' (left center) no-repeat fixed (/ 20px 30px))
|
31
|
+
=bg($value)
|
32
|
+
@for $i from 1 through length($value)
|
33
|
+
+background-basics(nth($value, $i))
|