oulu-rails 0.5.22 → 0.5.23
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/oulu-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/_oulu-base.css.sass +1 -0
- data/vendor/assets/stylesheets/settings/functions/_grid.css.sass +34 -0
- data/vendor/assets/stylesheets/settings/mixins/_grids.css.sass +41 -48
- data/vendor/assets/stylesheets/settings/mixins/_responsive-utilities.css.sass +1 -1
- metadata +2 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7cc02577935cc850eb539e0018cf8f19b3c870c7
|
|
4
|
+
data.tar.gz: 9cf37168a8a6b39a5708850c6c53d25e08cedf20
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: f929bd6881fd463834e7da5d069181492c8ddd1d62033ce157ed9594d06f7bbc3ef72dea3878a9b9a634f5daa189551f99506e0aa50df44817b5a2366a258255
|
|
7
|
+
data.tar.gz: 0c4fecbc0fb96a0934d46a8b92adc99fefbc3ee09fca014074313dcd7bb485c04727778b5f6a1c022f28f965bd224da1c01d929bf7397d4f2abd85d60fb33775
|
data/lib/oulu-rails/version.rb
CHANGED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
@function gutter_width($value)
|
|
2
|
+
@if $value == 0 or px($value)
|
|
3
|
+
@return true
|
|
4
|
+
@else
|
|
5
|
+
@return null
|
|
6
|
+
|
|
7
|
+
@function columns_count($value)
|
|
8
|
+
@if unitless_number($value)
|
|
9
|
+
@if $value > 0
|
|
10
|
+
@return true
|
|
11
|
+
@else
|
|
12
|
+
@return null
|
|
13
|
+
@else
|
|
14
|
+
@return null
|
|
15
|
+
|
|
16
|
+
@function break_point($value)
|
|
17
|
+
@if string($value) and ($value == 'xs' or $value == 'sm' or $value == 'md' or $value == 'lg' or $value == 'xl')
|
|
18
|
+
@return true
|
|
19
|
+
@else if list($value) and (nth($value, 1) == 'xs' or nth($value, 1) == 'sm' or nth($value, 1) == 'md' or nth($value, 1) == 'lg' or nth($value, 1) == 'xl')
|
|
20
|
+
@return true
|
|
21
|
+
@else
|
|
22
|
+
@return null
|
|
23
|
+
|
|
24
|
+
@function row_class_name($value)
|
|
25
|
+
@if string($value) and str-slice($value, 1, 1) == ('.')
|
|
26
|
+
@return true
|
|
27
|
+
@else
|
|
28
|
+
@return null
|
|
29
|
+
|
|
30
|
+
@function offsets($value)
|
|
31
|
+
@if string($value) and $value == offsets
|
|
32
|
+
@return true
|
|
33
|
+
@else
|
|
34
|
+
@return null
|
|
@@ -38,7 +38,6 @@ $screen-md-max: ($screen-lg-min - 1) !default
|
|
|
38
38
|
@media only screen and (max-width: $screen-lg)
|
|
39
39
|
@content
|
|
40
40
|
|
|
41
|
-
|
|
42
41
|
// カラムのラッパーのクラス名
|
|
43
42
|
$row-class-name: '.row' !default
|
|
44
43
|
// カラムのネームスペース ※classの".（カンマ）"もネームスペースの一部
|
|
@@ -50,6 +49,7 @@ $break-point-xs-namespace: 'xs-' !default
|
|
|
50
49
|
$break-point-sm-namespace: 'sm-' !default
|
|
51
50
|
$break-point-md-namespace: 'md-' !default
|
|
52
51
|
$break-point-lg-namespace: 'lg-' !default
|
|
52
|
+
$break-point-xl-namespace: 'xl-' !default
|
|
53
53
|
|
|
54
54
|
// ブレイクポイントを配列にする
|
|
55
55
|
$break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-point-md-namespace, $break-point-lg-namespace
|
|
@@ -67,7 +67,7 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
|
|
|
67
67
|
@else if $screen-lg and $break-point == $break-point-lg-namespace
|
|
68
68
|
@media only screen and (min-width: $screen-md)
|
|
69
69
|
@content
|
|
70
|
-
@else if $
|
|
70
|
+
@else if $break-point == $break-point-xl-namespace
|
|
71
71
|
@media only screen and (min-width: $screen-lg)
|
|
72
72
|
@content
|
|
73
73
|
|
|
@@ -77,24 +77,18 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
|
|
|
77
77
|
+margin(horizontal, ($gutter-width / 2) * -1)
|
|
78
78
|
// clearfix
|
|
79
79
|
+rem('min-height', 1px)
|
|
80
|
-
|
|
81
|
-
&:after
|
|
82
|
-
display: table
|
|
83
|
-
content: " "
|
|
84
|
-
&:after
|
|
85
|
-
clear: both
|
|
80
|
+
+pie-clearfix
|
|
86
81
|
|
|
87
82
|
// カラムの基本設定
|
|
88
83
|
=column($number, $columns-gutter-width: $gutter-width)
|
|
89
84
|
+rem('width', 100 / $columns-count * $number * 1%)
|
|
90
|
-
+rem('min-height', 1px)
|
|
91
85
|
+padding(horizontal, $columns-gutter-width / 2)
|
|
92
|
-
float: left
|
|
93
86
|
+box-sizing(border-box)
|
|
87
|
+
float: left
|
|
94
88
|
|
|
95
89
|
// カラムをサイズごとに作る
|
|
96
90
|
@each $break-point in $break-points
|
|
97
|
-
+break-points(
|
|
91
|
+
+break-points($break-point)
|
|
98
92
|
@for $i from 1 through $columns-count
|
|
99
93
|
#{$column-namespace}#{$break-point}#{$i}
|
|
100
94
|
+column($i)
|
|
@@ -105,47 +99,46 @@ $break-points: $break-point-xs-namespace, $break-point-sm-namespace, $break-poin
|
|
|
105
99
|
|
|
106
100
|
// オフセットカラムをサイズごとに作る
|
|
107
101
|
@each $break-point in $break-points
|
|
108
|
-
+break-points(
|
|
102
|
+
+break-points($break-point)
|
|
109
103
|
@for $i from 1 through $columns-count
|
|
110
104
|
#{$column-namespace}#{$break-point}#{$column-offset-namespace}#{$i}
|
|
111
105
|
+column-offset($i)
|
|
112
106
|
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
@for $i from 1 through $columns-count
|
|
131
|
-
#{$column-namespace}#{$break-point}#{$i}
|
|
132
|
-
+column($i, $columns-gutter-width)
|
|
133
|
-
|
|
134
|
-
=grid-column-offsets($columns-gutter-width: $gutter-width, $grid-columns-row-class-name: '.row')
|
|
107
|
+
=grid-columns($values)
|
|
108
|
+
$columns-gutter-width: 0 !default
|
|
109
|
+
$temp-columns-count: 12 !default
|
|
110
|
+
$temp-break-points: 'xs', 'sm', 'md', 'lg' !default
|
|
111
|
+
$grid-columns-row-class-name: '.row' !default
|
|
112
|
+
$offsets: false !default
|
|
113
|
+
@for $i from 1 through length($values)
|
|
114
|
+
@if gutter_width(nth($values, $i))
|
|
115
|
+
$columns-gutter-width: nth($values, $i)
|
|
116
|
+
@else if columns_count(nth($values, $i))
|
|
117
|
+
$temp-columns-count: nth($values, $i)
|
|
118
|
+
@else if break_point(nth($values, $i))
|
|
119
|
+
$temp-break-points: nth($values, $i)
|
|
120
|
+
@else if row_class_name(nth($values, $i))
|
|
121
|
+
$grid-columns-row-class-name: nth($values, $i)
|
|
122
|
+
@else if offsets(nth($values, $i))
|
|
123
|
+
$offsets: nth($values, $i)
|
|
135
124
|
#{$grid-columns-row-class-name}
|
|
136
125
|
// カラムのマージン分だけ両サイドにネガティブマージンを取る
|
|
137
126
|
+margin(horizontal, ($columns-gutter-width / 2) * -1)
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
127
|
+
+pie-clearfix
|
|
128
|
+
// カラムをサイズごとに作る
|
|
129
|
+
$break-points: ()
|
|
130
|
+
@each $temp-break-point in $temp-break-points
|
|
131
|
+
$break-points: append($break-points, if($temp-break-point == 'xs', $break-point-xs-namespace, null))
|
|
132
|
+
$break-points: append($break-points, if($temp-break-point == 'sm', $break-point-sm-namespace, null))
|
|
133
|
+
$break-points: append($break-points, if($temp-break-point == 'md', $break-point-md-namespace, null))
|
|
134
|
+
$break-points: append($break-points, if($temp-break-point == 'lg', $break-point-lg-namespace, null))
|
|
135
|
+
$break-points: append($break-points, if($temp-break-point == 'xl', $break-point-xl-namespace, null))
|
|
136
|
+
content: $temp-columns-count
|
|
137
|
+
@each $break-point in $break-points
|
|
138
|
+
+break-points($break-point)
|
|
139
|
+
@for $i from 1 through $temp-columns-count
|
|
140
|
+
#{$column-namespace}#{$break-point}#{$i}
|
|
141
|
+
+column($i, $columns-gutter-width)
|
|
142
|
+
@if $offsets
|
|
143
|
+
#{$column-namespace}#{$break-point}#{$column-offset-namespace}#{$i}
|
|
144
|
+
+column-offset($i)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// https://github.com/twbs/bootstrap-sass/blob/master/
|
|
1
|
+
// https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_responsive-utilities.scss
|
|
2
2
|
|
|
3
3
|
=responsive-visibility($parent)
|
|
4
4
|
#{$parent}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: oulu-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.5.
|
|
4
|
+
version: 0.5.23
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- machida
|
|
@@ -348,6 +348,7 @@ files:
|
|
|
348
348
|
- vendor/assets/stylesheets/settings/functions/_color.css.sass
|
|
349
349
|
- vendor/assets/stylesheets/settings/functions/_content.css.sass
|
|
350
350
|
- vendor/assets/stylesheets/settings/functions/_cursor.css.sass
|
|
351
|
+
- vendor/assets/stylesheets/settings/functions/_grid.css.sass
|
|
351
352
|
- vendor/assets/stylesheets/settings/functions/_image.css.sass
|
|
352
353
|
- vendor/assets/stylesheets/settings/functions/_length.css.sass
|
|
353
354
|
- vendor/assets/stylesheets/settings/functions/_list.css.sass
|