oulu 0.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE.txt +22 -0
  4. data/README.md +15 -0
  5. data/Rakefile +1 -0
  6. data/app/assets/stylesheets/_oulu-base.sass +64 -0
  7. data/app/assets/stylesheets/_oulu.sass +9 -0
  8. data/app/assets/stylesheets/helpers/_block.sass +89 -0
  9. data/app/assets/stylesheets/helpers/_border.sass +16 -0
  10. data/app/assets/stylesheets/helpers/_font-awsome.sass +11 -0
  11. data/app/assets/stylesheets/helpers/_margin-padding.sass +110 -0
  12. data/app/assets/stylesheets/helpers/_position.sass +9 -0
  13. data/app/assets/stylesheets/helpers/_typoglaphy.sass +26 -0
  14. data/app/assets/stylesheets/modules/buttons/_button-base.sass +61 -0
  15. data/app/assets/stylesheets/modules/buttons/_button-helper.sass +33 -0
  16. data/app/assets/stylesheets/modules/buttons/_buttons.sass +59 -0
  17. data/app/assets/stylesheets/modules/buttons/styles/_border.sass +24 -0
  18. data/app/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass +24 -0
  19. data/app/assets/stylesheets/modules/buttons/styles/_flat-round.sass +23 -0
  20. data/app/assets/stylesheets/modules/buttons/styles/_material.sass +89 -0
  21. data/app/assets/stylesheets/modules/buttons/styles/_normal.sass +42 -0
  22. data/app/assets/stylesheets/modules/navs/_tabs-nav.sass +38 -0
  23. data/app/assets/stylesheets/options/amazlet/_amazlet.sass +32 -0
  24. data/app/assets/stylesheets/options/glitch/_glitch.sass +31 -0
  25. data/app/assets/stylesheets/options/web-fonts/_cousine.sass +12 -0
  26. data/app/assets/stylesheets/options/web-fonts/_droid-sans.sass +11 -0
  27. data/app/assets/stylesheets/options/web-fonts/_font-awsome.sass +17 -0
  28. data/app/assets/stylesheets/options/web-fonts/_icomoon.sass +10 -0
  29. data/app/assets/stylesheets/options/web-fonts/_inconsolata.sass +11 -0
  30. data/app/assets/stylesheets/options/web-fonts/_lato.sass +11 -0
  31. data/app/assets/stylesheets/options/web-fonts/_merriweather-sans.sass +11 -0
  32. data/app/assets/stylesheets/options/web-fonts/_montserrat.sass +12 -0
  33. data/app/assets/stylesheets/options/web-fonts/_old-standard.sass +11 -0
  34. data/app/assets/stylesheets/options/web-fonts/_open-sans.sass +11 -0
  35. data/app/assets/stylesheets/options/web-fonts/_podkova.sass +11 -0
  36. data/app/assets/stylesheets/options/web-fonts/_pt-sans.sass +11 -0
  37. data/app/assets/stylesheets/options/web-fonts/_raleway.sass +11 -0
  38. data/app/assets/stylesheets/options/web-fonts/_roboto-condensed.sass +12 -0
  39. data/app/assets/stylesheets/options/web-fonts/_roboto.sass +11 -0
  40. data/app/assets/stylesheets/options/web-fonts/_satisfy.sass +12 -0
  41. data/app/assets/stylesheets/options/web-fonts/_source-code-pro.sass +12 -0
  42. data/app/assets/stylesheets/options/web-fonts/_source-sans-pro.sass +12 -0
  43. data/app/assets/stylesheets/options/web-fonts/_special-elite.sass +11 -0
  44. data/app/assets/stylesheets/options/web-fonts/_tauri.sass +11 -0
  45. data/app/assets/stylesheets/options/web-fonts/_ubuntu-mono.sass +11 -0
  46. data/app/assets/stylesheets/options/web-fonts/_ubuntu.sass +11 -0
  47. data/app/assets/stylesheets/options/web-fonts/_varela-round.sass +12 -0
  48. data/app/assets/stylesheets/options/web-fonts/_vt323.sass +11 -0
  49. data/app/assets/stylesheets/settings/functions/_animation.sass +90 -0
  50. data/app/assets/stylesheets/settings/functions/_background.sass +54 -0
  51. data/app/assets/stylesheets/settings/functions/_bool.sass +5 -0
  52. data/app/assets/stylesheets/settings/functions/_border.sass +45 -0
  53. data/app/assets/stylesheets/settings/functions/_color.sass +79 -0
  54. data/app/assets/stylesheets/settings/functions/_content.sass +5 -0
  55. data/app/assets/stylesheets/settings/functions/_cursor.sass +5 -0
  56. data/app/assets/stylesheets/settings/functions/_display.sass +5 -0
  57. data/app/assets/stylesheets/settings/functions/_image.sass +8 -0
  58. data/app/assets/stylesheets/settings/functions/_length.sass +20 -0
  59. data/app/assets/stylesheets/settings/functions/_list.sass +11 -0
  60. data/app/assets/stylesheets/settings/functions/_map.sass +5 -0
  61. data/app/assets/stylesheets/settings/functions/_math.sass +31 -0
  62. data/app/assets/stylesheets/settings/functions/_number.sass +95 -0
  63. data/app/assets/stylesheets/settings/functions/_position.sass +80 -0
  64. data/app/assets/stylesheets/settings/functions/_reverse.sass +22 -0
  65. data/app/assets/stylesheets/settings/functions/_string.sass +5 -0
  66. data/app/assets/stylesheets/settings/functions/_text.sass +46 -0
  67. data/app/assets/stylesheets/settings/initializers/_reset.sass +84 -0
  68. data/app/assets/stylesheets/settings/initializers/_sanitize.sass +262 -0
  69. data/app/assets/stylesheets/settings/mixins/_animation.sass +28 -0
  70. data/app/assets/stylesheets/settings/mixins/_background.sass +33 -0
  71. data/app/assets/stylesheets/settings/mixins/_balloon-tail.sass +100 -0
  72. data/app/assets/stylesheets/settings/mixins/_basic-font.sass +30 -0
  73. data/app/assets/stylesheets/settings/mixins/_block.sass +61 -0
  74. data/app/assets/stylesheets/settings/mixins/_border-radius.sass +43 -0
  75. data/app/assets/stylesheets/settings/mixins/_border.sass +28 -0
  76. data/app/assets/stylesheets/settings/mixins/_filters.sass +5 -0
  77. data/app/assets/stylesheets/settings/mixins/_form.sass +10 -0
  78. data/app/assets/stylesheets/settings/mixins/_grid.sass +93 -0
  79. data/app/assets/stylesheets/settings/mixins/_ie-hacks.sass +8 -0
  80. data/app/assets/stylesheets/settings/mixins/_image.sass +5 -0
  81. data/app/assets/stylesheets/settings/mixins/_line.sass +32 -0
  82. data/app/assets/stylesheets/settings/mixins/_link.sass +39 -0
  83. data/app/assets/stylesheets/settings/mixins/_list.sass +20 -0
  84. data/app/assets/stylesheets/settings/mixins/_margin-padding.sass +69 -0
  85. data/app/assets/stylesheets/settings/mixins/_overlay.sass +5 -0
  86. data/app/assets/stylesheets/settings/mixins/_positions.sass +33 -0
  87. data/app/assets/stylesheets/settings/mixins/_rem.sass +56 -0
  88. data/app/assets/stylesheets/settings/mixins/_resets.sass +49 -0
  89. data/app/assets/stylesheets/settings/mixins/_responsive-utilities.sass +196 -0
  90. data/app/assets/stylesheets/settings/mixins/_table.sass +32 -0
  91. data/app/assets/stylesheets/settings/mixins/_text.sass +44 -0
  92. data/app/assets/stylesheets/settings/mixins/grid/_grid-framework.scss +81 -0
  93. data/app/assets/stylesheets/settings/mixins/grid/_grid.scss +122 -0
  94. data/app/assets/stylesheets/settings/variables/_default.sass +150 -0
  95. data/bower.json +34 -0
  96. data/index.js +7 -0
  97. data/oulu.gemspec +26 -0
  98. data/package.json +20 -0
  99. metadata +197 -0
@@ -0,0 +1,54 @@
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 $value
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 $value == 'no-repeat' or $value == 'repeat' or $value == 'repeat-x' or $value == 'repeat-y'
40
+ @return true
41
+ @else
42
+ @return null
43
+
44
+ @function background_attachment($value)
45
+ @if $value == 'fixed' or $value == 'scroll'
46
+ @return true
47
+ @else
48
+ @return null
49
+
50
+ @function background_image($value)
51
+ @if image($value)
52
+ @return true
53
+ @else
54
+ @return null
@@ -0,0 +1,5 @@
1
+ @function bool($value)
2
+ @if type-of($value) == bool
3
+ @return true
4
+ @else
5
+ @return null
@@ -0,0 +1,45 @@
1
+ @function border_color($value)
2
+ @if optional_color_list($value)
3
+ @return true
4
+ @else
5
+ @return null
6
+
7
+ @function border_width($value)
8
+ @if number($value)
9
+ @return true
10
+ @else if $value == 'thin' or $value == 'medium' or $value == 'thick'
11
+ @return true
12
+ @else if list($value)
13
+ @each $assign in $value
14
+ @if $assign == 'thin' or $assign == 'medium' or $assign == 'thick'
15
+ @return true
16
+ @else if number($assign)
17
+ @return true
18
+ @else
19
+ @return null
20
+ @else
21
+ @return null
22
+
23
+ @function border_style($value)
24
+ @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'
25
+ @return true
26
+ @else if list($value)
27
+ @each $assign in $value
28
+ @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'
29
+ @return true
30
+ @else
31
+ @return null
32
+ @else
33
+ @return null
34
+
35
+ @function border_position($value)
36
+ @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "all" or $value == "horizontal" or $value == "vertical"
37
+ @return true
38
+ @else if list($value)
39
+ @each $assign in $value
40
+ @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "all" or $value == "horizontal" or $value == "vertical"
41
+ @return true
42
+ @else
43
+ @return null
44
+ @else
45
+ @return null
@@ -0,0 +1,79 @@
1
+ @function color($value)
2
+ @if type-of($value) == color
3
+ @return true
4
+ @else
5
+ @return null
6
+
7
+ @function color_list($values)
8
+ @if list($values)
9
+ @each $value in $values
10
+ @if color($value)
11
+ @return true
12
+ @else
13
+ @return null
14
+ @else
15
+ @return null
16
+
17
+ @function optional_color_list($values)
18
+ @if color($values)
19
+ @return true
20
+ @else if color_list($values)
21
+ @return true
22
+ @else
23
+ @return null
24
+
25
+ // Adapted from: https://gist.github.com/voxpelli/6304812
26
+ @function luma($color)
27
+ $rgba: red($color), green($color), blue($color)
28
+ $rgba2: ()
29
+ @for $i from 1 through 3
30
+ $rgb: nth($rgba, $i)
31
+ $rgb: $rgb / 255
32
+ $rgb: if($rgb < .03928, $rgb / 12.92, pow(($rgb + .055) / 1.055, 2.4))
33
+ $rgba2: append($rgba2, $rgb)
34
+ @return (.2126 * nth($rgba2, 1) + .7152 * nth($rgba2, 2) + .0722 * nth($rgba2, 3))*100
35
+
36
+ @function luma_contrast($color-1, $color-2: null)
37
+ @if $color-2
38
+ @if abs(luma($color-1) - luma($color-2)) > $ruma-threshold
39
+ @return true
40
+ @else
41
+ @return null
42
+ @else
43
+ @return if(luma($color-1) < 51, dark, bright)
44
+
45
+ @function luma_value($color-1, $color-2: null)
46
+ @if $color-2
47
+ @return abs(luma($color-1) - luma($color-2))
48
+ @else
49
+ @return luma($color-1)
50
+
51
+ @function luma_which($color)
52
+ @return if(luma($color) < 51, dark, bright)
53
+
54
+ @function luma_bright($color)
55
+ @if luma($color) < 51
56
+ @return null
57
+ @else
58
+ @return true
59
+
60
+ @function luma_dark($color)
61
+ @if luma($color) < 51
62
+ @return true
63
+ @else
64
+ @return null
65
+
66
+ @function luma_contrast_color($color)
67
+ @if luma_which($color) == bright
68
+ @return $luma-contrast-bright-color
69
+ @else
70
+ @return $luma-contrast-dark-color
71
+
72
+ @function luma_add_contrast($background-color, $candidate-color)
73
+ @if luma_contrast($background-color, $candidate-color)
74
+ @return $candidate-color
75
+ @else
76
+ @if luma_dark($background-color)
77
+ @return tint($candidate-color, reverse(percentage(luma_value($background-color, $candidate-color)*0.01))/1.618)
78
+ @else
79
+ @return shade($candidate-color, reverse(percentage(luma_value($background-color, $candidate-color)*0.01))/1.618)
@@ -0,0 +1,5 @@
1
+ @function content($value)
2
+ @if $value == 'after' or $value == 'before'
3
+ @return true
4
+ @else
5
+ @return null
@@ -0,0 +1,5 @@
1
+ @function cursor($value)
2
+ @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "all" or $value == "horizontal" or $value == "vertical"
3
+ @return true
4
+ @else
5
+ @return null
@@ -0,0 +1,5 @@
1
+ @function display($value)
2
+ @if $value == "inline" or $value == "block" or $value == "list-item" or $value == "run-in" or $value == "inline-block" or $value == "table" or $value == "inline-table" or $value == "table-row-group" or $value == "table-header-group" or $value == "table-footer-group" or $value == "table-row" or $value == "table-column-group" or $value == "table-column" or $value == "table-cell" or $value == "table-caption" or $value == "none"
3
+ @return true
4
+ @else
5
+ @return null
@@ -0,0 +1,8 @@
1
+ @function image($value)
2
+ @if string($value)
3
+ @if number(str-index(to-lower-case($value), '.jpg')) or number(str-index(to-lower-case($value), '.jpeg')) or number(str-index(to-lower-case($value), '.gif')) or number(str-index(to-lower-case($value), '.png')) or number(str-index(to-lower-case($value), '.tiff')) or number(str-index(to-lower-case($value), '.tif')) or number(str-index(to-lower-case($value), '.bmp')) or number(str-index(to-lower-case($value), '.pct')) or number(str-index(to-lower-case($value), '.jpe')) or number(str-index(to-lower-case($value), '.jfif')) or number(str-index(to-lower-case($value), '.dib'))
4
+ @return true
5
+ @else
6
+ @return null
7
+ @else
8
+ @return null
@@ -0,0 +1,20 @@
1
+ // $nのときにtrue
2
+ @function equal_nth($value, $n)
3
+ @if length($value) == $n
4
+ @return true
5
+ @else
6
+ @return null
7
+
8
+ // $n以上のときにtrue
9
+ @function or_more_nth($value, $n)
10
+ @if length($value) >= $n
11
+ @return true
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,11 @@
1
+ @function list($value)
2
+ @if type-of($value) == list
3
+ @return true
4
+ @else
5
+ @return null
6
+
7
+ @function first_order($values, $value)
8
+ @if index($values, $value) == 1
9
+ @return true
10
+ @else
11
+ @return null
@@ -0,0 +1,5 @@
1
+ @function map($value)
2
+ @if type-of($value) == map
3
+ @return true
4
+ @else
5
+ @return null
@@ -0,0 +1,31 @@
1
+ // https://gist.github.com/voxpelli/6304812
2
+
3
+ @function gcd($a, $b)
4
+ // From: http://rosettacode.org/wiki/Greatest_common_divisor#JavaScript
5
+ @if ($b != 0)
6
+ @return gcd($b, $a % $b)
7
+ @else
8
+ @return abs($a)
9
+
10
+ @function pow($base, $exponent, $prec: 12)
11
+ // Handles decimal exponents by trying to convert them into a fraction and then use a nthRoot-algorithm for parts of the calculation
12
+ @if (floor($exponent) != $exponent)
13
+ $prec2 : pow(10, $prec)
14
+ $exponent: round($exponent * $prec2)
15
+ $denominator: gcd($exponent, $prec2)
16
+ @return nthRoot(pow($base, $exponent / $denominator), $prec2 / $denominator, $prec)
17
+ $value: $base
18
+ @if $exponent > 1
19
+ @for $i from 2 through $exponent
20
+ $value: $value * $base
21
+ @else if $exponent < 1
22
+ @for $i from 0 through -$exponent
23
+ $value: $value / $base
24
+ @return $value
25
+
26
+ @function nthRoot($num, $n: 2, $prec: 12)
27
+ // From: http://rosettacode.org/wiki/Nth_root#JavaScript
28
+ $x: 1
29
+ @for $i from 0 through $prec
30
+ $x: 1 / $n * (($n - 1) * $x + ($num / pow($x, $n - 1)))
31
+ @return $x
@@ -0,0 +1,95 @@
1
+ @function number($number)
2
+ @if type-of($number) == number
3
+ @return true
4
+ @else
5
+ @return null
6
+
7
+ @function number_list($values)
8
+ @if list($values)
9
+ @each $value in $values
10
+ @if number($value)
11
+ @return true
12
+ @else
13
+ @return null
14
+ @else
15
+ @return null
16
+
17
+ @function optional_number_list($values)
18
+ @if type-of($values) == number
19
+ @return true
20
+ @else if number_list($values)
21
+ @return true
22
+ @else
23
+ @return null
24
+
25
+ @function odd($number)
26
+ @if ceil($number/2) != $number/2
27
+ @return true
28
+ @else
29
+ @return null
30
+
31
+ @function even($number)
32
+ @if ceil($number/2) == $number/2
33
+ @return true
34
+ @else
35
+ @return null
36
+
37
+ @function strip_unit($number)
38
+ // strip the units
39
+ // That works. strip_unit(13.48cm) will return 13.48
40
+ @if number($number)
41
+ @return $number / ($number * 0 + 1)
42
+
43
+ @function unit_number($value)
44
+ @if number($value) and not unitless($value)
45
+ @return true
46
+ @else
47
+ @return null
48
+
49
+ @function unitless_number($value)
50
+ @if number($value) and unitless($value)
51
+ @return true
52
+ @else
53
+ @return null
54
+
55
+ @function px($value)
56
+ @if number($value) and unit($value) == "px"
57
+ @return true
58
+ @else
59
+ @return null
60
+
61
+ @function em($value)
62
+ @if number($value) and unit($value) == "em"
63
+ @return true
64
+ @else
65
+ @return null
66
+
67
+ @function percent($value)
68
+ @if number($value) and unit($value) == "%"
69
+ @return true
70
+ @else
71
+ @return null
72
+
73
+ @function px_to_em($px, $base-px)
74
+ @if strip_unit($px) == 0
75
+ @return 0
76
+ @else if px($px)
77
+ @return (strip_unit($px) / strip_unit($base-px)) * 1em
78
+ @else if em($px)
79
+ @return $px
80
+
81
+ @function em_to_px($em, $base-px: $baseline-px)
82
+ @if $em == 0
83
+ @return 0
84
+ @else if em($em)
85
+ @return (strip_unit($em) * strip_unit($base-px)) * 1px
86
+ @else if px($em)
87
+ @return $em
88
+
89
+ @function multiple($number, $multiple_number)
90
+ // $multiple_number で割り切れる $number に近い数を出す
91
+ $remainder: $number % $multiple_number
92
+ @if $remainder == 0
93
+ @return "#{$number - $remainder}"
94
+ @else
95
+ @return "#{$number - $remainder} and #{$number + $remainder}"
@@ -0,0 +1,80 @@
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 direction($value)
8
+ @if string($value)
9
+ @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right" or $value == "horizontal" or $value == "vertical" or $value == "all"
10
+ @return true
11
+ @else
12
+ @return null
13
+ @else
14
+ @return null
15
+
16
+ @function four_position($value)
17
+ @if $value == "top" or $value == "bottom" or $value == "left" or $value == "right"
18
+ @return true
19
+ @else
20
+ @return null
21
+
22
+ @function top($value)
23
+ @if $value == "top"
24
+ @return true
25
+ @else
26
+ @return null
27
+
28
+ @function bottom($value)
29
+ @if $value == "bottom"
30
+ @return true
31
+ @else
32
+ @return null
33
+
34
+ @function left($value)
35
+ @if $value == "left"
36
+ @return true
37
+ @else
38
+ @return null
39
+
40
+ @function right($value)
41
+ @if $value == "right"
42
+ @return true
43
+ @else
44
+ @return null
45
+
46
+ @function center($value)
47
+ @if $value == "center"
48
+ @return true
49
+ @else
50
+ @return null
51
+
52
+ @function position_vertical($value)
53
+ @if $value == 'bottom' or $value == 'top'
54
+ @return true
55
+ @else
56
+ @return null
57
+
58
+ @function position_horizontal($value)
59
+ @if $value == 'left' or $value == 'right'
60
+ @return true
61
+ @else
62
+ @return null
63
+
64
+ @function all($value)
65
+ @if $value == "all"
66
+ @return true
67
+ @else
68
+ @return null
69
+
70
+ @function horizontal($value)
71
+ @if $value == "horizontal"
72
+ @return true
73
+ @else
74
+ @return null
75
+
76
+ @function vertical($value)
77
+ @if $value == "vertical"
78
+ @return true
79
+ @else
80
+ @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,5 @@
1
+ @function string($value)
2
+ @if type_of($value) == string
3
+ @return true
4
+ @else
5
+ @return null
@@ -0,0 +1,46 @@
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 vertical_align($value)
8
+ @if $value == "baseline" or $value == "top" or $value == "middle" or $value == "bottom" or $value == "text-top" or $value == "text-bottom" or $value == "super" or $value == "sub" or $value == "sub"
9
+ @return true
10
+ @else
11
+ @return null
12
+
13
+ @function font_weight($value)
14
+ @if $value == "bold" or $value == "normal"
15
+ @return true
16
+ @else if unitless_number($value)
17
+ @if $value >= 100
18
+ @return true
19
+ @else
20
+ @return null
21
+ @else
22
+ @return null
23
+
24
+ @function font_style($value)
25
+ @if $value == "normal" or $value == "italic" or $value == "oblique"
26
+ @return true
27
+ @else
28
+ @return null
29
+
30
+ @function list_style_type($value)
31
+ @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"
32
+ @return true
33
+ @else
34
+ @return null
35
+
36
+ @function list_style_position($value)
37
+ @if $value == "outside" or $value == "inside"
38
+ @return true
39
+ @else
40
+ @return null
41
+
42
+ @function white_space($value)
43
+ @if $value == "normal" or $value == "pre" or $value == "nowrap"
44
+ @return true
45
+ @else
46
+ @return null
@@ -0,0 +1,84 @@
1
+ html
2
+ font-size: 62.5%
3
+ +basic-font
4
+ +prefixer(backface-visibility, hidden, webkit moz spec)
5
+
6
+ .mobile
7
+ // 自動文字サイズ調整
8
+ +prefixer(text-size-adjust, 100%, webkit moz spec)
9
+ // タップ時のハイライトカラー
10
+ +prefixer(tap-highlight-color, rgba(black, 0), webkit moz spec)
11
+ // リンクの長時間タップでリンク内容をポップアップで表示させない場合
12
+ +prefixer(touch-callout, none, webkit moz spec)
13
+
14
+ input,
15
+ button,
16
+ textarea
17
+ margin: 0
18
+ padding: 0
19
+ border: none
20
+ background-color: transparent
21
+ outline: none
22
+ +basic-font
23
+
24
+ button
25
+ +appearance(button)
26
+
27
+ img
28
+ vertical-align: bottom
29
+
30
+ a
31
+ outline: none
32
+
33
+ hr
34
+ border: none
35
+
36
+ strong
37
+ font-weight: bold
38
+
39
+ // form
40
+ #{$all-button-inputs},
41
+ button
42
+ cursor: pointer
43
+
44
+ button::-moz-focus-inner,
45
+ input::-moz-focus-inner
46
+ border: 0
47
+ padding: 0
48
+
49
+ input,
50
+ textarea
51
+ border: none
52
+ box-sizing: border-box
53
+
54
+ button, x:-moz-any-link,
55
+ input[type=button], x:-moz-any-link,
56
+ input[type=submit], x:-moz-any-link
57
+ line-height: normal !important
58
+
59
+ input[type="file"]::-webkit-file-upload-button
60
+ cursor: pointer !important
61
+
62
+ // selection
63
+ *::selection
64
+ background: $selection-bg-color
65
+ color: $selection-tx-color
66
+ *::-moz-selection
67
+ background: $selection-bg-color
68
+ color: $selection-tx-color
69
+
70
+ #{$all-text-inputs},
71
+ textarea
72
+ &::selection
73
+ background: $input-selection-bg-color
74
+ color: $input-selection-tx-color
75
+ &::-moz-selection
76
+ background: $input-selection-bg-color
77
+ color: $input-selection-tx-color
78
+
79
+ .#{$container-class-name}
80
+ +rem('max-width', $container-max-width)
81
+ box-sizing: border-box
82
+ +margin(horizontal, auto)
83
+ +padding(horizontal, $container-horizontal-padding)
84
+ clear: both