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.
- checksums.yaml +7 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +15 -0
- data/Rakefile +1 -0
- data/app/assets/stylesheets/_oulu-base.sass +64 -0
- data/app/assets/stylesheets/_oulu.sass +9 -0
- data/app/assets/stylesheets/helpers/_block.sass +89 -0
- data/app/assets/stylesheets/helpers/_border.sass +16 -0
- data/app/assets/stylesheets/helpers/_font-awsome.sass +11 -0
- data/app/assets/stylesheets/helpers/_margin-padding.sass +110 -0
- data/app/assets/stylesheets/helpers/_position.sass +9 -0
- data/app/assets/stylesheets/helpers/_typoglaphy.sass +26 -0
- data/app/assets/stylesheets/modules/buttons/_button-base.sass +61 -0
- data/app/assets/stylesheets/modules/buttons/_button-helper.sass +33 -0
- data/app/assets/stylesheets/modules/buttons/_buttons.sass +59 -0
- data/app/assets/stylesheets/modules/buttons/styles/_border.sass +24 -0
- data/app/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass +24 -0
- data/app/assets/stylesheets/modules/buttons/styles/_flat-round.sass +23 -0
- data/app/assets/stylesheets/modules/buttons/styles/_material.sass +89 -0
- data/app/assets/stylesheets/modules/buttons/styles/_normal.sass +42 -0
- data/app/assets/stylesheets/modules/navs/_tabs-nav.sass +38 -0
- data/app/assets/stylesheets/options/amazlet/_amazlet.sass +32 -0
- data/app/assets/stylesheets/options/glitch/_glitch.sass +31 -0
- data/app/assets/stylesheets/options/web-fonts/_cousine.sass +12 -0
- data/app/assets/stylesheets/options/web-fonts/_droid-sans.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_font-awsome.sass +17 -0
- data/app/assets/stylesheets/options/web-fonts/_icomoon.sass +10 -0
- data/app/assets/stylesheets/options/web-fonts/_inconsolata.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_lato.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_merriweather-sans.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_montserrat.sass +12 -0
- data/app/assets/stylesheets/options/web-fonts/_old-standard.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_open-sans.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_podkova.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_pt-sans.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_raleway.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_roboto-condensed.sass +12 -0
- data/app/assets/stylesheets/options/web-fonts/_roboto.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_satisfy.sass +12 -0
- data/app/assets/stylesheets/options/web-fonts/_source-code-pro.sass +12 -0
- data/app/assets/stylesheets/options/web-fonts/_source-sans-pro.sass +12 -0
- data/app/assets/stylesheets/options/web-fonts/_special-elite.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_tauri.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_ubuntu-mono.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_ubuntu.sass +11 -0
- data/app/assets/stylesheets/options/web-fonts/_varela-round.sass +12 -0
- data/app/assets/stylesheets/options/web-fonts/_vt323.sass +11 -0
- data/app/assets/stylesheets/settings/functions/_animation.sass +90 -0
- data/app/assets/stylesheets/settings/functions/_background.sass +54 -0
- data/app/assets/stylesheets/settings/functions/_bool.sass +5 -0
- data/app/assets/stylesheets/settings/functions/_border.sass +45 -0
- data/app/assets/stylesheets/settings/functions/_color.sass +79 -0
- data/app/assets/stylesheets/settings/functions/_content.sass +5 -0
- data/app/assets/stylesheets/settings/functions/_cursor.sass +5 -0
- data/app/assets/stylesheets/settings/functions/_display.sass +5 -0
- data/app/assets/stylesheets/settings/functions/_image.sass +8 -0
- data/app/assets/stylesheets/settings/functions/_length.sass +20 -0
- data/app/assets/stylesheets/settings/functions/_list.sass +11 -0
- data/app/assets/stylesheets/settings/functions/_map.sass +5 -0
- data/app/assets/stylesheets/settings/functions/_math.sass +31 -0
- data/app/assets/stylesheets/settings/functions/_number.sass +95 -0
- data/app/assets/stylesheets/settings/functions/_position.sass +80 -0
- data/app/assets/stylesheets/settings/functions/_reverse.sass +22 -0
- data/app/assets/stylesheets/settings/functions/_string.sass +5 -0
- data/app/assets/stylesheets/settings/functions/_text.sass +46 -0
- data/app/assets/stylesheets/settings/initializers/_reset.sass +84 -0
- data/app/assets/stylesheets/settings/initializers/_sanitize.sass +262 -0
- data/app/assets/stylesheets/settings/mixins/_animation.sass +28 -0
- data/app/assets/stylesheets/settings/mixins/_background.sass +33 -0
- data/app/assets/stylesheets/settings/mixins/_balloon-tail.sass +100 -0
- data/app/assets/stylesheets/settings/mixins/_basic-font.sass +30 -0
- data/app/assets/stylesheets/settings/mixins/_block.sass +61 -0
- data/app/assets/stylesheets/settings/mixins/_border-radius.sass +43 -0
- data/app/assets/stylesheets/settings/mixins/_border.sass +28 -0
- data/app/assets/stylesheets/settings/mixins/_filters.sass +5 -0
- data/app/assets/stylesheets/settings/mixins/_form.sass +10 -0
- data/app/assets/stylesheets/settings/mixins/_grid.sass +93 -0
- data/app/assets/stylesheets/settings/mixins/_ie-hacks.sass +8 -0
- data/app/assets/stylesheets/settings/mixins/_image.sass +5 -0
- data/app/assets/stylesheets/settings/mixins/_line.sass +32 -0
- data/app/assets/stylesheets/settings/mixins/_link.sass +39 -0
- data/app/assets/stylesheets/settings/mixins/_list.sass +20 -0
- data/app/assets/stylesheets/settings/mixins/_margin-padding.sass +69 -0
- data/app/assets/stylesheets/settings/mixins/_overlay.sass +5 -0
- data/app/assets/stylesheets/settings/mixins/_positions.sass +33 -0
- data/app/assets/stylesheets/settings/mixins/_rem.sass +56 -0
- data/app/assets/stylesheets/settings/mixins/_resets.sass +49 -0
- data/app/assets/stylesheets/settings/mixins/_responsive-utilities.sass +196 -0
- data/app/assets/stylesheets/settings/mixins/_table.sass +32 -0
- data/app/assets/stylesheets/settings/mixins/_text.sass +44 -0
- data/app/assets/stylesheets/settings/mixins/grid/_grid-framework.scss +81 -0
- data/app/assets/stylesheets/settings/mixins/grid/_grid.scss +122 -0
- data/app/assets/stylesheets/settings/variables/_default.sass +150 -0
- data/bower.json +34 -0
- data/index.js +7 -0
- data/oulu.gemspec +26 -0
- data/package.json +20 -0
- 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,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 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,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,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
|