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,44 @@
|
|
|
1
|
+
// どこでも font-weight と text-align と color と +top() が書ける設定
|
|
2
|
+
=text-block-options($value)
|
|
3
|
+
font-weight: if(font_weight($value), $value, null)
|
|
4
|
+
text-align: if(text_align($value), $value, null)
|
|
5
|
+
color: if(color($value), $value, null)
|
|
6
|
+
white-space: if(white_space($value), $value, null)
|
|
7
|
+
display: if(display($value), $value, null)
|
|
8
|
+
@if number($value)
|
|
9
|
+
+top($value, null)
|
|
10
|
+
|
|
11
|
+
// +text-block($font-size $line-height $margin-bottom, $font-weight $text-align $color $top)
|
|
12
|
+
=text-block($value1: null, $value2: null)
|
|
13
|
+
+rem('font-size', nth($value1, 1))
|
|
14
|
+
+rem('line-height', optional_nth($value1, 2))
|
|
15
|
+
+rem('margin-bottom', optional_nth($value1, 3))
|
|
16
|
+
@if ($value2)
|
|
17
|
+
@for $i from 1 through length($value2)
|
|
18
|
+
+text-block-options(nth($value2, $i))
|
|
19
|
+
|
|
20
|
+
=letter-spacing-center($space-width: null)
|
|
21
|
+
+rem('letter-spacing', $space-width)
|
|
22
|
+
+rem('text-indent', $space-width)
|
|
23
|
+
|
|
24
|
+
// brをアクティブにするサイズを設定
|
|
25
|
+
=br($active-sizes)
|
|
26
|
+
br
|
|
27
|
+
display: none
|
|
28
|
+
@if ($active-sizes)
|
|
29
|
+
@for $i from 1 through length($active-sizes)
|
|
30
|
+
@if nth($value1, $i) == xs
|
|
31
|
+
+screen-xs
|
|
32
|
+
display: block
|
|
33
|
+
@else if nth($value1, $i) == sm
|
|
34
|
+
+screen-sm
|
|
35
|
+
display: block
|
|
36
|
+
@else if nth($value1, $i) == md
|
|
37
|
+
+screen-md
|
|
38
|
+
display: block
|
|
39
|
+
@else if nth($value1, $i) == lg
|
|
40
|
+
+screen-md
|
|
41
|
+
display: block
|
|
42
|
+
@else if nth($value1, $i) == xl
|
|
43
|
+
+screen-md
|
|
44
|
+
display: block
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
// Framework grid generation
|
|
2
|
+
//
|
|
3
|
+
// Used only by Bootstrap to generate the correct number of grid classes given
|
|
4
|
+
// any value of `$grid-columns`.
|
|
5
|
+
|
|
6
|
+
// [converter] This is defined recursively in LESS, but Sass supports real loops
|
|
7
|
+
@mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
|
|
8
|
+
@for $i from (1 + 1) through $grid-columns {
|
|
9
|
+
$list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
|
|
10
|
+
}
|
|
11
|
+
#{$list} {
|
|
12
|
+
position: relative;
|
|
13
|
+
// Prevent columns from collapsing when empty
|
|
14
|
+
min-height: 1px;
|
|
15
|
+
// Inner gutter via padding
|
|
16
|
+
padding-left: ceil(($grid-gutter-width / 2));
|
|
17
|
+
padding-right: floor(($grid-gutter-width / 2));
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
// [converter] This is defined recursively in LESS, but Sass supports real loops
|
|
23
|
+
@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
|
|
24
|
+
@for $i from (1 + 1) through $grid-columns {
|
|
25
|
+
$list: "#{$list}, .col-#{$class}-#{$i}";
|
|
26
|
+
}
|
|
27
|
+
#{$list} {
|
|
28
|
+
float: left;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
@mixin calc-grid-column($index, $class, $type) {
|
|
34
|
+
@if ($type == width) and ($index > 0) {
|
|
35
|
+
.col-#{$class}-#{$index} {
|
|
36
|
+
width: percentage(($index / $grid-columns));
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
@if ($type == push) and ($index > 0) {
|
|
40
|
+
.col-#{$class}-push-#{$index} {
|
|
41
|
+
left: percentage(($index / $grid-columns));
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
@if ($type == push) and ($index == 0) {
|
|
45
|
+
.col-#{$class}-push-0 {
|
|
46
|
+
left: auto;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
@if ($type == pull) and ($index > 0) {
|
|
50
|
+
.col-#{$class}-pull-#{$index} {
|
|
51
|
+
right: percentage(($index / $grid-columns));
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
@if ($type == pull) and ($index == 0) {
|
|
55
|
+
.col-#{$class}-pull-0 {
|
|
56
|
+
right: auto;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
@if ($type == offset) {
|
|
60
|
+
.col-#{$class}-offset-#{$index} {
|
|
61
|
+
margin-left: percentage(($index / $grid-columns));
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// [converter] This is defined recursively in LESS, but Sass supports real loops
|
|
67
|
+
@mixin loop-grid-columns($columns, $class, $type) {
|
|
68
|
+
@for $i from 0 through $columns {
|
|
69
|
+
@include calc-grid-column($i, $class, $type);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
// Create grid for specific class
|
|
75
|
+
@mixin make-grid($class) {
|
|
76
|
+
@include float-grid-columns($class);
|
|
77
|
+
@include loop-grid-columns($grid-columns, $class, width);
|
|
78
|
+
@include loop-grid-columns($grid-columns, $class, pull);
|
|
79
|
+
@include loop-grid-columns($grid-columns, $class, push);
|
|
80
|
+
@include loop-grid-columns($grid-columns, $class, offset);
|
|
81
|
+
}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
// Grid system
|
|
2
|
+
//
|
|
3
|
+
// Generate semantic grid columns with these mixins.
|
|
4
|
+
|
|
5
|
+
// Centered container element
|
|
6
|
+
@mixin container-fixed($gutter: $grid-gutter-width) {
|
|
7
|
+
margin-right: auto;
|
|
8
|
+
margin-left: auto;
|
|
9
|
+
padding-left: ($gutter / 2);
|
|
10
|
+
padding-right: ($gutter / 2);
|
|
11
|
+
@include clearfix;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
// Creates a wrapper for a series of columns
|
|
15
|
+
@mixin make-row($gutter: $grid-gutter-width) {
|
|
16
|
+
margin-left: ceil(($gutter / -2));
|
|
17
|
+
margin-right: floor(($gutter / -2));
|
|
18
|
+
@include clearfix;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// Generate the extra small columns
|
|
22
|
+
@mixin make-xs-column($columns, $gutter: $grid-gutter-width) {
|
|
23
|
+
position: relative;
|
|
24
|
+
float: left;
|
|
25
|
+
width: percentage(($columns / $grid-columns));
|
|
26
|
+
min-height: 1px;
|
|
27
|
+
padding-left: ($gutter / 2);
|
|
28
|
+
padding-right: ($gutter / 2);
|
|
29
|
+
}
|
|
30
|
+
@mixin make-xs-column-offset($columns) {
|
|
31
|
+
margin-left: percentage(($columns / $grid-columns));
|
|
32
|
+
}
|
|
33
|
+
@mixin make-xs-column-push($columns) {
|
|
34
|
+
left: percentage(($columns / $grid-columns));
|
|
35
|
+
}
|
|
36
|
+
@mixin make-xs-column-pull($columns) {
|
|
37
|
+
right: percentage(($columns / $grid-columns));
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Generate the small columns
|
|
41
|
+
@mixin make-sm-column($columns, $gutter: $grid-gutter-width) {
|
|
42
|
+
position: relative;
|
|
43
|
+
min-height: 1px;
|
|
44
|
+
padding-left: ($gutter / 2);
|
|
45
|
+
padding-right: ($gutter / 2);
|
|
46
|
+
|
|
47
|
+
@media (min-width: $screen-sm-min) {
|
|
48
|
+
float: left;
|
|
49
|
+
width: percentage(($columns / $grid-columns));
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
@mixin make-sm-column-offset($columns) {
|
|
53
|
+
@media (min-width: $screen-sm-min) {
|
|
54
|
+
margin-left: percentage(($columns / $grid-columns));
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
@mixin make-sm-column-push($columns) {
|
|
58
|
+
@media (min-width: $screen-sm-min) {
|
|
59
|
+
left: percentage(($columns / $grid-columns));
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
@mixin make-sm-column-pull($columns) {
|
|
63
|
+
@media (min-width: $screen-sm-min) {
|
|
64
|
+
right: percentage(($columns / $grid-columns));
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// Generate the medium columns
|
|
69
|
+
@mixin make-md-column($columns, $gutter: $grid-gutter-width) {
|
|
70
|
+
position: relative;
|
|
71
|
+
min-height: 1px;
|
|
72
|
+
padding-left: ($gutter / 2);
|
|
73
|
+
padding-right: ($gutter / 2);
|
|
74
|
+
|
|
75
|
+
@media (min-width: $screen-md-min) {
|
|
76
|
+
float: left;
|
|
77
|
+
width: percentage(($columns / $grid-columns));
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
@mixin make-md-column-offset($columns) {
|
|
81
|
+
@media (min-width: $screen-md-min) {
|
|
82
|
+
margin-left: percentage(($columns / $grid-columns));
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
@mixin make-md-column-push($columns) {
|
|
86
|
+
@media (min-width: $screen-md-min) {
|
|
87
|
+
left: percentage(($columns / $grid-columns));
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
@mixin make-md-column-pull($columns) {
|
|
91
|
+
@media (min-width: $screen-md-min) {
|
|
92
|
+
right: percentage(($columns / $grid-columns));
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
// Generate the large columns
|
|
97
|
+
@mixin make-lg-column($columns, $gutter: $grid-gutter-width) {
|
|
98
|
+
position: relative;
|
|
99
|
+
min-height: 1px;
|
|
100
|
+
padding-left: ($gutter / 2);
|
|
101
|
+
padding-right: ($gutter / 2);
|
|
102
|
+
|
|
103
|
+
@media (min-width: $screen-lg-min) {
|
|
104
|
+
float: left;
|
|
105
|
+
width: percentage(($columns / $grid-columns));
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
@mixin make-lg-column-offset($columns) {
|
|
109
|
+
@media (min-width: $screen-lg-min) {
|
|
110
|
+
margin-left: percentage(($columns / $grid-columns));
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
@mixin make-lg-column-push($columns) {
|
|
114
|
+
@media (min-width: $screen-lg-min) {
|
|
115
|
+
left: percentage(($columns / $grid-columns));
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
@mixin make-lg-column-pull($columns) {
|
|
119
|
+
@media (min-width: $screen-lg-min) {
|
|
120
|
+
right: percentage(($columns / $grid-columns));
|
|
121
|
+
}
|
|
122
|
+
}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
/////////////////
|
|
2
|
+
// rem
|
|
3
|
+
////////////////
|
|
4
|
+
|
|
5
|
+
$rem: false !default
|
|
6
|
+
|
|
7
|
+
/////////////////
|
|
8
|
+
// positions
|
|
9
|
+
////////////////
|
|
10
|
+
|
|
11
|
+
$all: top right bottom left !default
|
|
12
|
+
$horizontal: left right !default
|
|
13
|
+
$vertical: top bottom !default
|
|
14
|
+
|
|
15
|
+
/////////////////
|
|
16
|
+
// layout
|
|
17
|
+
////////////////
|
|
18
|
+
|
|
19
|
+
$container-class-name: container !default
|
|
20
|
+
$container-max-width: 1100px !default
|
|
21
|
+
$container-horizontal-padding: 16px !default
|
|
22
|
+
|
|
23
|
+
/////////////////
|
|
24
|
+
// selection
|
|
25
|
+
////////////////
|
|
26
|
+
|
|
27
|
+
$selection-bg-color: black !default
|
|
28
|
+
$selection-tx-color: white !default
|
|
29
|
+
$input-selection-bg-color: lightgray !default
|
|
30
|
+
$input-selection-tx-color: black !default
|
|
31
|
+
|
|
32
|
+
/////////////////
|
|
33
|
+
// text-color
|
|
34
|
+
////////////////
|
|
35
|
+
|
|
36
|
+
$bright-text-color: white !default
|
|
37
|
+
$dark-text-color: black !default
|
|
38
|
+
$ruma-threshold: 100 / pi() !default
|
|
39
|
+
|
|
40
|
+
/////////////////
|
|
41
|
+
// grids
|
|
42
|
+
////////////////
|
|
43
|
+
|
|
44
|
+
// screens
|
|
45
|
+
//== Media queries breakpoints
|
|
46
|
+
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
|
47
|
+
|
|
48
|
+
// Extra small screen / phone
|
|
49
|
+
//** Deprecated `$screen-xs` as of v3.0.1
|
|
50
|
+
$screen-xs: 480px !default
|
|
51
|
+
//** Deprecated `$screen-xs-min` as of v3.2.0
|
|
52
|
+
$screen-xs-min: $screen-xs !default
|
|
53
|
+
//** Deprecated `$screen-phone` as of v3.0.1
|
|
54
|
+
$screen-phone: $screen-xs-min !default
|
|
55
|
+
|
|
56
|
+
// Small screen / tablet
|
|
57
|
+
//** Deprecated `$screen-sm` as of v3.0.1
|
|
58
|
+
$screen-sm: 768px !default
|
|
59
|
+
$screen-sm-min: $screen-sm !default
|
|
60
|
+
//** Deprecated `$screen-tablet` as of v3.0.1
|
|
61
|
+
$screen-tablet: $screen-sm-min !default
|
|
62
|
+
|
|
63
|
+
// Medium screen / desktop
|
|
64
|
+
//** Deprecated `$screen-md` as of v3.0.1
|
|
65
|
+
$screen-md: 992px !default
|
|
66
|
+
$screen-md-min: $screen-md !default
|
|
67
|
+
//** Deprecated `$screen-desktop` as of v3.0.1
|
|
68
|
+
$screen-desktop: $screen-md-min !default
|
|
69
|
+
|
|
70
|
+
// Large screen / wide desktop
|
|
71
|
+
//** Deprecated `$screen-lg` as of v3.0.1
|
|
72
|
+
$screen-lg: 1200px !default
|
|
73
|
+
$screen-lg-min: $screen-lg !default
|
|
74
|
+
//** Deprecated `$screen-lg-desktop` as of v3.0.1
|
|
75
|
+
$screen-lg-desktop: $screen-lg-min !default
|
|
76
|
+
|
|
77
|
+
// So media queries don't overlap when required, provide a maximum
|
|
78
|
+
$screen-xs-max: ($screen-sm-min - 1) !default
|
|
79
|
+
$screen-sm-max: ($screen-md-min - 1) !default
|
|
80
|
+
$screen-md-max: ($screen-lg-min - 1) !default
|
|
81
|
+
$screen-lg-max: ($screen-lg-min - 1) !default
|
|
82
|
+
|
|
83
|
+
// 横一列の最大カラム数
|
|
84
|
+
$grid-columns: 12 !default
|
|
85
|
+
// カラムとカラムの間のスペース
|
|
86
|
+
$grid-gutter-width: 32px
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
//== Container sizes
|
|
90
|
+
//## Define the maximum width of `.container` for different screen sizes.
|
|
91
|
+
|
|
92
|
+
// Small screen / tablet
|
|
93
|
+
$container-tablet: (720px + $grid-gutter-width) !default
|
|
94
|
+
//** For `$screen-sm-min` and up.
|
|
95
|
+
$container-sm: $container-tablet !default
|
|
96
|
+
|
|
97
|
+
// Medium screen / desktop
|
|
98
|
+
$container-desktop: (940px + $grid-gutter-width) !default
|
|
99
|
+
//** For `$screen-md-min` and up.
|
|
100
|
+
$container-md: $container-desktop !default
|
|
101
|
+
|
|
102
|
+
// Large screen / wide desktop
|
|
103
|
+
$container-large-desktop: (1140px + $grid-gutter-width) !default
|
|
104
|
+
//** For `$screen-lg-min` and up.
|
|
105
|
+
$container-lg: $container-large-desktop !default
|
|
106
|
+
|
|
107
|
+
/////////////////
|
|
108
|
+
// font
|
|
109
|
+
////////////////
|
|
110
|
+
|
|
111
|
+
$fw: 400 !default
|
|
112
|
+
|
|
113
|
+
$basic-sans-serif: "Lucida Grande", "Lucida Sans Unicode", Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif !default
|
|
114
|
+
$basic-legacy-ie-sans-serif: "MS Pゴシック", "Lucida Sans Unicode", sans-serif !default
|
|
115
|
+
$basic-bold-sans-serif: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "メイリオ", Meiryo, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif !default
|
|
116
|
+
$basic-serif: "Times New Roman", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGS明朝E", "游明朝", YuMincho,'MS P明朝','MS PMincho', serif !default
|
|
117
|
+
$basic-mono: Osaka-mono, "MS Gothic", monospace !default
|
|
118
|
+
$basic-maru: "Varela Round", "Lucida Grande", "Lucida Sans Unicode", Roboto, "Droid Sans", "HG丸ゴシックM-PRO", "Hiragino Maru Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif !default
|
|
119
|
+
$basic-fonts: $basic-sans-serif !default
|
|
120
|
+
$basic-legacy-ie-fonts: $basic-legacy-ie-sans-serif !default
|
|
121
|
+
|
|
122
|
+
/////////////////
|
|
123
|
+
// UI colors
|
|
124
|
+
////////////////
|
|
125
|
+
|
|
126
|
+
$default: #ffffff !default
|
|
127
|
+
$primary: #337AB7 !default
|
|
128
|
+
$success: #5CB85C !default
|
|
129
|
+
$info: #5BC0DE !default
|
|
130
|
+
$warning: #F0AD4E !default
|
|
131
|
+
$danger: #D9534F !default
|
|
132
|
+
|
|
133
|
+
$text-color: #333333 !default
|
|
134
|
+
$default-text-reversal: #ffffff !default
|
|
135
|
+
|
|
136
|
+
/////////////////
|
|
137
|
+
// SNS colors
|
|
138
|
+
////////////////
|
|
139
|
+
|
|
140
|
+
$twitter: #55acee
|
|
141
|
+
$facebook: #3b5998
|
|
142
|
+
$hatena: #008FDE
|
|
143
|
+
$pocket: #f23c53
|
|
144
|
+
|
|
145
|
+
$default-text: black !default
|
|
146
|
+
$reversal-text: white !default
|
|
147
|
+
|
|
148
|
+
// luma contrast color
|
|
149
|
+
$luma-contrast-bright-color: $default-text !global
|
|
150
|
+
$luma-contrast-dark-color: $reversal-text !global
|
data/bower.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "oulu",
|
|
3
|
+
"version": "0.8.2",
|
|
4
|
+
"main": "app/assets/stylesheets/_oulu.sass",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "git://github.com/oulu/oulu"
|
|
8
|
+
},
|
|
9
|
+
"ignore": [
|
|
10
|
+
"**/.*",
|
|
11
|
+
"lib",
|
|
12
|
+
"tasks",
|
|
13
|
+
"templates",
|
|
14
|
+
"test",
|
|
15
|
+
"*.gemspec",
|
|
16
|
+
"Rakefile",
|
|
17
|
+
"Gemfile"
|
|
18
|
+
],
|
|
19
|
+
"devDependencies": {
|
|
20
|
+
"bourbon": "~4.2.1"
|
|
21
|
+
},
|
|
22
|
+
"authors": [
|
|
23
|
+
"machida"
|
|
24
|
+
],
|
|
25
|
+
"description": "oulu is a sass library.",
|
|
26
|
+
"keywords": [
|
|
27
|
+
"sass",
|
|
28
|
+
"oulu",
|
|
29
|
+
"rails",
|
|
30
|
+
"middleman"
|
|
31
|
+
],
|
|
32
|
+
"license": "MIT",
|
|
33
|
+
"homepage": "http://oulu.github.io/"
|
|
34
|
+
}
|
data/index.js
ADDED
data/oulu.gemspec
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# coding: utf-8
|
|
2
|
+
lib = File.expand_path('../lib', __FILE__)
|
|
3
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
4
|
+
require 'oulu/version'
|
|
5
|
+
|
|
6
|
+
Gem::Specification.new do |spec|
|
|
7
|
+
spec.name = "oulu"
|
|
8
|
+
spec.version = Oulu::VERSION
|
|
9
|
+
spec.authors = ["machida"]
|
|
10
|
+
spec.email = ["machidanohimitsu@gmail.com"]
|
|
11
|
+
spec.description = %q{This gem provides assets files for Middleman Project.}
|
|
12
|
+
spec.summary = %q{My assets gem for middleman.}
|
|
13
|
+
spec.homepage = ""
|
|
14
|
+
spec.license = "MIT"
|
|
15
|
+
|
|
16
|
+
spec.files = `git ls-files`.split($/)
|
|
17
|
+
spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
|
|
18
|
+
spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
|
|
19
|
+
spec.require_paths = ["lib"]
|
|
20
|
+
|
|
21
|
+
spec.add_runtime_dependency("bundler", "~> 1.3")
|
|
22
|
+
spec.add_runtime_dependency("rake")
|
|
23
|
+
spec.add_runtime_dependency("sass", "~> 3.4.5")
|
|
24
|
+
spec.add_runtime_dependency("bourbon")
|
|
25
|
+
|
|
26
|
+
end
|
data/package.json
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "oulu",
|
|
3
|
+
"version": "0.8.2",
|
|
4
|
+
"main": "index.js",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "git://github.com/oulu/oulu"
|
|
8
|
+
},
|
|
9
|
+
"keywords": [
|
|
10
|
+
"sass",
|
|
11
|
+
"oulu"
|
|
12
|
+
],
|
|
13
|
+
"contributors": [
|
|
14
|
+
"machida"
|
|
15
|
+
],
|
|
16
|
+
"license": "MIT",
|
|
17
|
+
"devDependencies": {
|
|
18
|
+
"bourbon": "~4.2.1"
|
|
19
|
+
}
|
|
20
|
+
}
|
metadata
ADDED
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: oulu
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.8.2
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- machida
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2016-01-18 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: bundler
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - "~>"
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '1.3'
|
|
20
|
+
type: :runtime
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - "~>"
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '1.3'
|
|
27
|
+
- !ruby/object:Gem::Dependency
|
|
28
|
+
name: rake
|
|
29
|
+
requirement: !ruby/object:Gem::Requirement
|
|
30
|
+
requirements:
|
|
31
|
+
- - ">="
|
|
32
|
+
- !ruby/object:Gem::Version
|
|
33
|
+
version: '0'
|
|
34
|
+
type: :runtime
|
|
35
|
+
prerelease: false
|
|
36
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
+
requirements:
|
|
38
|
+
- - ">="
|
|
39
|
+
- !ruby/object:Gem::Version
|
|
40
|
+
version: '0'
|
|
41
|
+
- !ruby/object:Gem::Dependency
|
|
42
|
+
name: sass
|
|
43
|
+
requirement: !ruby/object:Gem::Requirement
|
|
44
|
+
requirements:
|
|
45
|
+
- - "~>"
|
|
46
|
+
- !ruby/object:Gem::Version
|
|
47
|
+
version: 3.4.5
|
|
48
|
+
type: :runtime
|
|
49
|
+
prerelease: false
|
|
50
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
51
|
+
requirements:
|
|
52
|
+
- - "~>"
|
|
53
|
+
- !ruby/object:Gem::Version
|
|
54
|
+
version: 3.4.5
|
|
55
|
+
- !ruby/object:Gem::Dependency
|
|
56
|
+
name: bourbon
|
|
57
|
+
requirement: !ruby/object:Gem::Requirement
|
|
58
|
+
requirements:
|
|
59
|
+
- - ">="
|
|
60
|
+
- !ruby/object:Gem::Version
|
|
61
|
+
version: '0'
|
|
62
|
+
type: :runtime
|
|
63
|
+
prerelease: false
|
|
64
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
65
|
+
requirements:
|
|
66
|
+
- - ">="
|
|
67
|
+
- !ruby/object:Gem::Version
|
|
68
|
+
version: '0'
|
|
69
|
+
description: This gem provides assets files for Middleman Project.
|
|
70
|
+
email:
|
|
71
|
+
- machidanohimitsu@gmail.com
|
|
72
|
+
executables: []
|
|
73
|
+
extensions: []
|
|
74
|
+
extra_rdoc_files: []
|
|
75
|
+
files:
|
|
76
|
+
- Gemfile
|
|
77
|
+
- LICENSE.txt
|
|
78
|
+
- README.md
|
|
79
|
+
- Rakefile
|
|
80
|
+
- app/assets/stylesheets/_oulu-base.sass
|
|
81
|
+
- app/assets/stylesheets/_oulu.sass
|
|
82
|
+
- app/assets/stylesheets/helpers/_block.sass
|
|
83
|
+
- app/assets/stylesheets/helpers/_border.sass
|
|
84
|
+
- app/assets/stylesheets/helpers/_font-awsome.sass
|
|
85
|
+
- app/assets/stylesheets/helpers/_margin-padding.sass
|
|
86
|
+
- app/assets/stylesheets/helpers/_position.sass
|
|
87
|
+
- app/assets/stylesheets/helpers/_typoglaphy.sass
|
|
88
|
+
- app/assets/stylesheets/modules/buttons/_button-base.sass
|
|
89
|
+
- app/assets/stylesheets/modules/buttons/_button-helper.sass
|
|
90
|
+
- app/assets/stylesheets/modules/buttons/_buttons.sass
|
|
91
|
+
- app/assets/stylesheets/modules/buttons/styles/_border.sass
|
|
92
|
+
- app/assets/stylesheets/modules/buttons/styles/_flat-emboss.sass
|
|
93
|
+
- app/assets/stylesheets/modules/buttons/styles/_flat-round.sass
|
|
94
|
+
- app/assets/stylesheets/modules/buttons/styles/_material.sass
|
|
95
|
+
- app/assets/stylesheets/modules/buttons/styles/_normal.sass
|
|
96
|
+
- app/assets/stylesheets/modules/navs/_tabs-nav.sass
|
|
97
|
+
- app/assets/stylesheets/options/amazlet/_amazlet.sass
|
|
98
|
+
- app/assets/stylesheets/options/glitch/_glitch.sass
|
|
99
|
+
- app/assets/stylesheets/options/web-fonts/_cousine.sass
|
|
100
|
+
- app/assets/stylesheets/options/web-fonts/_droid-sans.sass
|
|
101
|
+
- app/assets/stylesheets/options/web-fonts/_font-awsome.sass
|
|
102
|
+
- app/assets/stylesheets/options/web-fonts/_icomoon.sass
|
|
103
|
+
- app/assets/stylesheets/options/web-fonts/_inconsolata.sass
|
|
104
|
+
- app/assets/stylesheets/options/web-fonts/_lato.sass
|
|
105
|
+
- app/assets/stylesheets/options/web-fonts/_merriweather-sans.sass
|
|
106
|
+
- app/assets/stylesheets/options/web-fonts/_montserrat.sass
|
|
107
|
+
- app/assets/stylesheets/options/web-fonts/_old-standard.sass
|
|
108
|
+
- app/assets/stylesheets/options/web-fonts/_open-sans.sass
|
|
109
|
+
- app/assets/stylesheets/options/web-fonts/_podkova.sass
|
|
110
|
+
- app/assets/stylesheets/options/web-fonts/_pt-sans.sass
|
|
111
|
+
- app/assets/stylesheets/options/web-fonts/_raleway.sass
|
|
112
|
+
- app/assets/stylesheets/options/web-fonts/_roboto-condensed.sass
|
|
113
|
+
- app/assets/stylesheets/options/web-fonts/_roboto.sass
|
|
114
|
+
- app/assets/stylesheets/options/web-fonts/_satisfy.sass
|
|
115
|
+
- app/assets/stylesheets/options/web-fonts/_source-code-pro.sass
|
|
116
|
+
- app/assets/stylesheets/options/web-fonts/_source-sans-pro.sass
|
|
117
|
+
- app/assets/stylesheets/options/web-fonts/_special-elite.sass
|
|
118
|
+
- app/assets/stylesheets/options/web-fonts/_tauri.sass
|
|
119
|
+
- app/assets/stylesheets/options/web-fonts/_ubuntu-mono.sass
|
|
120
|
+
- app/assets/stylesheets/options/web-fonts/_ubuntu.sass
|
|
121
|
+
- app/assets/stylesheets/options/web-fonts/_varela-round.sass
|
|
122
|
+
- app/assets/stylesheets/options/web-fonts/_vt323.sass
|
|
123
|
+
- app/assets/stylesheets/settings/functions/_animation.sass
|
|
124
|
+
- app/assets/stylesheets/settings/functions/_background.sass
|
|
125
|
+
- app/assets/stylesheets/settings/functions/_bool.sass
|
|
126
|
+
- app/assets/stylesheets/settings/functions/_border.sass
|
|
127
|
+
- app/assets/stylesheets/settings/functions/_color.sass
|
|
128
|
+
- app/assets/stylesheets/settings/functions/_content.sass
|
|
129
|
+
- app/assets/stylesheets/settings/functions/_cursor.sass
|
|
130
|
+
- app/assets/stylesheets/settings/functions/_display.sass
|
|
131
|
+
- app/assets/stylesheets/settings/functions/_image.sass
|
|
132
|
+
- app/assets/stylesheets/settings/functions/_length.sass
|
|
133
|
+
- app/assets/stylesheets/settings/functions/_list.sass
|
|
134
|
+
- app/assets/stylesheets/settings/functions/_map.sass
|
|
135
|
+
- app/assets/stylesheets/settings/functions/_math.sass
|
|
136
|
+
- app/assets/stylesheets/settings/functions/_number.sass
|
|
137
|
+
- app/assets/stylesheets/settings/functions/_position.sass
|
|
138
|
+
- app/assets/stylesheets/settings/functions/_reverse.sass
|
|
139
|
+
- app/assets/stylesheets/settings/functions/_string.sass
|
|
140
|
+
- app/assets/stylesheets/settings/functions/_text.sass
|
|
141
|
+
- app/assets/stylesheets/settings/initializers/_reset.sass
|
|
142
|
+
- app/assets/stylesheets/settings/initializers/_sanitize.sass
|
|
143
|
+
- app/assets/stylesheets/settings/mixins/_animation.sass
|
|
144
|
+
- app/assets/stylesheets/settings/mixins/_background.sass
|
|
145
|
+
- app/assets/stylesheets/settings/mixins/_balloon-tail.sass
|
|
146
|
+
- app/assets/stylesheets/settings/mixins/_basic-font.sass
|
|
147
|
+
- app/assets/stylesheets/settings/mixins/_block.sass
|
|
148
|
+
- app/assets/stylesheets/settings/mixins/_border-radius.sass
|
|
149
|
+
- app/assets/stylesheets/settings/mixins/_border.sass
|
|
150
|
+
- app/assets/stylesheets/settings/mixins/_filters.sass
|
|
151
|
+
- app/assets/stylesheets/settings/mixins/_form.sass
|
|
152
|
+
- app/assets/stylesheets/settings/mixins/_grid.sass
|
|
153
|
+
- app/assets/stylesheets/settings/mixins/_ie-hacks.sass
|
|
154
|
+
- app/assets/stylesheets/settings/mixins/_image.sass
|
|
155
|
+
- app/assets/stylesheets/settings/mixins/_line.sass
|
|
156
|
+
- app/assets/stylesheets/settings/mixins/_link.sass
|
|
157
|
+
- app/assets/stylesheets/settings/mixins/_list.sass
|
|
158
|
+
- app/assets/stylesheets/settings/mixins/_margin-padding.sass
|
|
159
|
+
- app/assets/stylesheets/settings/mixins/_overlay.sass
|
|
160
|
+
- app/assets/stylesheets/settings/mixins/_positions.sass
|
|
161
|
+
- app/assets/stylesheets/settings/mixins/_rem.sass
|
|
162
|
+
- app/assets/stylesheets/settings/mixins/_resets.sass
|
|
163
|
+
- app/assets/stylesheets/settings/mixins/_responsive-utilities.sass
|
|
164
|
+
- app/assets/stylesheets/settings/mixins/_table.sass
|
|
165
|
+
- app/assets/stylesheets/settings/mixins/_text.sass
|
|
166
|
+
- app/assets/stylesheets/settings/mixins/grid/_grid-framework.scss
|
|
167
|
+
- app/assets/stylesheets/settings/mixins/grid/_grid.scss
|
|
168
|
+
- app/assets/stylesheets/settings/variables/_default.sass
|
|
169
|
+
- bower.json
|
|
170
|
+
- index.js
|
|
171
|
+
- oulu.gemspec
|
|
172
|
+
- package.json
|
|
173
|
+
homepage: ''
|
|
174
|
+
licenses:
|
|
175
|
+
- MIT
|
|
176
|
+
metadata: {}
|
|
177
|
+
post_install_message:
|
|
178
|
+
rdoc_options: []
|
|
179
|
+
require_paths:
|
|
180
|
+
- lib
|
|
181
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
182
|
+
requirements:
|
|
183
|
+
- - ">="
|
|
184
|
+
- !ruby/object:Gem::Version
|
|
185
|
+
version: '0'
|
|
186
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
187
|
+
requirements:
|
|
188
|
+
- - ">="
|
|
189
|
+
- !ruby/object:Gem::Version
|
|
190
|
+
version: '0'
|
|
191
|
+
requirements: []
|
|
192
|
+
rubyforge_project:
|
|
193
|
+
rubygems_version: 2.4.5.1
|
|
194
|
+
signing_key:
|
|
195
|
+
specification_version: 4
|
|
196
|
+
summary: My assets gem for middleman.
|
|
197
|
+
test_files: []
|