oulu 0.11.4 → 0.11.5

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 (29) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/_oulu-base.sass +2 -0
  3. data/app/assets/stylesheets/_oulu-functions.sass +22 -0
  4. data/app/assets/stylesheets/_oulu-helpers.sass +10 -0
  5. data/app/assets/stylesheets/_oulu-initializers.sass +6 -0
  6. data/app/assets/stylesheets/_oulu-mixins.sass +27 -0
  7. data/app/assets/stylesheets/_oulu-variables.sass +7 -0
  8. data/app/assets/stylesheets/_oulu.sass +2 -1
  9. data/app/assets/stylesheets/helpers/_block.sass +9 -30
  10. data/app/assets/stylesheets/helpers/_margin-padding.sass +40 -69
  11. data/app/assets/stylesheets/helpers/_position.sass +9 -0
  12. data/app/assets/stylesheets/helpers/_visibility.sass +67 -0
  13. data/app/assets/stylesheets/modules/buttons/_button-base.sass +2 -2
  14. data/app/assets/stylesheets/modules/buttons/_buttons.sass +1 -1
  15. data/app/assets/stylesheets/modules/buttons/styles/_normal.sass +1 -0
  16. data/app/assets/stylesheets/modules/buttons/styles/_super-bold-border.sass +9 -10
  17. data/app/assets/stylesheets/settings/functions/_color.sass +0 -2
  18. data/app/assets/stylesheets/settings/functions/_function-config.sass +2 -0
  19. data/app/assets/stylesheets/settings/functions/_number.sass +10 -2
  20. data/app/assets/stylesheets/settings/functions/_string.sass +19 -0
  21. data/app/assets/stylesheets/settings/initializers/_reboot.sass +6 -0
  22. data/app/assets/stylesheets/settings/mixins/_rem.sass +1 -3
  23. data/app/assets/stylesheets/settings/mixins/_text.sass +7 -0
  24. data/app/assets/stylesheets/settings/variables/_default.sass +0 -28
  25. data/app/assets/stylesheets/settings/variables/_sanitize.sass +23 -0
  26. data/bower.json +1 -1
  27. data/lib/oulu/version.rb +1 -1
  28. data/package.json +1 -1
  29. metadata +11 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 185384002ab44a012f05ce2ab7bd6812295bea5b
4
- data.tar.gz: 2984ce3c4b4b127d956915d3f9cdc579f953636c
3
+ metadata.gz: 28fbf18ff3631999b6cc4c892679fd016c37b609
4
+ data.tar.gz: bcaaa970bba5555b9eb29c1d6307ce01efe0a8a6
5
5
  SHA512:
6
- metadata.gz: 21007d6918a39c302a76756702fe8c8c7a1d68addfc0fa0a307cd2e3a7880921097c496ba1531aea0c10fc17911cf14c45745182ea88e1034c78eab26cbf1175
7
- data.tar.gz: 1e8958dfea51ceeb29fb3fef3ed0cc4f6777524240933e3305331863bf14e21e0cee57e3880cf707150090354c0ff9554398ea6d45e621eb5c26aa10071950c4
6
+ metadata.gz: e3dcb2ac4380f3842a77199572c8fd53a27a50aeb8a815d190bceac8aae6b23a6fd707258940568690f3ac87f73d09b73e49a189bd31b2e2ea7895492d3224f4
7
+ data.tar.gz: 23d2eaed3f926a2413cd3c199c4fb3686352815eff86b18826441bf1abcb69f43163aa85a9332c0d71629b2842f4dde02dbf32205226e56baae8a4b936570775
data/app/assets/stylesheets/_oulu-base.sass CHANGED
@@ -5,6 +5,7 @@
5
5
  // functions
6
6
  ///////////////////
7
7
 
8
+ @import settings/functions/function-config
8
9
  @import settings/functions/math
9
10
  @import settings/functions/timing
10
11
  @import settings/functions/list
@@ -26,6 +27,7 @@
26
27
  // variables
27
28
  ///////////////////
28
29
 
30
+ @import settings/variables/sanitize
29
31
  @import settings/variables/default
30
32
  @import settings/variables/modules
31
33
 
data/app/assets/stylesheets/_oulu-functions.sass ADDED
@@ -0,0 +1,22 @@
1
+ ///////////////////
2
+ // functions
3
+ ///////////////////
4
+
5
+ @import settings/functions/function-config
6
+ @import settings/functions/math
7
+ @import settings/functions/timing
8
+ @import settings/functions/list
9
+ @import settings/functions/number
10
+ @import settings/functions/string
11
+ @import settings/functions/length
12
+ @import settings/functions/map
13
+ @import settings/functions/bool
14
+ @import settings/functions/position
15
+ @import settings/functions/text
16
+ @import settings/functions/reverse
17
+ @import settings/functions/color
18
+ @import settings/functions/image
19
+ @import settings/functions/background
20
+ @import settings/functions/border
21
+ @import settings/functions/animation
22
+ @import settings/functions/display
data/app/assets/stylesheets/_oulu-helpers.sass ADDED
@@ -0,0 +1,10 @@
1
+ ///////////////////
2
+ // helpers
3
+ ///////////////////
4
+
5
+ @import helpers/block
6
+ @import helpers/border
7
+ @import helpers/font-awsome
8
+ @import helpers/margin-padding
9
+ @import helpers/position
10
+ @import helpers/typoglaphy
data/app/assets/stylesheets/_oulu-initializers.sass ADDED
@@ -0,0 +1,6 @@
1
+ ///////////////////
2
+ // initializers
3
+ ///////////////////
4
+
5
+ @import settings/initializers/sanitize
6
+ @import settings/initializers/reboot
data/app/assets/stylesheets/_oulu-mixins.sass ADDED
@@ -0,0 +1,27 @@
1
+ ///////////////////
2
+ // mixins
3
+ ///////////////////
4
+
5
+ @import settings/mixins/rem
6
+ @import settings/mixins/basic-font
7
+ @import settings/mixins/resets
8
+ @import settings/mixins/text
9
+ @import settings/mixins/positions
10
+ @import settings/mixins/block
11
+ @import settings/mixins/link
12
+ @import settings/mixins/border
13
+ @import settings/mixins/border-radius
14
+ @import settings/mixins/table
15
+ @import settings/mixins/list
16
+ @import settings/mixins/overlay
17
+ @import settings/mixins/balloon-tail
18
+ @import settings/mixins/margin-padding
19
+ @import settings/mixins/animation
20
+ @import settings/mixins/grid/grid-framework
21
+ @import settings/mixins/grid/grid
22
+ @import settings/mixins/break-points
23
+ @import settings/mixins/grid
24
+ @import settings/mixins/responsive-utilities
25
+ @import settings/mixins/background
26
+ @import settings/mixins/line
27
+ @import settings/mixins/image
data/app/assets/stylesheets/_oulu-variables.sass ADDED
@@ -0,0 +1,7 @@
1
+ ///////////////////
2
+ // variables
3
+ ///////////////////
4
+
5
+ @import settings/variables/sanitize
6
+ @import settings/variables/default
7
+ @import settings/variables/modules
data/app/assets/stylesheets/_oulu.sass CHANGED
@@ -5,10 +5,11 @@
5
5
  // oulu-base
6
6
  @import oulu-base
7
7
 
8
- // helper-classes
8
+ // helpers
9
9
  @import helpers/block
10
10
  @import helpers/border
11
11
  @import helpers/font-awsome
12
12
  @import helpers/margin-padding
13
13
  @import helpers/position
14
14
  @import helpers/typoglaphy
15
+ @import helpers/visibility
data/app/assets/stylesheets/helpers/_block.sass CHANGED
@@ -9,19 +9,6 @@ body
9
9
  .is-clearfix
10
10
  +clearfix
11
11
 
12
- // width
13
- .is-max-width-100
14
- width: 100%
15
- display: block
16
- .is-half
17
- width: 50%
18
-
19
- // float
20
- .is-left
21
- float: left
22
- .is-right
23
- float: right
24
-
25
12
  // float
26
13
  .is-float-left
27
14
  float: left
@@ -50,37 +37,29 @@ body
50
37
  overflow: hidden
51
38
 
52
39
  // position
53
- .is-relative
40
+ .is-position-relative
54
41
  position: relative
55
- .is-fixed-default
56
- +fixed(left 0, top 0)
57
- width: 100%
58
- .is-z-index-100
59
- +position(relative, 100)
60
42
 
61
43
  // vertical-align
62
- .is-vertical-middle
44
+ .is-vertical-align-middle
63
45
  vertical-align: middle !important
64
- .is-vertical-top
46
+ .is-vertical-align-top
65
47
  vertical-align: top !important
66
- .is-vertical-bottom
48
+ .is-vertical-align-bottom
67
49
  vertical-align: bottom !important
68
50
 
69
51
  // display
70
- .is-block
52
+ .is-display-block
71
53
  display: block
72
54
  .is-display-none
73
55
  display: none
74
56
  .is-display-none-important
75
57
  display: none !important
76
- .is-inline-block
58
+ .is-display-inline-block
77
59
  display: inline-block
78
- .is-inline
60
+ .is-display-inline
79
61
  display: inline
80
- .is-table-row
62
+ .is-display-table-row
81
63
  display: table-row !important
82
- .is-table-cell
64
+ .is-display-table-cell
83
65
  display: table-cell !important
84
- .is-inline-blocks
85
- >*
86
- display: inline-block
data/app/assets/stylesheets/helpers/_margin-padding.sass CHANGED
@@ -1,70 +1,14 @@
1
1
  body
2
- @for $i from 0 through 20
3
- .is-margin-bottom-#{$i*4px}
4
- margin-bottom: $i*4px
5
- .is-margin-top-#{$i*4px}
6
- margin-top: $i*4px
7
- .is-margin-left-#{$i*4px}
8
- margin-left: $i*4px
9
- .is-margin-right-#{$i*4px}
10
- margin-right: $i*4px
11
- .is-margin-horizontal-#{$i*4px}
12
- +margin(horizontal, $i*4px)
13
- .is-padding-bottom-#{$i*4px}
14
- padding-bottom: $i*4px
15
- .is-padding-top-#{$i*4px}
16
- padding-top: $i*4px
17
- .is-padding-left-#{$i*4px}
18
- padding-left: $i*4px
19
- .is-padding-right-#{$i*4px}
20
- padding-right: $i*4px
21
- .is-padding-horizontal-#{$i*4px}
22
- +padding(horizontal, $i*4px)
23
-
24
- // horizontal-margin-0
25
- .is-horizontal-margin-0
26
- +margin(horizontal, 0)
27
- .is-xs-horizontal-margin-0
28
- +media-breakpoint-down(xs)
29
- +margin(horizontal, 0)
30
- .is-sm-horizontal-margin-0
31
- +media-breakpoint-down(sm)
32
- +margin(horizontal, 0)
33
- .is-md-horizontal-margin-0
34
- +media-breakpoint-down(md)
35
- +margin(horizontal, 0)
36
- .is-lg-horizontal-margin-0
37
- +media-breakpoint-down(lg)
38
- +margin(horizontal, 0)
39
-
40
- // horizontal-padding-0
41
- .is-horizontal-padding-0
42
- +padding(horizontal, 0)
43
- .is-xs-horizontal-padding-0
44
- +media-breakpoint-down(xs)
45
- +padding(horizontal, 0)
46
- .is-sm-horizontal-padding-0
47
- +media-breakpoint-down(sm)
48
- +padding(horizontal, 0)
49
- .is-md-horizontal-padding-0
50
- +media-breakpoint-down(md)
51
- +padding(horizontal, 0)
52
- .is-lg-horizontal-padding-0
53
- +media-breakpoint-down(lg)
54
- +padding(horizontal, 0)
55
-
56
- // こっちに変更
57
- body
58
- @for $i from 0 through 20
2
+ @for $i from 1 through 20
59
3
  .has-margin-bottom-#{$i*4px}
60
4
  margin-bottom: $i*4px
61
- .has-margin-top-#{$i*4}
5
+ .has-margin-top-#{$i*4px}
62
6
  margin-top: $i*4px
63
- .has-margin-left-#{$i*4}
7
+ .has-margin-left-#{$i*4px}
64
8
  margin-left: $i*4px
65
- .has-margin-right-#{$i*4}
9
+ .has-margin-right-#{$i*4px}
66
10
  margin-right: $i*4px
67
- .has-margin-horizontal-#{$i*4}
11
+ .has-margin-horizontal-#{$i*4px}
68
12
  +margin(horizontal, $i*4px)
69
13
  .has-padding-bottom-#{$i*4px}
70
14
  padding-bottom: $i*4px
@@ -77,34 +21,61 @@ body
77
21
  .has-padding-horizontal-#{$i*4px}
78
22
  +padding(horizontal, $i*4px)
79
23
 
24
+ body
25
+ @for $i from 1 through 20
26
+ $rem-value: #{px_to_rem($i*4px)}
27
+ $rem-value-class: dot_to_underscore($rem-value)
28
+ .has-margin-bottom-#{$rem-value-class}
29
+ margin-bottom: $rem-value
30
+ .has-margin-top-#{$rem-value-class}
31
+ margin-top: $rem-value
32
+ .has-margin-left-#{$rem-value-class}
33
+ margin-left: $rem-value
34
+ .has-margin-right-#{$rem-value-class}
35
+ margin-right: $rem-value
36
+ .has-margin-horizontal-#{$rem-value-class}
37
+ +margin(horizontal, $rem-value)
38
+ .has-padding-bottom-#{$rem-value-class}
39
+ padding-bottom: $rem-value
40
+ .has-padding-top-#{$rem-value-class}
41
+ padding-top: $rem-value
42
+ .has-padding-left-#{$rem-value-class}
43
+ padding-left: $rem-value
44
+ .has-padding-right-#{$rem-value-class}
45
+ padding-right: $rem-value
46
+ .has-padding-horizontal-#{$rem-value-class}
47
+ +padding(horizontal, $rem-value)
48
+
49
+ body
80
50
  // horizontal-margin-0
81
51
  .has-horizontal-margin-0
82
52
  +margin(horizontal, 0)
83
- .has-xs-horizontal-margin-0
53
+ .has-horizontal-margin-0-xs-down
84
54
  +media-breakpoint-down(xs)
85
55
  +margin(horizontal, 0)
86
- .has-sm-horizontal-margin-0
56
+ .has-horizontal-margin-0-sm-down
87
57
  +media-breakpoint-down(sm)
88
58
  +margin(horizontal, 0)
89
- .has-md-horizontal-margin-0
59
+ .has-horizontal-margin-0-md-down
90
60
  +media-breakpoint-down(md)
91
61
  +margin(horizontal, 0)
92
- .has-lg-horizontal-margin-0
62
+ .has-horizontal-margin-0-lg-down
93
63
  +media-breakpoint-down(lg)
94
64
  +margin(horizontal, 0)
95
65
 
66
+ body
96
67
  // horizontal-padding-0
97
68
  .has-horizontal-padding-0
98
69
  +padding(horizontal, 0)
99
- .has-xs-horizontal-padding-0
70
+ .has-horizontal-padding-0-xs-down
100
71
  +media-breakpoint-down(xs)
101
72
  +padding(horizontal, 0)
102
- .has-sm-horizontal-padding-0
73
+ .has-horizontal-padding-0-sm-down
103
74
  +media-breakpoint-down(sm)
104
75
  +padding(horizontal, 0)
105
- .has-md-horizontal-padding-0
76
+ .has-horizontal-padding-0-md-down
106
77
  +media-breakpoint-down(md)
107
78
  +padding(horizontal, 0)
108
- .has-lg-horizontal-padding-0
79
+ .has-horizontal-padding-0-lg-down
109
80
  +media-breakpoint-down(lg)
110
81
  +padding(horizontal, 0)
data/app/assets/stylesheets/helpers/_position.sass CHANGED
@@ -7,3 +7,12 @@
7
7
  +left(#{$i}px)
8
8
  .is-right-#{$i}px
9
9
  +right(#{$i}px)
10
+
11
+ .is-top-#{px_to_rem($i)}rem
12
+ +top(#{px_to_rem($i)}rem)
13
+ .is-bottom-#{px_to_rem($i)}rem
14
+ +top(#{px_to_rem($i)}rem)
15
+ .is-left-#{px_to_rem($i)}rem
16
+ +left(#{px_to_rem($i)}rem)
17
+ .is-right-#{px_to_rem($i)}rem
18
+ +right(#{px_to_rem($i)}rem)
data/app/assets/stylesheets/helpers/_visibility.sass ADDED
@@ -0,0 +1,67 @@
1
+ .is-invisible
2
+ visibility: hidden !important
3
+
4
+ @each $bp in map-keys($grid-breakpoints)
5
+ .is-hidden-#{$bp}-up
6
+ @include media-breakpoint-up($bp)
7
+ display: none !important
8
+ .is-hidden-#{$bp}-down
9
+ @include media-breakpoint-down($bp)
10
+ display: none !important
11
+ .is-hidden-#{$bp}-only
12
+ @include media-breakpoint-only($bp)
13
+ display: none !important
14
+
15
+ @each $bp in map-keys($grid-breakpoints)
16
+ .is-visible-#{$bp}-up-block
17
+ display: none !important
18
+ @include media-breakpoint-up($bp)
19
+ display: block !important
20
+ .is-visible-#{$bp}-down-block
21
+ display: none !important
22
+ @include media-breakpoint-down($bp)
23
+ display: block !important
24
+ .is-visible-#{$bp}-only-block
25
+ display: none !important
26
+ @include media-breakpoint-only($bp)
27
+ display: block !important
28
+ .is-visible-#{$bp}-up-inline
29
+ display: none !important
30
+ @include media-breakpoint-up($bp)
31
+ display: inline !important
32
+ .is-visible-#{$bp}-down-inline
33
+ display: none !important
34
+ @include media-breakpoint-down($bp)
35
+ display: inline !important
36
+ .is-visible-#{$bp}-only-inline
37
+ display: none !important
38
+ @include media-breakpoint-only($bp)
39
+ display: inline !important
40
+ .is-visible-#{$bp}-up-inline-block
41
+ display: none !important
42
+ @include media-breakpoint-up($bp)
43
+ display: inline-block !important
44
+ .is-visible-#{$bp}-down-inline-block
45
+ display: none !important
46
+ @include media-breakpoint-down($bp)
47
+ display: inline-block !important
48
+ .is-visible-#{$bp}-only-inline-block
49
+ display: none !important
50
+ @include media-breakpoint-only($bp)
51
+ display: inline-block !important
52
+
53
+ .is-visible-print-block
54
+ display: none !important
55
+ @media print
56
+ display: block !important
57
+ .is-visible-print-inline
58
+ display: none !important
59
+ @media print
60
+ display: inline !important
61
+ .is-visible-print-inline-block
62
+ display: none !important
63
+ @media print
64
+ display: inline-block !important
65
+ .is-hidden-print
66
+ @media print
67
+ display: none !important
data/app/assets/stylesheets/modules/buttons/_button-base.sass CHANGED
@@ -7,7 +7,7 @@
7
7
  text-decoration: none
8
8
  -webkit-tap-highlight-color: transparent
9
9
 
10
- =button-size($size, $border-width: false, $border-radius: 4px)
10
+ =button-size($size, $border-width: false, $border-radius: 4px, $button-height-ratio: 2.85)
11
11
  $font-size: ""
12
12
  @if $size == 'xs'
13
13
  $font-size: $xs-button-font-size
@@ -19,7 +19,7 @@
19
19
  $font-size: $lg-button-font-size
20
20
  @else if $size == 'xl'
21
21
  $font-size: $xl-button-font-size
22
- $button-height: round($font-size * 2.85 - if($border-width, $border-width, 0) * 2)
22
+ $button-height: round($font-size * $button-height-ratio - if($border-width, $border-width, 0) * 2)
23
23
  @if $border-width
24
24
  +border(all, $border-width)
25
25
  @else
data/app/assets/stylesheets/modules/buttons/_buttons.sass CHANGED
@@ -31,7 +31,7 @@
31
31
  +button-size($size, false, 1000px)
32
32
  +flat-round-button($color)
33
33
  @else if $style == super-bold-border
34
- +button-size($size, false, 3px)
34
+ +button-size($size, false, 3px, 3.4)
35
35
  +super-bold-border-button($color, $size)
36
36
  @each $option in $options
37
37
  @if $option == 'left'
data/app/assets/stylesheets/modules/buttons/styles/_normal.sass CHANGED
@@ -68,6 +68,7 @@
68
68
  &:disabled
69
69
  $color: if(luma_bright($color), shade($color, 20%), tint($color, 20%))
70
70
  background-color: rgba($color, 7)
71
+ background-image: none
71
72
  color: rgba(luma_contrast_color($color), .7)
72
73
  border-color: shade($color, 10%) shade($color, 16%) shade($color, 26%)
73
74
  text-shadow: none
data/app/assets/stylesheets/modules/buttons/styles/_super-bold-border.sass CHANGED
@@ -1,19 +1,18 @@
1
1
  =super-bold-border-button($color, $size)
2
2
  $border-width: ""
3
3
  @if $size == 'xs'
4
- $border-width: $xs-button-font-size/3
4
+ $border-width: $xs-button-font-size/5
5
5
  @else if $size == 'sm'
6
- $border-width: $sm-button-font-size/3
6
+ $border-width: $sm-button-font-size/4.5
7
7
  @else if $size == 'md'
8
- $border-width: $md-button-font-size/3
8
+ $border-width: $md-button-font-size/4
9
9
  @else if $size == 'lg'
10
- $border-width: $lg-button-font-size/3
10
+ $border-width: $lg-button-font-size/3.5
11
11
  @else if $size == 'xl'
12
12
  $border-width: $xl-button-font-size/3
13
- border: solid $default-text $border-width
14
13
  background-color: $color
15
14
  color: luma_contrast_color($color)
16
- box-shadow: rgba(black, 0.6) 0 1px 0 1px
15
+ box-shadow: rgba(black, 0.6) 0 1px 0 1px, $default-text 0 0 0 $border-width inset
17
16
  &:link,
18
17
  &:visited
19
18
  color: luma_contrast_color($color)
@@ -29,13 +28,13 @@
29
28
  color: luma_contrast_color($color)
30
29
  background-color: $color
31
30
  +top(1px)
32
- box-shadow: none
31
+ box-shadow: $default-text 0 0 0 $border-width inset
33
32
 
34
33
  // radio & checkbos
35
34
  &.is-radio,
36
35
  &.is-checkbox
37
36
  &:before
38
- box-shadow: $default-text 0 0 0 2px
37
+ box-shadow: $default-text 0 0 0 2px, $default-text 0 0 0 $border-width inset
39
38
 
40
39
  // checked
41
40
  &.is-checked
@@ -44,7 +43,7 @@
44
43
  +top(1px)
45
44
  box-shadow: none
46
45
  &:before
47
- box-shadow: luma_contrast_color($button-checked-color) 0 0 0 2px
46
+ box-shadow: luma_contrast_color($button-checked-color) 0 0 0 2px, $default-text 0 0 0 $border-width inset
48
47
 
49
48
  // select
50
49
  &.is-select
@@ -60,4 +59,4 @@
60
59
  color: rgba(luma_contrast_color($color), .7)
61
60
  background-color: rgba($color, .7)
62
61
  border-color: rgba($default-text, .7)
63
- box-shadow: none
62
+ box-shadow: $default-text 0 0 0 $border-width inset
data/app/assets/stylesheets/settings/functions/_color.sass CHANGED
@@ -1,5 +1,3 @@
1
- $luma-threshold: 13 !default
2
-
3
1
  @function color($value)
4
2
  @if type-of($value) == color
5
3
  @return true
data/app/assets/stylesheets/settings/functions/_function-config.sass ADDED
@@ -0,0 +1,2 @@
1
+ $base-px: 16px !default
2
+ $luma-threshold: 13 !default
data/app/assets/stylesheets/settings/functions/_number.sass CHANGED
@@ -70,7 +70,7 @@
70
70
  @else
71
71
  @return null
72
72
 
73
- @function px_to_em($px, $base-px)
73
+ @function px_to_em($px, $base-px: $base-px)
74
74
  @if strip_unit($px) == 0
75
75
  @return 0
76
76
  @else if px($px)
@@ -78,7 +78,7 @@
78
78
  @else if em($px)
79
79
  @return $px
80
80
 
81
- @function em_to_px($em, $base-px: $baseline-px)
81
+ @function em_to_px($em, $base-px: $base-px)
82
82
  @if $em == 0
83
83
  @return 0
84
84
  @else if em($em)
@@ -86,6 +86,14 @@
86
86
  @else if px($em)
87
87
  @return $em
88
88
 
89
+ @function px_to_rem($px, $base-px: $base-px)
90
+ @if strip_unit($px) == 0
91
+ @return 0
92
+ @else if px($px)
93
+ @return (strip_unit($px) / strip_unit($base-px)) * 1rem
94
+ @else if rem($px)
95
+ @return $px
96
+
89
97
  @function multiple($number, $multiple_number)
90
98
  // $multiple_number で割り切れる $number に近い数を出す
91
99
  $remainder: $number % $multiple_number
data/app/assets/stylesheets/settings/functions/_string.sass CHANGED
@@ -3,3 +3,22 @@
3
3
  @return true
4
4
  @else
5
5
  @return null
6
+
7
+ // https://gist.github.com/hail2u/6101358
8
+ @function str-replace($string, $substr, $newsubstr, $all: 0)
9
+ $position-found: str-index($string, $substr)
10
+ @if $position-found
11
+ @while $position-found > 0
12
+ $length-substr: str-length($substr)
13
+ $string-pre: str-slice($string, 0, $position-found - 1)
14
+ $string-post: str-slice($string, $position-found + $length-substr)
15
+ $string: $string-pre + $newsubstr + $string-post
16
+ $position-found: 0
17
+ @if $all > 0
18
+ $position-found: str-index($string, $substr)
19
+ @return $string
20
+ @else
21
+ @return $string
22
+
23
+ @function dot_to_underscore($string)
24
+ @return str-replace($string, ".", "_")
data/app/assets/stylesheets/settings/initializers/_reboot.sass CHANGED
@@ -1,10 +1,15 @@
1
1
  html
2
2
  -webkit-tap-highlight-color: rgba(0,0,0,0)
3
+ -moz-osx-font-smoothing: grayscale
4
+ -webkit-font-smoothing: antialiased
5
+ text-rendering: optimizeLegibility
6
+ +overflow(hidden auto)
3
7
 
4
8
  input[type="text"],
5
9
  input[type="password"],
6
10
  textarea,
7
11
  select,
12
+ button,
8
13
  [tabindex="-1"]:focus
9
14
  outline: none !important
10
15
 
@@ -13,6 +18,7 @@ select,
13
18
 
14
19
  img
15
20
  vertical-align: middle
21
+ max-width: 100%
16
22
 
17
23
  a,
18
24
  area,
data/app/assets/stylesheets/settings/mixins/_rem.sass CHANGED
@@ -5,11 +5,9 @@
5
5
  // original https://github.com/bitmanic/rem
6
6
  // customize by machida
7
7
 
8
- $baseline-px: $root-font-size !default
9
-
10
8
  =rem($property, $px-values, $important: null)
11
9
  // Convert the baseline into rems
12
- $baseline-rem: $baseline-px / 1rem
10
+ $baseline-rem: $base-px / 1rem
13
11
  // remが使えないブラウザ用にpx版を出力
14
12
  @if $important
15
13
  #{$property}: $px-values !important
data/app/assets/stylesheets/settings/mixins/_text.sass CHANGED
@@ -30,3 +30,10 @@
30
30
  // 9px以下のfont-sizeを使う設定（IE8不可）
31
31
  transform: scale3d(strip_unit($font-size / 10), strip_unit($font-size/ 10), 1)
32
32
  transform-origin: 0 0
33
+
34
+ =ellipsis($max-width: 100%)
35
+ display: inline-block
36
+ max-width: $max-width
37
+ overflow: hidden
38
+ text-overflow: ellipsis
39
+ white-space: nowrap
data/app/assets/stylesheets/settings/variables/_default.sass CHANGED
@@ -57,31 +57,3 @@ $dark-text-color: $default-text !default
57
57
 
58
58
  $luma-contrast-bright-color: $default-text !default
59
59
  $luma-contrast-dark-color: $reversal-text !default
60
-
61
- /////////////////
62
- // sanitize.css
63
- ////////////////
64
-
65
- $root-background-color: #FFFFFF !default
66
- $root-box-sizing: border-box !default
67
- $root-color: $default-text !default
68
- $root-cursor: default !default
69
- $root-font-family: $basic-sans-serif !default
70
- $root-font-size: 100% !default
71
- $root-line-height: 1.5 !default
72
- $root-text-rendering: optimizeLegibility !default
73
-
74
- $anchor-text-decoration: none !default
75
- $background-repeat: no-repeat !default
76
- $form-element-background-color: transparent !default
77
- $form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != "%", $root-line-height, null)) !default
78
- $media-element-vertical-align: middle !default
79
- $monospace-font-family: $basic-mono !default
80
- $nav-list-style: none !default
81
- $selection-background-color: #B3D4FC !default
82
- $selection-color: #ffffff !default
83
- $selection-text-shadow: none !default
84
- $small-font-size: 75% !default
85
- $table-border-collapse: collapse !default
86
- $table-border-spacing: 0 !default
87
- $textarea-resize: vertical !default
data/app/assets/stylesheets/settings/variables/_sanitize.sass ADDED
@@ -0,0 +1,23 @@
1
+ $root-background-color: #FFFFFF !default
2
+ $root-box-sizing: border-box !default
3
+ $root-color: $default-text !default
4
+ $root-cursor: default !default
5
+ $root-font-family: $basic-sans-serif !default
6
+ $root-font-size: 100% !default
7
+ $root-line-height: 1.5 !default
8
+ $root-text-rendering: optimizeLegibility !default
9
+
10
+ $anchor-text-decoration: none !default
11
+ $background-repeat: no-repeat !default
12
+ $form-element-background-color: transparent !default
13
+ $form-element-min-height: if(unitless($root-line-height), #{$root-line-height}em, if(unit($root-line-height) != "%", $root-line-height, null)) !default
14
+ $media-element-vertical-align: middle !default
15
+ $monospace-font-family: $basic-mono !default
16
+ $nav-list-style: none !default
17
+ $selection-background-color: #B3D4FC !default
18
+ $selection-color: #ffffff !default
19
+ $selection-text-shadow: none !default
20
+ $small-font-size: 75% !default
21
+ $table-border-collapse: collapse !default
22
+ $table-border-spacing: 0 !default
23
+ $textarea-resize: vertical !default
data/bower.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oulu",
3
- "version": "0.11.4",
3
+ "version": "0.11.5",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
data/lib/oulu/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Oulu
2
- VERSION = "0.11.4"
2
+ VERSION = "0.11.5"
3
3
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oulu",
3
- "version": "0.11.4",
3
+ "version": "0.11.5",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: oulu
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.11.4
4
+ version: 0.11.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - machida
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-03-30 00:00:00.000000000 Z
11
+ date: 2016-04-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: thor
@@ -50,6 +50,11 @@ files:
50
50
  - README.md
51
51
  - Rakefile
52
52
  - app/assets/stylesheets/_oulu-base.sass
53
+ - app/assets/stylesheets/_oulu-functions.sass
54
+ - app/assets/stylesheets/_oulu-helpers.sass
55
+ - app/assets/stylesheets/_oulu-initializers.sass
56
+ - app/assets/stylesheets/_oulu-mixins.sass
57
+ - app/assets/stylesheets/_oulu-variables.sass
53
58
  - app/assets/stylesheets/_oulu.sass
54
59
  - app/assets/stylesheets/helpers/_block.sass
55
60
  - app/assets/stylesheets/helpers/_border.sass
@@ -57,6 +62,7 @@ files:
57
62
  - app/assets/stylesheets/helpers/_margin-padding.sass
58
63
  - app/assets/stylesheets/helpers/_position.sass
59
64
  - app/assets/stylesheets/helpers/_typoglaphy.sass
65
+ - app/assets/stylesheets/helpers/_visibility.sass
60
66
  - app/assets/stylesheets/modules/amazlet/_amazlet.sass
61
67
  - app/assets/stylesheets/modules/buttons/_button-base.sass
62
68
  - app/assets/stylesheets/modules/buttons/_button-helper.sass
@@ -104,6 +110,7 @@ files:
104
110
  - app/assets/stylesheets/settings/functions/_content.sass
105
111
  - app/assets/stylesheets/settings/functions/_cursor.sass
106
112
  - app/assets/stylesheets/settings/functions/_display.sass
113
+ - app/assets/stylesheets/settings/functions/_function-config.sass
107
114
  - app/assets/stylesheets/settings/functions/_image.sass
108
115
  - app/assets/stylesheets/settings/functions/_length.sass
109
116
  - app/assets/stylesheets/settings/functions/_list.sass
@@ -145,6 +152,7 @@ files:
145
152
  - app/assets/stylesheets/settings/mixins/grid/_grid.sass
146
153
  - app/assets/stylesheets/settings/variables/_default.sass
147
154
  - app/assets/stylesheets/settings/variables/_modules.sass
155
+ - app/assets/stylesheets/settings/variables/_sanitize.sass
148
156
  - bower.json
149
157
  - index.js
150
158
  - lib/oulu.rb
@@ -179,3 +187,4 @@ signing_key:
179
187
  specification_version: 4
180
188
  summary: My assets gem for middleman.
181
189
  test_files: []
190
+ has_rdoc: