oulu-rails 0.5.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/MIT-LICENSE +22 -0
- data/README.md +23 -0
- data/lib/oulu-rails/version.rb +3 -0
- data/lib/oulu-rails.rb +27 -0
- data/vendor/assets/javascripts/oulu/dev/positions-p.js.coffee +34 -0
- data/vendor/assets/javascripts/oulu/dev/positions-pp.js.coffee +57 -0
- data/vendor/assets/javascripts/oulu/dev/positions.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/js-autosize.js.coffee +2 -0
- data/vendor/assets/javascripts/oulu/helpers/js-checkbox.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/js-click-animate.js.coffee +8 -0
- data/vendor/assets/javascripts/oulu/helpers/js-delay-hidden.js.coffee +4 -0
- data/vendor/assets/javascripts/oulu/helpers/js-focused.js.coffee +7 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hack.js.coffee +8 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hide-after.j.coffee +5 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hover-z-index.js.coffee +5 -0
- data/vendor/assets/javascripts/oulu/helpers/js-hovered.js.coffee +17 -0
- data/vendor/assets/javascripts/oulu/helpers/js-one-animate.js.coffee +5 -0
- data/vendor/assets/javascripts/oulu/helpers/js-open-children.js.coffee +28 -0
- data/vendor/assets/javascripts/oulu/helpers/js-open.js.coffee +51 -0
- data/vendor/assets/javascripts/oulu/helpers/js-scroll-to-top.js.coffee +11 -0
- data/vendor/assets/javascripts/oulu/helpers/js-scroll.js.coffee +9 -0
- data/vendor/assets/javascripts/oulu/helpers/js-side-slide.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/js-window-loading.js.coffee +15 -0
- data/vendor/assets/javascripts/oulu/helpers/js-window-sizes.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/helpers/open-close.js.coffee +23 -0
- data/vendor/assets/javascripts/oulu/ie/PIE_IE678.js +72 -0
- data/vendor/assets/javascripts/oulu/ie/PIE_IE9.js +46 -0
- data/vendor/assets/javascripts/oulu/ie/ie-selectors.js.coffee +3 -0
- data/vendor/assets/javascripts/oulu/ie/ie8-selectors.js.coffee +3 -0
- data/vendor/assets/javascripts/oulu/ie/ie9-selectors.js.coffee +6 -0
- data/vendor/assets/javascripts/oulu/ie/jquery.belatedPNG.min.js +29 -0
- data/vendor/assets/javascripts/oulu/ie/jquery.linkscubber.js +7 -0
- data/vendor/assets/javascripts/oulu/ie/svgeezy.min.js +12 -0
- data/vendor/assets/javascripts/oulu/plugins/check-box.js.coffee +34 -0
- data/vendor/assets/javascripts/oulu/plugins/footerFixed.js +74 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.autosize.min.js +7 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.cheat-code.js +63 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.css3form.js +195 -0
- data/vendor/assets/javascripts/oulu/plugins/jquery.depend.min.js +13 -0
- data/vendor/assets/javascripts/oulu/plugins/sns-buttons.js +339 -0
- data/vendor/assets/javascripts/oulu-ie8.js +6 -0
- data/vendor/assets/javascripts/oulu-ie9.js +2 -0
- data/vendor/assets/javascripts/oulu.js +2 -0
- data/vendor/assets/stylesheets/_oulu-base.css.sass +86 -0
- data/vendor/assets/stylesheets/_oulu.css.sass +13 -0
- data/vendor/assets/stylesheets/bootcamp/CHANGELOG.md +70 -0
- data/vendor/assets/stylesheets/bootcamp/CONTRIBUTING.md +72 -0
- data/vendor/assets/stylesheets/bootcamp/Gruntfile.coffee +34 -0
- data/vendor/assets/stylesheets/bootcamp/LICENSE.md +7 -0
- data/vendor/assets/stylesheets/bootcamp/README.md +52 -0
- data/vendor/assets/stylesheets/bootcamp/bower.json +15 -0
- data/vendor/assets/stylesheets/bootcamp/dist/_bootcamp.scss +46 -0
- data/vendor/assets/stylesheets/bootcamp/dist/bootcamp.coffee +101 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_actual.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_error.scss +29 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_expect.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_not-to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_should.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/functions/_to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_describe.scss +31 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_it.scss +31 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_runner.scss +28 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_should.scss +46 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_xdescribe.scss +9 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/mixins/_xit.scss +9 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_helpers.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_settings.scss +2 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_should.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/core/variables/_trackers.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/dist/lib/_sassyjson.scss +1075 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/_be.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/_equal.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-empty.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-longer-than.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_be-shorter-than.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_contain.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_deep-contain.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_deep-equal.scss +47 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/lists/_have-length-of.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-close-to.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-greater-than.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/numbers/_be-less-than.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-falsy.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-null.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_be-truthy.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/matchers/types/_have-type-of.scss +3 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_contain.scss +15 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_equal.scss +23 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_list-join.scss +35 -0
- data/vendor/assets/stylesheets/bootcamp/dist/utils/_power.scss +15 -0
- data/vendor/assets/stylesheets/bootcamp/package.json +63 -0
- data/vendor/assets/stylesheets/bootcamp/tasks/bootcamp.coffee +83 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_actual.scss +10 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_expect.scss +6 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_not-to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_should.scss +10 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/functions/_to.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_describe.scss +11 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_it.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_should.scss +5 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_xdescribe.scss +28 -0
- data/vendor/assets/stylesheets/bootcamp/test/core/mixins/_xit.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/_be.scss +90 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/_equal.scss +33 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-empty.scss +12 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-longer-than.scss +29 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_be-shorter-than.scss +29 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_contain.scss +39 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_deep-contain.scss +51 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_deep-equal.scss +151 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/lists/_have-length-of.scss +31 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-close-to.scss +24 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-greater-than.scss +16 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/numbers/_be-less-than.scss +16 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-falsy.scss +14 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-null.scss +13 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_be-truthy.scss +13 -0
- data/vendor/assets/stylesheets/bootcamp/test/matchers/types/_have-type-of.scss +17 -0
- data/vendor/assets/stylesheets/bootcamp/test/specs.scss +45 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_contain.scss +41 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_equal.scss +79 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_list-join.scss +39 -0
- data/vendor/assets/stylesheets/bootcamp/test/utils/_power.scss +13 -0
- data/vendor/assets/stylesheets/helper/_base-helper.css.sass +133 -0
- data/vendor/assets/stylesheets/helper/_click-actions.css.sass +188 -0
- data/vendor/assets/stylesheets/helper/_fade-actions.css.sass +30 -0
- data/vendor/assets/stylesheets/helper/_margin-padding.css.sass +16 -0
- data/vendor/assets/stylesheets/helper/_typoglaphy.css.sass +9 -0
- data/vendor/assets/stylesheets/options/amazlet/_amazlet.css.sass +32 -0
- data/vendor/assets/stylesheets/options/glitch/_glitch.css.sass +31 -0
- data/vendor/assets/stylesheets/options/oulu-buttons/_button-basic.css.sass +31 -0
- data/vendor/assets/stylesheets/options/web-fonts/_cousine.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_font-awsome.css.sass +8 -0
- data/vendor/assets/stylesheets/options/web-fonts/_icomoon.css.sass +10 -0
- data/vendor/assets/stylesheets/options/web-fonts/_lato.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_montserrat.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_old-standard.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_open-sans.css.sass +11 -0
- data/vendor/assets/stylesheets/options/web-fonts/_podkova.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_pt-sans.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_roboto.css.sass +11 -0
- data/vendor/assets/stylesheets/options/web-fonts/_satisfy.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_source-code-pro.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_source-sans-pro.css.sass +13 -0
- data/vendor/assets/stylesheets/options/web-fonts/_special-elite.css.sass +12 -0
- data/vendor/assets/stylesheets/options/web-fonts/_tauri.css.sass +11 -0
- data/vendor/assets/stylesheets/options/web-fonts/_ubuntu.css.sass +12 -0
- data/vendor/assets/stylesheets/settings/functions/_background.css.sass +60 -0
- data/vendor/assets/stylesheets/settings/functions/_bool.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_border.css.sass +47 -0
- data/vendor/assets/stylesheets/settings/functions/_color.css.sass +65 -0
- data/vendor/assets/stylesheets/settings/functions/_content.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_cursor.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_direction.css.sass +8 -0
- data/vendor/assets/stylesheets/settings/functions/_image.css.sass +8 -0
- data/vendor/assets/stylesheets/settings/functions/_length.css.sass +20 -0
- data/vendor/assets/stylesheets/settings/functions/_list.css.sass +11 -0
- data/vendor/assets/stylesheets/settings/functions/_map.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_number.css.sass +63 -0
- data/vendor/assets/stylesheets/settings/functions/_position.css.sass +47 -0
- data/vendor/assets/stylesheets/settings/functions/_reverse.css.sass +22 -0
- data/vendor/assets/stylesheets/settings/functions/_string.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/functions/_text.css.sass +34 -0
- data/vendor/assets/stylesheets/settings/initializers/_reset.css.sass +85 -0
- data/vendor/assets/stylesheets/settings/mixins/_animation.css.sass +15 -0
- data/vendor/assets/stylesheets/settings/mixins/_background.css.sass +33 -0
- data/vendor/assets/stylesheets/settings/mixins/_balloon-tale.css.sass +111 -0
- data/vendor/assets/stylesheets/settings/mixins/_basic-font.css.sass +40 -0
- data/vendor/assets/stylesheets/settings/mixins/_block.css.sass +30 -0
- data/vendor/assets/stylesheets/settings/mixins/_border.css.sass +28 -0
- data/vendor/assets/stylesheets/settings/mixins/_button-base.css.sass +27 -0
- data/vendor/assets/stylesheets/settings/mixins/_clear-type.css.sass +4 -0
- data/vendor/assets/stylesheets/settings/mixins/_color.css.sass +9 -0
- data/vendor/assets/stylesheets/settings/mixins/_filters.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/mixins/_form.css.sass +7 -0
- data/vendor/assets/stylesheets/settings/mixins/_grids.css.sass +149 -0
- data/vendor/assets/stylesheets/settings/mixins/_html5-input-types.scss +118 -0
- data/vendor/assets/stylesheets/settings/mixins/_ie-hacks.css.sass +8 -0
- data/vendor/assets/stylesheets/settings/mixins/_lines.css.sass +18 -0
- data/vendor/assets/stylesheets/settings/mixins/_link.css.sass +11 -0
- data/vendor/assets/stylesheets/settings/mixins/_list.css.sass +21 -0
- data/vendor/assets/stylesheets/settings/mixins/_margin-padding.css.sass +69 -0
- data/vendor/assets/stylesheets/settings/mixins/_overlay.css.sass +5 -0
- data/vendor/assets/stylesheets/settings/mixins/_positions.css.sass +28 -0
- data/vendor/assets/stylesheets/settings/mixins/_rem.css.sass +53 -0
- data/vendor/assets/stylesheets/settings/mixins/_resets.css.sass +17 -0
- data/vendor/assets/stylesheets/settings/mixins/_responsive-utilities.css.sass +160 -0
- data/vendor/assets/stylesheets/settings/mixins/_sassmatic.css.sass +172 -0
- data/vendor/assets/stylesheets/settings/mixins/_sprite-background.css.sass +18 -0
- data/vendor/assets/stylesheets/settings/mixins/_tables.css.sass +14 -0
- data/vendor/assets/stylesheets/settings/mixins/_text.css.sass +21 -0
- data/vendor/assets/stylesheets/settings/variables/_default.css.sass +69 -0
- metadata +362 -0
@@ -0,0 +1,13 @@
|
|
1
|
+
@include describe("Power Util") {
|
2
|
+
@include it("should expect positive values to be calculated correctly") {
|
3
|
+
@include should( expect( bc-util-power( 10, 2) ), to( equal( 100 )));
|
4
|
+
@include should( expect( bc-util-power( 2, 2) ), to( equal( 4 )));
|
5
|
+
@include should( expect( bc-util-power(0.5, 2) ), to( equal( 0.25 )));
|
6
|
+
}
|
7
|
+
|
8
|
+
@include it("should expect negative values to be calculated correctly") {
|
9
|
+
@include should( expect( bc-util-power( 10, -2) ), to( equal( 0.01 )));
|
10
|
+
@include should( expect( bc-util-power( 2, -2) ), to( equal( 0.25 )));
|
11
|
+
@include should( expect( bc-util-power(0.5, -2) ), to( equal( 4 )));
|
12
|
+
}
|
13
|
+
}
|
@@ -0,0 +1,133 @@
|
|
1
|
+
.#{$wrapper-class-name}
|
2
|
+
+rem('max-width', $wrapper-max-width)
|
3
|
+
+box-sizing(border-box)
|
4
|
+
+margin(horizontal, auto)
|
5
|
+
+padding(horizontal, $wrapper-horizontal-padding)
|
6
|
+
clear: both
|
7
|
+
|
8
|
+
// state
|
9
|
+
.is-clearfix
|
10
|
+
*zoom: 1
|
11
|
+
&:after
|
12
|
+
content: ''
|
13
|
+
display: table
|
14
|
+
clear: both
|
15
|
+
.is-relative
|
16
|
+
position: relative
|
17
|
+
.is-fixed
|
18
|
+
+fixed(left 0, top 0)
|
19
|
+
width: 100%
|
20
|
+
.is-clickable
|
21
|
+
cursor: pointer
|
22
|
+
.is-clear
|
23
|
+
clear: both
|
24
|
+
.is-gradient
|
25
|
+
filter: none
|
26
|
+
.is-visible
|
27
|
+
overflow: visible !important
|
28
|
+
.is-inline
|
29
|
+
display: inline
|
30
|
+
|
31
|
+
.is-block-link
|
32
|
+
display: block
|
33
|
+
text-decoration: none
|
34
|
+
.is-scroll-x-wrapper
|
35
|
+
overflow-x: auto
|
36
|
+
overflow-y: hidden
|
37
|
+
-webkit-overflow-scrolling: touch
|
38
|
+
width: 100%
|
39
|
+
position: relative
|
40
|
+
.is-max-wd
|
41
|
+
width: 100%
|
42
|
+
display: block
|
43
|
+
|
44
|
+
.is-mgb-0
|
45
|
+
margin-bottom: 0 !important
|
46
|
+
.is-pdt-0
|
47
|
+
padding-top: 0 !important
|
48
|
+
.is-pd-0
|
49
|
+
padding: 0 !important
|
50
|
+
|
51
|
+
body
|
52
|
+
.is-hidden
|
53
|
+
visibility: hidden
|
54
|
+
display: none
|
55
|
+
+opacity(0)
|
56
|
+
.is-invisible
|
57
|
+
margin-left: -99999px
|
58
|
+
position: absolute
|
59
|
+
visibility: hidden
|
60
|
+
+opacity(0)
|
61
|
+
.is-shown
|
62
|
+
+inline-block
|
63
|
+
.is-horizontal-closed
|
64
|
+
width: 0
|
65
|
+
overflow: hidden
|
66
|
+
|
67
|
+
.is-z-index-100
|
68
|
+
z-index: 100
|
69
|
+
position: relative
|
70
|
+
|
71
|
+
.is-table-row
|
72
|
+
display: table-row !important
|
73
|
+
.is-table-cell
|
74
|
+
display: table-cell !important
|
75
|
+
|
76
|
+
// layout
|
77
|
+
.is-center-block
|
78
|
+
+margin(horizontal, auto)
|
79
|
+
display: block
|
80
|
+
.is-center
|
81
|
+
display: block
|
82
|
+
+margin(horizontal, auto)
|
83
|
+
.is-horizontal-center
|
84
|
+
display: block
|
85
|
+
+margin(horizontal, auto)
|
86
|
+
|
87
|
+
// vertical
|
88
|
+
.is-vertical-center
|
89
|
+
vertical-align: middle !important
|
90
|
+
.is-vertical-top
|
91
|
+
vertical-align: top !important
|
92
|
+
.is-vertical-bottom
|
93
|
+
vertical-align: bottom !important
|
94
|
+
|
95
|
+
// float
|
96
|
+
.is-left
|
97
|
+
float: left
|
98
|
+
.is-right
|
99
|
+
float: right
|
100
|
+
|
101
|
+
// text-align
|
102
|
+
.is-center-wrapper
|
103
|
+
text-align: center
|
104
|
+
.is-right-wrapper
|
105
|
+
text-align: right
|
106
|
+
.is-left-wrapper
|
107
|
+
text-align: left
|
108
|
+
|
109
|
+
// list
|
110
|
+
.is-horizontal-list
|
111
|
+
+horizontal-list(0)
|
112
|
+
|
113
|
+
.is-inline-blocks
|
114
|
+
>*
|
115
|
+
+inline-block(bottom)
|
116
|
+
|
117
|
+
.is-nowrap
|
118
|
+
white-space: nowrap
|
119
|
+
|
120
|
+
// Font Awesome
|
121
|
+
|
122
|
+
// http://hayashikejinan.com/webwork/css/913/
|
123
|
+
.fa-hatena
|
124
|
+
&:before
|
125
|
+
content: "B!"
|
126
|
+
font-family: Verdana
|
127
|
+
font-weight: bold
|
128
|
+
.fa-triangle-o:before
|
129
|
+
content: "\0025b3"
|
130
|
+
+sans-serif
|
131
|
+
.fa-triangle:before
|
132
|
+
content: "\0025b2"
|
133
|
+
+sans-serif
|
@@ -0,0 +1,188 @@
|
|
1
|
+
.is-bounce-expansion
|
2
|
+
+experimental('animation', bounce-expansion 1000ms linear both)
|
3
|
+
+relative
|
4
|
+
|
5
|
+
+keyframes(bounce-expansion)
|
6
|
+
0%
|
7
|
+
$transform: matrix3d(1.4, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
8
|
+
+experimental('transform', $transform)
|
9
|
+
1.666667%
|
10
|
+
$transform: matrix3d(1.34471, 0, 0, 0, 0, 1.34471, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
11
|
+
+experimental('transform', $transform)
|
12
|
+
3.333333%
|
13
|
+
$transform: matrix3d(1.28364, 0, 0, 0, 0, 1.28364, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
14
|
+
+experimental('transform', $transform)
|
15
|
+
5%
|
16
|
+
$transform: matrix3d(1.2213, 0, 0, 0, 0, 1.2213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
17
|
+
+experimental('transform', $transform)
|
18
|
+
6.666667%
|
19
|
+
$transform: matrix3d(1.16126, 0, 0, 0, 0, 1.16126, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
20
|
+
+experimental('transform', $transform)
|
21
|
+
8.333333%
|
22
|
+
$transform: matrix3d(1.10616, 0, 0, 0, 0, 1.10616, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
23
|
+
+experimental('transform', $transform)
|
24
|
+
10%
|
25
|
+
$transform: matrix3d(1.05781, 0, 0, 0, 0, 1.05781, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
26
|
+
+experimental('transform', $transform)
|
27
|
+
11.666667%
|
28
|
+
$transform: matrix3d(1.01723, 0, 0, 0, 0, 1.01723, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
29
|
+
+experimental('transform', $transform)
|
30
|
+
13.333333%
|
31
|
+
$transform: matrix3d(0.98482, 0, 0, 0, 0, 0.98482, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
32
|
+
+experimental('transform', $transform)
|
33
|
+
15%
|
34
|
+
$transform: matrix3d(0.96047, 0, 0, 0, 0, 0.96047, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
35
|
+
+experimental('transform', $transform)
|
36
|
+
16.666667%
|
37
|
+
$transform: matrix3d(0.94365, 0, 0, 0, 0, 0.94365, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
38
|
+
+experimental('transform', $transform)
|
39
|
+
18.333333%
|
40
|
+
$transform: matrix3d(0.93356, 0, 0, 0, 0, 0.93356, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
41
|
+
+experimental('transform', $transform)
|
42
|
+
20%
|
43
|
+
$transform: matrix3d(0.92922, 0, 0, 0, 0, 0.92922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
44
|
+
+experimental('transform', $transform)
|
45
|
+
21.666667%
|
46
|
+
$transform: matrix3d(0.92959, 0, 0, 0, 0, 0.92959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
47
|
+
+experimental('transform', $transform)
|
48
|
+
23.333333%
|
49
|
+
$transform: matrix3d(0.93358, 0, 0, 0, 0, 0.93358, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
50
|
+
+experimental('transform', $transform)
|
51
|
+
25%
|
52
|
+
$transform: matrix3d(0.94017, 0, 0, 0, 0, 0.94017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
53
|
+
+experimental('transform', $transform)
|
54
|
+
26.666667%
|
55
|
+
$transform: matrix3d(0.94844, 0, 0, 0, 0, 0.94844, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
56
|
+
+experimental('transform', $transform)
|
57
|
+
28.333333%
|
58
|
+
$transform: matrix3d(0.95758, 0, 0, 0, 0, 0.95758, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
59
|
+
+experimental('transform', $transform)
|
60
|
+
30%
|
61
|
+
$transform: matrix3d(0.9669, 0, 0, 0, 0, 0.9669, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
62
|
+
+experimental('transform', $transform)
|
63
|
+
31.666667%
|
64
|
+
$transform: matrix3d(0.97588, 0, 0, 0, 0, 0.97588, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
65
|
+
+experimental('transform', $transform)
|
66
|
+
33.333333%
|
67
|
+
$transform: matrix3d(0.98412, 0, 0, 0, 0, 0.98412, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
68
|
+
+experimental('transform', $transform)
|
69
|
+
35%
|
70
|
+
$transform: matrix3d(0.99135, 0, 0, 0, 0, 0.99135, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
71
|
+
+experimental('transform', $transform)
|
72
|
+
36.666667%
|
73
|
+
$transform: matrix3d(0.99742, 0, 0, 0, 0, 0.99742, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
74
|
+
+experimental('transform', $transform)
|
75
|
+
38.333333%
|
76
|
+
$transform: matrix3d(1.00227, 0, 0, 0, 0, 1.00227, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
77
|
+
+experimental('transform', $transform)
|
78
|
+
40%
|
79
|
+
$transform: matrix3d(1.00591, 0, 0, 0, 0, 1.00591, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
80
|
+
+experimental('transform', $transform)
|
81
|
+
41.666667%
|
82
|
+
$transform: matrix3d(1.00843, 0, 0, 0, 0, 1.00843, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
83
|
+
+experimental('transform', $transform)
|
84
|
+
43.333333%
|
85
|
+
$transform: matrix3d(1.00994, 0, 0, 0, 0, 1.00994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
86
|
+
+experimental('transform', $transform)
|
87
|
+
45%
|
88
|
+
$transform: matrix3d(1.01059, 0, 0, 0, 0, 1.01059, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
89
|
+
+experimental('transform', $transform)
|
90
|
+
46.666667%
|
91
|
+
$transform: matrix3d(1.01053, 0, 0, 0, 0, 1.01053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
92
|
+
+experimental('transform', $transform)
|
93
|
+
48.333333%
|
94
|
+
$transform: matrix3d(1.00993, 0, 0, 0, 0, 1.00993, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
95
|
+
+experimental('transform', $transform)
|
96
|
+
50%
|
97
|
+
$transform: matrix3d(1.00895, 0, 0, 0, 0, 1.00895, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
98
|
+
+experimental('transform', $transform)
|
99
|
+
51.666667%
|
100
|
+
$transform: matrix3d(1.00771, 0, 0, 0, 0, 1.00771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
101
|
+
+experimental('transform', $transform)
|
102
|
+
53.333333%
|
103
|
+
$transform: matrix3d(1.00635, 0, 0, 0, 0, 1.00635, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
104
|
+
+experimental('transform', $transform)
|
105
|
+
55%
|
106
|
+
$transform: matrix3d(1.00495, 0, 0, 0, 0, 1.00495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
107
|
+
+experimental('transform', $transform)
|
108
|
+
56.666667%
|
109
|
+
$transform: matrix3d(1.00361, 0, 0, 0, 0, 1.00361, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
110
|
+
+experimental('transform', $transform)
|
111
|
+
58.333333%
|
112
|
+
$transform: matrix3d(1.00237, 0, 0, 0, 0, 1.00237, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
113
|
+
+experimental('transform', $transform)
|
114
|
+
60%
|
115
|
+
$transform: matrix3d(1.00129, 0, 0, 0, 0, 1.00129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
116
|
+
+experimental('transform', $transform)
|
117
|
+
61.666667%
|
118
|
+
$transform: matrix3d(1.00039, 0, 0, 0, 0, 1.00039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
119
|
+
+experimental('transform', $transform)
|
120
|
+
63.333333%
|
121
|
+
$transform: matrix3d(0.99966, 0, 0, 0, 0, 0.99966, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
122
|
+
+experimental('transform', $transform)
|
123
|
+
65%
|
124
|
+
$transform: matrix3d(0.99912, 0, 0, 0, 0, 0.99912, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
125
|
+
+experimental('transform', $transform)
|
126
|
+
66.666667%
|
127
|
+
$transform: matrix3d(0.99874, 0, 0, 0, 0, 0.99874, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
128
|
+
+experimental('transform', $transform)
|
129
|
+
68.333333%
|
130
|
+
$transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
131
|
+
+experimental('transform', $transform)
|
132
|
+
70%
|
133
|
+
$transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
134
|
+
+experimental('transform', $transform)
|
135
|
+
71.666667%
|
136
|
+
$transform: matrix3d(0.99842, 0, 0, 0, 0, 0.99842, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
137
|
+
+experimental('transform', $transform)
|
138
|
+
73.333333%
|
139
|
+
$transform: matrix3d(0.99851, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
140
|
+
+experimental('transform', $transform)
|
141
|
+
75%
|
142
|
+
$transform: matrix3d(0.99866, 0, 0, 0, 0, 0.99866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
143
|
+
+experimental('transform', $transform)
|
144
|
+
76.666667%
|
145
|
+
$transform: matrix3d(0.99885, 0, 0, 0, 0, 0.99885, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
146
|
+
+experimental('transform', $transform)
|
147
|
+
78.333333%
|
148
|
+
$transform: matrix3d(0.99905, 0, 0, 0, 0, 0.99905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
149
|
+
+experimental('transform', $transform)
|
150
|
+
80%
|
151
|
+
$transform: matrix3d(0.99926, 0, 0, 0, 0, 0.99926, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
152
|
+
+experimental('transform', $transform)
|
153
|
+
81.666667%
|
154
|
+
$transform: matrix3d(0.99946, 0, 0, 0, 0, 0.99946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
155
|
+
+experimental('transform', $transform)
|
156
|
+
83.333333%
|
157
|
+
$transform: matrix3d(0.99964, 0, 0, 0, 0, 0.99964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
158
|
+
+experimental('transform', $transform)
|
159
|
+
85%
|
160
|
+
$transform: matrix3d(0.99981, 0, 0, 0, 0, 0.99981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
161
|
+
+experimental('transform', $transform)
|
162
|
+
86.666667%
|
163
|
+
$transform: matrix3d(0.99994, 0, 0, 0, 0, 0.99994, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
164
|
+
+experimental('transform', $transform)
|
165
|
+
88.333333%
|
166
|
+
$transform: matrix3d(1.00005, 0, 0, 0, 0, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
167
|
+
+experimental('transform', $transform)
|
168
|
+
90%
|
169
|
+
$transform: matrix3d(1.00013, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
170
|
+
+experimental('transform', $transform)
|
171
|
+
91.666667%
|
172
|
+
$transform: matrix3d(1.00019, 0, 0, 0, 0, 1.00019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
173
|
+
+experimental('transform', $transform)
|
174
|
+
93.333333%
|
175
|
+
$transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
176
|
+
+experimental('transform', $transform)
|
177
|
+
95%
|
178
|
+
$transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
179
|
+
+experimental('transform', $transform)
|
180
|
+
96.666667%
|
181
|
+
$transform: matrix3d(1.00024, 0, 0, 0, 0, 1.00024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
182
|
+
+experimental('transform', $transform)
|
183
|
+
98.333333%
|
184
|
+
$transform: matrix3d(1.00022, 0, 0, 0, 0, 1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
185
|
+
+experimental('transform', $transform)
|
186
|
+
100%
|
187
|
+
$transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
|
188
|
+
+experimental('transform', $transform)
|
@@ -0,0 +1,30 @@
|
|
1
|
+
//
|
2
|
+
animation-name 名前
|
3
|
+
animation-duration 秒
|
4
|
+
animation-timing-function 動き方
|
5
|
+
animation-delay 遅延(秒)
|
6
|
+
animation-iteration-count 繰り返し回数(無限はinfinite)
|
7
|
+
animation-direction 反転alternate 通常normal
|
8
|
+
|
9
|
+
<animation-name>
|
10
|
+
<animation-duration>
|
11
|
+
<animation-timing-function>
|
12
|
+
<animation-delay>
|
13
|
+
<animation-iteration-count>
|
14
|
+
<animation-direction>
|
15
|
+
<animation-fill>
|
16
|
+
|
17
|
+
.is-fadeout
|
18
|
+
+experimental('animation', fadeout 2s linear 0s 1 alternate forwards)
|
19
|
+
height: 0
|
20
|
+
min-height: 0
|
21
|
+
overflow: hidden
|
22
|
+
+relative
|
23
|
+
|
24
|
+
+keyframes(fadeout)
|
25
|
+
0%
|
26
|
+
+opacity(1)
|
27
|
+
height: auto
|
28
|
+
100%
|
29
|
+
+opacity(0)
|
30
|
+
height: 0
|
@@ -0,0 +1,16 @@
|
|
1
|
+
@for $i from 0 through 16
|
2
|
+
body
|
3
|
+
.is-mgb-#{$i*4}
|
4
|
+
+rem('margin-bottom', #{$i*4}px)
|
5
|
+
|
6
|
+
body
|
7
|
+
.is-mgt-#{$i*4}
|
8
|
+
+rem('margin-top', #{$i*4}px)
|
9
|
+
|
10
|
+
body
|
11
|
+
.is-pdb-#{$i*4}
|
12
|
+
+rem('padding-bottom', #{$i*4}px)
|
13
|
+
|
14
|
+
body
|
15
|
+
.is-pdt-#{$i*4}
|
16
|
+
+rem('padding-top', #{$i*4}px)
|
@@ -0,0 +1,32 @@
|
|
1
|
+
$text-color: $black !default
|
2
|
+
|
3
|
+
.amazlet-box
|
4
|
+
+rem('margin-bottom', 32px, !important)
|
5
|
+
.amazlet-image
|
6
|
+
float: none !important
|
7
|
+
+rem('margin', 0 0 16px, !important)
|
8
|
+
a[target="_blank"]
|
9
|
+
&:after
|
10
|
+
content: none
|
11
|
+
img
|
12
|
+
max-width: 100%
|
13
|
+
+rem('width', 260px)
|
14
|
+
display: block
|
15
|
+
+margin(horizontal, auto)
|
16
|
+
margin-bottom: 0 !important
|
17
|
+
.amazlet-info
|
18
|
+
text-align: center
|
19
|
+
.amazlet-name
|
20
|
+
a
|
21
|
+
text-decoration: none
|
22
|
+
color: $text-color
|
23
|
+
.amazlet-detail
|
24
|
+
+rem('font-size', 12px)
|
25
|
+
+rem('margin-bottom', 8px, !important)
|
26
|
+
.amazlet-sub-info
|
27
|
+
float: none !important
|
28
|
+
text-align: right
|
29
|
+
.amazlet-link
|
30
|
+
display: none
|
31
|
+
.amazlet-powered-date
|
32
|
+
display: none !important
|
@@ -0,0 +1,31 @@
|
|
1
|
+
+keyframes(noise-anim)
|
2
|
+
$steps: 20
|
3
|
+
@for $i from 0 through $steps
|
4
|
+
#{percentage($i * 1 / $steps)}
|
5
|
+
clip: rect(random(100) + px, 9999px, random(100) + px, 0)
|
6
|
+
+keyframes(noise-anim-2)
|
7
|
+
$steps: 20
|
8
|
+
@for $i from 0 through $steps
|
9
|
+
#{percentage($i * 1 / $steps)}
|
10
|
+
clip: rect(random(100) + px, 9999px, random(100) + px, 0)
|
11
|
+
|
12
|
+
=glitch($cl: white, $bg-col: black)
|
13
|
+
+relative
|
14
|
+
overflow: hidden
|
15
|
+
+inline-block
|
16
|
+
color: $cl
|
17
|
+
&:after,
|
18
|
+
&:before
|
19
|
+
content: attr(data-text)
|
20
|
+
color: $cl
|
21
|
+
background-color: $bg-col
|
22
|
+
overflow: hidden
|
23
|
+
clip: rect(0, 900px, 0, 0)
|
24
|
+
&:after
|
25
|
+
+absolute(left 1px, top 0)
|
26
|
+
+text-shadow(-1px 0 0 rgba(red, 0.4))
|
27
|
+
+experimental('animation', noise-anim 2s infinite linear alternate-reverse)
|
28
|
+
&:before
|
29
|
+
+absolute(left -1px, top 0)
|
30
|
+
+text-shadow(1px 0 0 rgba(blue, 0.4))
|
31
|
+
+experimental('animation', noise-anim-2 3s infinite linear alternate-reverse)
|
@@ -0,0 +1,31 @@
|
|
1
|
+
=button-basic($bt-fz: 16px, $bt-ht: 30px, $bt-icon-pt: null)
|
2
|
+
+inline-block(bottom)
|
3
|
+
+text-block($bt-fz, $bt-ht)
|
4
|
+
+rem('height', $bt-ht)
|
5
|
+
+rem('padding-left', $bt-fz*.9)
|
6
|
+
+rem('padding-right', $bt-fz*.9)
|
7
|
+
cursor: pointer
|
8
|
+
text-align: center
|
9
|
+
text-decoration: none
|
10
|
+
@if $bt-icon-pt == "right"
|
11
|
+
>i
|
12
|
+
+rem('margin-left', $bt-fz/6)
|
13
|
+
@else if $bt-icon-pt == "left"
|
14
|
+
>i
|
15
|
+
+rem('margin-right', $bt-fz/6)
|
16
|
+
|
17
|
+
=icon-button-basic($bt-fz: 18px, $bt-ht: 30px)
|
18
|
+
+inline-block(bottom)
|
19
|
+
+text-block($bt-fz, $bt-ht)
|
20
|
+
+rem('height', $bt-ht)
|
21
|
+
+rem('width', $bt-fz*1.6)
|
22
|
+
cursor: pointer
|
23
|
+
text-align: center
|
24
|
+
text-decoration: none
|
25
|
+
|
26
|
+
=border-style-border($bt-cl: red, $bt-bd-wd: 2px)
|
27
|
+
+border(all, $bt-bd-wd, solid, $bt-cl)
|
28
|
+
color: $bt-cl
|
29
|
+
&:hover
|
30
|
+
background-color: $bt-cl
|
31
|
+
color: #ffffff
|
@@ -0,0 +1,12 @@
|
|
1
|
+
@import url(http://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic)
|
2
|
+
|
3
|
+
=cousine($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'Cousine'
|
6
|
+
font-weight: $fw
|
7
|
+
@if not $ls == 0
|
8
|
+
letter-spacing: $ls
|
9
|
+
@if (not $fs == null)
|
10
|
+
font-style: italic
|
11
|
+
@if $tx-rendering
|
12
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,12 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic)
|
2
|
+
|
3
|
+
=lato($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'Lato', sans-serif
|
6
|
+
font-weight: $fw
|
7
|
+
@if not $ls == 0
|
8
|
+
letter-spacing: $ls
|
9
|
+
@if (not $fs == null)
|
10
|
+
font-style: italic
|
11
|
+
@if $tx-rendering
|
12
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700)
|
2
|
+
|
3
|
+
// 備考:モントセラト(モントセラート、モンセラット)と読む
|
4
|
+
=montserrat($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
5
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
6
|
+
font-family: 'Montserrat', sans-serif
|
7
|
+
font-weight: $fw
|
8
|
+
@if not $ls == 0
|
9
|
+
letter-spacing: $ls
|
10
|
+
@if (not $fs == null)
|
11
|
+
font-style: italic
|
12
|
+
@if $tx-rendering
|
13
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,12 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700)
|
2
|
+
|
3
|
+
=old-standard($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'Old Standard TT', serif
|
6
|
+
font-weight: $fw
|
7
|
+
@if not $ls == 0
|
8
|
+
letter-spacing: $ls
|
9
|
+
@if (not $fs == null)
|
10
|
+
font-style: italic
|
11
|
+
@if $tx-rendering
|
12
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,11 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800)
|
2
|
+
=open-sans($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
3
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
4
|
+
font-family: 'Open Sans', sans-serif
|
5
|
+
font-weight: $fw
|
6
|
+
@if not $ls == 0
|
7
|
+
+rem('letter-spacing', $ls)
|
8
|
+
@if (not $fs == null)
|
9
|
+
font-style: italic
|
10
|
+
@if $tx-rendering
|
11
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,12 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Podkova:400,700)
|
2
|
+
|
3
|
+
=podkova($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'Podkova', serif
|
6
|
+
font-weight: $fw
|
7
|
+
@if not $ls == 0
|
8
|
+
letter-spacing: $ls
|
9
|
+
@if (not $fs == null)
|
10
|
+
font-style: italic
|
11
|
+
@if $tx-rendering
|
12
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,12 @@
|
|
1
|
+
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic)
|
2
|
+
|
3
|
+
=pt-sans($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'PT Sans', sans-serif
|
6
|
+
font-weight: $fw
|
7
|
+
@if not $ls == 0
|
8
|
+
letter-spacing: $ls
|
9
|
+
@if (not $fs == null)
|
10
|
+
font-style: italic
|
11
|
+
@if $tx-rendering
|
12
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,11 @@
|
|
1
|
+
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900)
|
2
|
+
=roboto($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
3
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
4
|
+
font-family: 'Roboto', sans-serif
|
5
|
+
font-weight: $fw
|
6
|
+
@if not $ls == 0
|
7
|
+
letter-spacing: $ls
|
8
|
+
@if (not $fs == null)
|
9
|
+
font-style: italic
|
10
|
+
@if $tx-rendering
|
11
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Satisfy)
|
2
|
+
|
3
|
+
=satisfy($fw: null, $ls: null, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'Satisfy', cursive
|
6
|
+
@if $fw
|
7
|
+
font-weight: $fw
|
8
|
+
@if $ls
|
9
|
+
letter-spacing: $ls
|
10
|
+
@if (not $fs == null)
|
11
|
+
font-style: italic
|
12
|
+
@if $tx-rendering
|
13
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900)
|
2
|
+
|
3
|
+
// 備考:Adobeの等幅フォント
|
4
|
+
=source-code-pro($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
5
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
6
|
+
font-family: 'Source Code Pro', monospace
|
7
|
+
font-weight: $fw
|
8
|
+
@if not $ls == 0
|
9
|
+
letter-spacing: $ls
|
10
|
+
@if (not $fs == null)
|
11
|
+
font-style: italic
|
12
|
+
@if $tx-rendering
|
13
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic)
|
2
|
+
|
3
|
+
// 備考:Adobeのsans-serif
|
4
|
+
=source-sans-pro($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
5
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
6
|
+
font-family: 'Source Sans Pro', sans-serif
|
7
|
+
font-weight: $fw
|
8
|
+
@if not $ls == 0
|
9
|
+
letter-spacing: $ls
|
10
|
+
@if (not $fs == null)
|
11
|
+
font-style: italic
|
12
|
+
@if $tx-rendering
|
13
|
+
text-rendering: optimizelegibility
|
@@ -0,0 +1,12 @@
|
|
1
|
+
@import url(//fonts.googleapis.com/css?family=Special+Elite)
|
2
|
+
|
3
|
+
=special-elite($fw: 400, $ls: 0, $fs: null, $tx-rendering: true)
|
4
|
+
// $fw: フォントの太さ, $ls: 字間, $fs: フォントスタイル
|
5
|
+
font-family: 'Special Elite', cursive
|
6
|
+
font-weight: $fw
|
7
|
+
@if not $ls == 0
|
8
|
+
letter-spacing: $ls
|
9
|
+
@if (not $fs == null)
|
10
|
+
font-style: italic
|
11
|
+
@if $tx-rendering
|
12
|
+
text-rendering: optimizelegibility
|