weather-icons-rails 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/weather-icons/_bootstrap.css.scss +87 -0
- data/app/assets/stylesheets/weather-icons/_bordered-pulled.css.scss +16 -0
- data/app/assets/stylesheets/weather-icons/_core.css.scss +13 -0
- data/app/assets/stylesheets/weather-icons/_extras.css.scss +44 -0
- data/app/assets/stylesheets/weather-icons/_fixed-width.css.scss +6 -0
- data/app/assets/stylesheets/weather-icons/_icons.css.scss +95 -0
- data/app/assets/stylesheets/weather-icons/_larger.css.scss +43 -0
- data/app/assets/stylesheets/weather-icons/_list.css.scss +19 -0
- data/app/assets/stylesheets/weather-icons/_mixins.css.scss +20 -0
- data/app/assets/stylesheets/weather-icons/_path.css.scss +13 -0
- data/app/assets/stylesheets/weather-icons/_rotated-flipped.css.scss +9 -0
- data/app/assets/stylesheets/weather-icons/_spinning.css.scss +27 -0
- data/app/assets/stylesheets/weather-icons/_stacked.css.scss +20 -0
- data/app/assets/stylesheets/weather-icons/_variables.css.scss +102 -0
- data/app/assets/stylesheets/weather-icons.css.scss +45 -0
- data/lib/weather-icons/rails/rails/engine.rb +13 -0
- data/lib/weather-icons/rails/rails/helpers.rb +94 -0
- data/lib/weather-icons/rails/rails/railtie.rb +13 -0
- data/lib/weather-icons/rails/version.rb +5 -0
- data/lib/weather-icons/rails.rb +58 -0
- data/lib/weather-icons-rails.rb +3 -4
- data/test/dummy/app/assets/stylesheets/sass-import.css.sass +1 -1
- data/test/dummy/app/assets/stylesheets/scss-import.css.scss +1 -1
- data/test/dummy/app/assets/stylesheets/sprockets-require.css +2 -2
- data/test/dummy/app/controllers/pages_controller.rb +2 -2
- data/test/dummy/app/views/pages/icons.html.erb +2 -2
- data/test/dummy/config/application.rb +18 -18
- data/test/dummy/config/boot.rb +10 -10
- data/test/dummy/config/environment.rb +5 -5
- data/test/dummy/config/initializers/secret_token.rb +8 -8
- data/test/dummy/config/routes.rb +3 -3
- data/test/dummy/config.ru +4 -4
- data/test/font_awesome_rails_test.rb +65 -65
- data/test/icon_helper_test.rb +113 -113
- data/test/test_helper.rb +7 -7
- metadata +80 -9
- data/app/assets/stylesheets/weather-icons.css +0 -327
- data/app/helpers/font_awesome/rails/icon_helper.rb +0 -92
- data/app/helpers/weather_icons/rails/icon_helper.rb +0 -92
- data/lib/weather-icons-rails/engine.rb +0 -4
- data/lib/weather-icons-rails/version.rb +0 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 66cc31dedd6673806fc377eba6d42b80e33f3586
|
4
|
+
data.tar.gz: d21b0ada46ff297aa00a36b61cd7ff627d4cf956
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 63dc1cf232b3a4d3182d01354a40f313602dfd1b7ca8163ebad48c289ab73ce5eda998ee3a6baf187a91e5a1833270c584548176e5a0a2577233062f5c2d9fa0
|
7
|
+
data.tar.gz: f9a0d24e3f5f564e4f61e0e5a981b8a70ab9322d30aabf6f7d66c9a8d4e16b2e8b825f2a57718007976771dfb65d2ae3b5098ea2a8bfba67874c75e72ec3a4dd
|
@@ -0,0 +1,87 @@
|
|
1
|
+
/* BOOTSTRAP SPECIFIC CLASSES
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
// If there are any problems, I bet it will be because of this file.
|
5
|
+
// Not really sure what it does?
|
6
|
+
|
7
|
+
/* Bootstrap 2.0 sprites.less reset */
|
8
|
+
[class^="icon-"],
|
9
|
+
[class*=" icon-"] {
|
10
|
+
display: inline;
|
11
|
+
width: auto;
|
12
|
+
height: auto;
|
13
|
+
margin-top: 0;
|
14
|
+
line-height: normal;
|
15
|
+
vertical-align: baseline;
|
16
|
+
background-image: none;
|
17
|
+
background-position: 0 0;
|
18
|
+
background-repeat: repeat;
|
19
|
+
}
|
20
|
+
|
21
|
+
/* more sprites.less reset */
|
22
|
+
.icon-white,
|
23
|
+
.nav-pills > .active > a > [class^="icon-"],
|
24
|
+
.nav-pills > .active > a > [class*=" icon-"],
|
25
|
+
.nav-list > .active > a > [class^="icon-"],
|
26
|
+
.nav-list > .active > a > [class*=" icon-"],
|
27
|
+
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
28
|
+
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
29
|
+
.dropdown-menu > li > a:hover > [class^="icon-"],
|
30
|
+
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
31
|
+
.dropdown-menu > .active > a > [class^="icon-"],
|
32
|
+
.dropdown-menu > .active > a > [class*=" icon-"],
|
33
|
+
.dropdown-submenu:hover > a > [class^="icon-"],
|
34
|
+
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
35
|
+
background-image: none;
|
36
|
+
}
|
37
|
+
|
38
|
+
|
39
|
+
/* keeps Bootstrap styles with and without icons the same */
|
40
|
+
.btn, .nav {
|
41
|
+
[class^="icon-"],
|
42
|
+
[class*=" icon-"] {
|
43
|
+
// display: inline;
|
44
|
+
&.icon-large { line-height: .9em; }
|
45
|
+
&.icon-spin { display: inline-block; }
|
46
|
+
}
|
47
|
+
}
|
48
|
+
.nav-tabs, .nav-pills {
|
49
|
+
[class^="icon-"],
|
50
|
+
[class*=" icon-"] {
|
51
|
+
&, &.icon-large { line-height: .9em; }
|
52
|
+
}
|
53
|
+
}
|
54
|
+
.btn {
|
55
|
+
[class^="icon-"],
|
56
|
+
[class*=" icon-"] {
|
57
|
+
&.pull-left, &.pull-right {
|
58
|
+
&.icon-2x { margin-top: .18em; }
|
59
|
+
}
|
60
|
+
&.icon-spin.icon-large { line-height: .8em; }
|
61
|
+
}
|
62
|
+
}
|
63
|
+
.btn.btn-small {
|
64
|
+
[class^="icon-"],
|
65
|
+
[class*=" icon-"] {
|
66
|
+
&.pull-left, &.pull-right {
|
67
|
+
&.icon-2x { margin-top: .25em; }
|
68
|
+
}
|
69
|
+
}
|
70
|
+
}
|
71
|
+
.btn.btn-large {
|
72
|
+
[class^="icon-"],
|
73
|
+
[class*=" icon-"] {
|
74
|
+
margin-top: 0; // overrides bootstrap default
|
75
|
+
&.pull-left, &.pull-right {
|
76
|
+
&.icon-2x { margin-top: .05em; }
|
77
|
+
}
|
78
|
+
&.pull-left.icon-2x { margin-right: .2em; }
|
79
|
+
&.pull-right.icon-2x { margin-left: .2em; }
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
/* Fixes alignment in nav lists */
|
84
|
+
.nav-list [class^="icon-"],
|
85
|
+
.nav-list [class*=" icon-"] {
|
86
|
+
line-height: inherit;
|
87
|
+
}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// Bordered & Pulled
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$wi-css-prefix}-border {
|
5
|
+
padding: .2em .25em .15em;
|
6
|
+
border: solid .08em $wi-border-color;
|
7
|
+
border-radius: .1em;
|
8
|
+
}
|
9
|
+
|
10
|
+
.pull-right { float: right; }
|
11
|
+
.pull-left { float: left; }
|
12
|
+
|
13
|
+
.#{$wi-css-prefix} {
|
14
|
+
&.pull-left { margin-right: .3em; }
|
15
|
+
&.pull-right { margin-left: .3em; }
|
16
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
// Base Class Definition
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
[class^="#{$wi-css-prefix}-"] {
|
5
|
+
display: inline-block;
|
6
|
+
font-family: weather;
|
7
|
+
font-style: normal;
|
8
|
+
font-weight: normal;
|
9
|
+
line-height: 1;
|
10
|
+
-webkit-font-smoothing: antialiased;
|
11
|
+
-moz-osx-font-smoothing: grayscale;
|
12
|
+
// *margin-right: .3em;
|
13
|
+
}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
/* EXTRAS
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
/* Stacked and layered icon */
|
5
|
+
|
6
|
+
/* Animated rotating icon */
|
7
|
+
.#{$wi-css-prefix}-spin {
|
8
|
+
-webkit-animation: spin 2s infinite linear;
|
9
|
+
-moz-animation: spin 2s infinite linear;
|
10
|
+
-o-animation: spin 2s infinite linear;
|
11
|
+
animation: spin 2s infinite linear;
|
12
|
+
}
|
13
|
+
|
14
|
+
@-moz-keyframes spin {
|
15
|
+
0% { -moz-transform: rotate(0deg); }
|
16
|
+
100% { -moz-transform: rotate(359deg); }
|
17
|
+
}
|
18
|
+
@-webkit-keyframes spin {
|
19
|
+
0% { -webkit-transform: rotate(0deg); }
|
20
|
+
100% { -webkit-transform: rotate(359deg); }
|
21
|
+
}
|
22
|
+
@-o-keyframes spin {
|
23
|
+
0% { -o-transform: rotate(0deg); }
|
24
|
+
100% { -o-transform: rotate(359deg); }
|
25
|
+
}
|
26
|
+
@-ms-keyframes spin {
|
27
|
+
0% { -ms-transform: rotate(0deg); }
|
28
|
+
100% { -ms-transform: rotate(359deg); }
|
29
|
+
}
|
30
|
+
@keyframes spin {
|
31
|
+
0% { transform: rotate(0deg); }
|
32
|
+
100% { transform: rotate(359deg); }
|
33
|
+
}
|
34
|
+
|
35
|
+
|
36
|
+
// Icon rotations & flipping
|
37
|
+
// -------------------------
|
38
|
+
|
39
|
+
.#{$wi-css-prefix}-rotate-90 { @include wi-icon-rotate(90deg, 1); }
|
40
|
+
.#{$wi-css-prefix}-rotate-180 { @include wi-icon-rotate(180deg, 2); }
|
41
|
+
.#{$wi-css-prefix}-rotate-270 { @include wi-icon-rotate(270deg, 3); }
|
42
|
+
|
43
|
+
.#{$wi-css-prefix}-flip-horizontal { @include wi-icon-flip(-1, 1, 0); }
|
44
|
+
.#{$wi-css-prefix}-flip-vertical { @include wi-icon-flip(1, -1, 2); }
|
@@ -0,0 +1,95 @@
|
|
1
|
+
/* Weather Icons uses the Unicode Private Use Area (PUA) to ensure screen
|
2
|
+
readers do not read off random characters that represent icons */
|
3
|
+
|
4
|
+
.#{$wi-css-prefix}-day-cloudy-gusts:before { content: $wi-var-day-cloudy-gusts; }
|
5
|
+
.#{$wi-css-prefix}-day-cloudy-windy:before { content: $wi-var-day-cloudy-windy; }
|
6
|
+
.#{$wi-css-prefix}-day-cloudy:before { content: $wi-var-day-cloudy; }
|
7
|
+
.#{$wi-css-prefix}-day-fog:before { content: $wi-var-day-fog; }
|
8
|
+
.#{$wi-css-prefix}-day-hail:before { content: $wi-var-day-hail; }
|
9
|
+
.#{$wi-css-prefix}-day-lightning:before { content: $wi-var-day-lightning; }
|
10
|
+
.#{$wi-css-prefix}-day-rain-mix:before { content: $wi-var-day-rain-mix; }
|
11
|
+
.#{$wi-css-prefix}-day-rain-wind:before { content: $wi-var-day-rain-wind; }
|
12
|
+
.#{$wi-css-prefix}-day-rain:before { content: $wi-var-day-rain; }
|
13
|
+
.#{$wi-css-prefix}-day-showers:before { content: $wi-var-day-showers; }
|
14
|
+
.#{$wi-css-prefix}-day-snow:before { content: $wi-var-day-snow; }
|
15
|
+
.#{$wi-css-prefix}-day-sprinkle:before { content: $wi-var-day-sprinkle; }
|
16
|
+
.#{$wi-css-prefix}-day-sunny-overcast:before { content: $wi-var-day-sunny-overcast; }
|
17
|
+
.#{$wi-css-prefix}-day-sunny:before { content: $wi-var-day-sunny; }
|
18
|
+
.#{$wi-css-prefix}-day-storm-showers:before { content: $wi-var-day-storm-showers; }
|
19
|
+
.#{$wi-css-prefix}-day-thunderstorm:before { content: $wi-var-day-thunderstorm; }
|
20
|
+
.#{$wi-css-prefix}-cloudy-gusts:before { content: $wi-var-cloudy-gusts; }
|
21
|
+
.#{$wi-css-prefix}-cloudy-windy:before { content: $wi-var-cloudy-windy; }
|
22
|
+
.#{$wi-css-prefix}-cloudy:before { content: $wi-var-cloudy; }
|
23
|
+
.#{$wi-css-prefix}-fog:before { content: $wi-var-fog; }
|
24
|
+
.#{$wi-css-prefix}-hail:before { content: $wi-var-hail; }
|
25
|
+
.#{$wi-css-prefix}-lightning:before { content: $wi-var-lightning; }
|
26
|
+
.#{$wi-css-prefix}-rain-mix:before { content: $wi-var-rain-mix; }
|
27
|
+
.#{$wi-css-prefix}-rain-wind:before { content: $wi-var-rain-wind; }
|
28
|
+
.#{$wi-css-prefix}-rain:before { content: $wi-var-rain; }
|
29
|
+
.#{$wi-css-prefix}-showers:before { content: $wi-var-showers; }
|
30
|
+
.#{$wi-css-prefix}-snow:before { content: $wi-var-snow; }
|
31
|
+
.#{$wi-css-prefix}-sprinkle:before { content: $wi-var-sprinkle; }
|
32
|
+
.#{$wi-css-prefix}-storm-showers:before { content: $wi-var-storm-showers; }
|
33
|
+
.#{$wi-css-prefix}-thunderstorm:before { content: $wi-var-thunderstorm; }
|
34
|
+
.#{$wi-css-prefix}-windy:before { content: $wi-var-windy; }
|
35
|
+
.#{$wi-css-prefix}-night-alt-cloudy-gusts:before { content: $wi-var-night-alt-cloudy-gusts; }
|
36
|
+
.#{$wi-css-prefix}-night-alt-cloudy-windy:before { content: $wi-var-night-alt-cloudy-windy; }
|
37
|
+
.#{$wi-css-prefix}-night-alt-hail:before { content: $wi-var-night-alt-hail; }
|
38
|
+
.#{$wi-css-prefix}-night-alt-lightning:before { content: $wi-var-night-alt-lightning; }
|
39
|
+
.#{$wi-css-prefix}-night-alt-rain-mix:before { content: $wi-var-night-alt-rain-mix; }
|
40
|
+
.#{$wi-css-prefix}-night-alt-rain-wind:before { content: $wi-var-night-alt-rain-wind; }
|
41
|
+
.#{$wi-css-prefix}-night-alt-rain:before { content: $wi-var-night-alt-rain; }
|
42
|
+
.#{$wi-css-prefix}-night-alt-showers:before { content: $wi-var-night-alt-showers; }
|
43
|
+
.#{$wi-css-prefix}-night-alt-snow:before { content: $wi-var-night-alt-snow; }
|
44
|
+
.#{$wi-css-prefix}-night-alt-sprinkle:before { content: $wi-var-night-alt-sprinkle; }
|
45
|
+
.#{$wi-css-prefix}-night-alt-storm-showers:before { content: $wi-var-night-alt-storm-showers; }
|
46
|
+
.#{$wi-css-prefix}-night-alt-thunderstorm:before { content: $wi-var-night-alt-thunderstorm; }
|
47
|
+
.#{$wi-css-prefix}-night-clear:before { content: $wi-var-night-clear; }
|
48
|
+
.#{$wi-css-prefix}-night-cloudy-gusts:before { content: $wi-var-night-cloudy-gusts; }
|
49
|
+
.#{$wi-css-prefix}-night-cloudy-windy:before { content: $wi-var-night-cloudy-windy; }
|
50
|
+
.#{$wi-css-prefix}-night-cloudy:before { content: $wi-var-night-cloudy; }
|
51
|
+
.#{$wi-css-prefix}-night-hail:before { content: $wi-var-night-hail; }
|
52
|
+
.#{$wi-css-prefix}-night-lightning:before { content: $wi-var-night-lightning; }
|
53
|
+
.#{$wi-css-prefix}-night-rain-mix:before { content: $wi-var-night-rain-mix; }
|
54
|
+
.#{$wi-css-prefix}-night-rain-wind:before { content: $wi-var-night-rain-wind; }
|
55
|
+
.#{$wi-css-prefix}-night-rain:before { content: $wi-var-night-rain; }
|
56
|
+
.#{$wi-css-prefix}-night-showers:before { content: $wi-var-night-showers; }
|
57
|
+
.#{$wi-css-prefix}-night-snow:before { content: $wi-var-night-snow; }
|
58
|
+
.#{$wi-css-prefix}-night-sprinkle:before { content: $wi-var-night-sprinkle; }
|
59
|
+
.#{$wi-css-prefix}-night-storm-showers:before { content: $wi-var-night-storm-showers; }
|
60
|
+
.#{$wi-css-prefix}-night-thunderstorm:before { content: $wi-var-night-thunderstorm; }
|
61
|
+
.#{$wi-css-prefix}-celcius:before { content: $wi-var-celcius; }
|
62
|
+
.#{$wi-css-prefix}-cloud-down:before { content: $wi-var-cloud-down; }
|
63
|
+
.#{$wi-css-prefix}-cloud-refresh:before { content: $wi-var-cloud-refresh; }
|
64
|
+
.#{$wi-css-prefix}-cloud-up:before { content: $wi-var-cloud-up; }
|
65
|
+
.#{$wi-css-prefix}-cloud:before { content: $wi-var-cloud; }
|
66
|
+
.#{$wi-css-prefix}-degrees:before { content: $wi-var-degrees; }
|
67
|
+
.#{$wi-css-prefix}-down-left:before { content: $wi-var-down-left; }
|
68
|
+
.#{$wi-css-prefix}-down:before { content: $wi-var-down; }
|
69
|
+
.#{$wi-css-prefix}-fahrenheit:before { content: $wi-var-fahrenheit; }
|
70
|
+
.#{$wi-css-prefix}-horizon-alt:before { content: $wi-var-horizon-alt; }
|
71
|
+
.#{$wi-css-prefix}-horizon:before { content: $wi-var-horizon; }
|
72
|
+
.#{$wi-css-prefix}-left:before { content: $wi-var-left; }
|
73
|
+
.#{$wi-css-prefix}-lightning:before { content: $wi-var-lightning; }
|
74
|
+
.#{$wi-css-prefix}-night-fog:before { content: $wi-var-night-fog; }
|
75
|
+
.#{$wi-css-prefix}-refresh-alt:before { content: $wi-var-refresh-alt; }
|
76
|
+
.#{$wi-css-prefix}-refresh:before { content: $wi-var-refresh; }
|
77
|
+
.#{$wi-css-prefix}-right:before { content: $wi-var-right; }
|
78
|
+
.#{$wi-css-prefix}-sprinkles:before { content: $wi-var-sprinkles; }
|
79
|
+
.#{$wi-css-prefix}-strong-wind:before { content: $wi-var-strong-wind; }
|
80
|
+
.#{$wi-css-prefix}-sunrise:before { content: $wi-var-sunrise; }
|
81
|
+
.#{$wi-css-prefix}-sunset:before { content: $wi-var-sunset; }
|
82
|
+
.#{$wi-css-prefix}-thermometer-exterior:before { content: $wi-var-thermometer-exterior; }
|
83
|
+
.#{$wi-css-prefix}-thermometer-internal:before { content: $wi-var-thermometer-internal; }
|
84
|
+
.#{$wi-css-prefix}-thermometer:before { content: $wi-var-thermometer; }
|
85
|
+
.#{$wi-css-prefix}-tornado:before { content: $wi-var-tornado; }
|
86
|
+
.#{$wi-css-prefix}-up-right:before { content: $wi-var-up-right; }
|
87
|
+
.#{$wi-css-prefix}-up:before { content: $wi-var-up; }
|
88
|
+
.#{$wi-css-prefix}-wind-east:before { content: $wi-var-wind-east; }
|
89
|
+
.#{$wi-css-prefix}-wind-north-east:before { content: $wi-var-wind-north-east; }
|
90
|
+
.#{$wi-css-prefix}-wind-north-west:before { content: $wi-var-wind-north-west; }
|
91
|
+
.#{$wi-css-prefix}-wind-north:before { content: $wi-var-wind-north; }
|
92
|
+
.#{$wi-css-prefix}-wind-south-east:before { content: $wi-var-wind-south-east; }
|
93
|
+
.#{$wi-css-prefix}-wind-south-west:before { content: $wi-var-wind-south-west; }
|
94
|
+
.#{$wi-css-prefix}-wind-south:before { content: $wi-var-wind-south; }
|
95
|
+
.#{$wi-css-prefix}-wind-west:before { content: $wi-var-wind-west; }
|
@@ -0,0 +1,43 @@
|
|
1
|
+
// Icon Sizes
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
/* makes the font 33% larger relative to the icon container */
|
5
|
+
.#{$wi-css-prefix}-md {
|
6
|
+
font-size: (4em / 3);
|
7
|
+
line-height: (3em / 4);
|
8
|
+
vertical-align: -15%;
|
9
|
+
}
|
10
|
+
.#{$wi-css-prefix}-lg {
|
11
|
+
font-size: (5em / 3);
|
12
|
+
line-height: (4em / 5);
|
13
|
+
vertical-align: -20%;
|
14
|
+
}
|
15
|
+
.#{$wi-css-prefix}-xl {
|
16
|
+
font-size: (6em / 3);
|
17
|
+
line-height: (5em / 6);
|
18
|
+
vertical-align: -25%;
|
19
|
+
}
|
20
|
+
.#{$wi-css-prefix}-2x {
|
21
|
+
font-size: 2em;
|
22
|
+
}
|
23
|
+
.#{$wi-css-prefix}-3x {
|
24
|
+
font-size: 3em;
|
25
|
+
}
|
26
|
+
.#{$wi-css-prefix}-4x {
|
27
|
+
font-size: 4em;
|
28
|
+
}
|
29
|
+
.#{$wi-css-prefix}-5x {
|
30
|
+
font-size: 5em;
|
31
|
+
}
|
32
|
+
.#{$wi-css-prefix}-6x {
|
33
|
+
font-size: 6em;
|
34
|
+
}
|
35
|
+
.#{$wi-css-prefix}-7x {
|
36
|
+
font-size: 7em;
|
37
|
+
}
|
38
|
+
.#{$wi-css-prefix}-8x {
|
39
|
+
font-size: 8em;
|
40
|
+
}
|
41
|
+
.#{$wi-css-prefix}-9x {
|
42
|
+
font-size: 9em;
|
43
|
+
}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// List Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$wi-css-prefix}-ul {
|
5
|
+
padding-left: 0;
|
6
|
+
margin-left: $wi-li-width;
|
7
|
+
list-style-type: none;
|
8
|
+
> li { position: relative; }
|
9
|
+
}
|
10
|
+
.#{$wi-css-prefix}-li {
|
11
|
+
position: absolute;
|
12
|
+
left: -$wi-li-width;
|
13
|
+
width: $wi-li-width;
|
14
|
+
top: (2em / 14);
|
15
|
+
text-align: center;
|
16
|
+
&.#{$wi-css-prefix}-lg {
|
17
|
+
left: -$wi-li-width + (4em / 14);
|
18
|
+
}
|
19
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
// Mixins
|
2
|
+
// --------------------------
|
3
|
+
|
4
|
+
@mixin wi-icon-rotate($degrees, $rotation) {
|
5
|
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
|
6
|
+
-webkit-transform: rotate($degrees);
|
7
|
+
-moz-transform: rotate($degrees);
|
8
|
+
-ms-transform: rotate($degrees);
|
9
|
+
-o-transform: rotate($degrees);
|
10
|
+
transform: rotate($degrees);
|
11
|
+
}
|
12
|
+
|
13
|
+
@mixin wi-icon-flip($horiz, $vert, $rotation) {
|
14
|
+
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);
|
15
|
+
-webkit-transform: scale($horiz, $vert);
|
16
|
+
-moz-transform: scale($horiz, $vert);
|
17
|
+
-ms-transform: scale($horiz, $vert);
|
18
|
+
-o-transform: scale($horiz, $vert);
|
19
|
+
transform: scale($horiz, $vert);
|
20
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
/* FONT PATH
|
2
|
+
* -------------------------- */
|
3
|
+
|
4
|
+
@font-face {
|
5
|
+
font-family: 'weather';
|
6
|
+
src: font-url('weathericons-regular-webfont.eot?v=#{$wi-version}');
|
7
|
+
src: font-url('weathericons-regular-webfont.eot?#iefix&v=#{$wi-version}') format('embedded-opentype'),
|
8
|
+
font-url('weathericons-regular-webfont.woff?v=#{$wi-version}') format('woff'),
|
9
|
+
font-url('weathericons-regular-webfont.ttf?v=#{$wi-version}') format('truetype'),
|
10
|
+
font-url('weathericons-regular-webfont.svg?v=#{$wi-version}#weather_iconsregular') format('svg');
|
11
|
+
font-weight: normal;
|
12
|
+
font-style: normal;
|
13
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
// Rotated & Flipped Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$wi-css-prefix}-rotate-90 { @include wi-icon-rotate(90deg, 1); }
|
5
|
+
.#{$wi-css-prefix}-rotate-180 { @include wi-icon-rotate(180deg, 2); }
|
6
|
+
.#{$wi-css-prefix}-rotate-270 { @include wi-icon-rotate(270deg, 3); }
|
7
|
+
|
8
|
+
.#{$wi-css-prefix}-flip-horizontal { @include wi-icon-flip(-1, 1, 0); }
|
9
|
+
.#{$wi-css-prefix}-flip-vertical { @include wi-icon-flip(1, -1, 2); }
|
@@ -0,0 +1,27 @@
|
|
1
|
+
.#{$wi-css-prefix}-spin {
|
2
|
+
-webkit-animation: spin 2s infinite linear;
|
3
|
+
-moz-animation: spin 2s infinite linear;
|
4
|
+
-o-animation: spin 2s infinite linear;
|
5
|
+
animation: spin 2s infinite linear;
|
6
|
+
}
|
7
|
+
|
8
|
+
@-moz-keyframes spin {
|
9
|
+
0% { -moz-transform: rotate(0deg); }
|
10
|
+
100% { -moz-transform: rotate(359deg); }
|
11
|
+
}
|
12
|
+
@-webkit-keyframes spin {
|
13
|
+
0% { -webkit-transform: rotate(0deg); }
|
14
|
+
100% { -webkit-transform: rotate(359deg); }
|
15
|
+
}
|
16
|
+
@-o-keyframes spin {
|
17
|
+
0% { -o-transform: rotate(0deg); }
|
18
|
+
100% { -o-transform: rotate(359deg); }
|
19
|
+
}
|
20
|
+
@-ms-keyframes spin {
|
21
|
+
0% { -ms-transform: rotate(0deg); }
|
22
|
+
100% { -ms-transform: rotate(359deg); }
|
23
|
+
}
|
24
|
+
@keyframes spin {
|
25
|
+
0% { transform: rotate(0deg); }
|
26
|
+
100% { transform: rotate(359deg); }
|
27
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
// Stacked Icons
|
2
|
+
// -------------------------
|
3
|
+
|
4
|
+
.#{$wi-css-prefix}-stack {
|
5
|
+
position: relative;
|
6
|
+
display: inline-block;
|
7
|
+
width: 2em;
|
8
|
+
height: 2em;
|
9
|
+
line-height: 2em;
|
10
|
+
vertical-align: middle;
|
11
|
+
}
|
12
|
+
.#{$wi-css-prefix}-stack-1x, .#{$wi-css-prefix}-stack-2x {
|
13
|
+
position: absolute;
|
14
|
+
left: 0;
|
15
|
+
width: 100%;
|
16
|
+
text-align: center;
|
17
|
+
}
|
18
|
+
.#{$wi-css-prefix}-stack-1x { line-height: inherit; }
|
19
|
+
.#{$wi-css-prefix}-stack-2x { font-size: 2em; }
|
20
|
+
.#{$wi-css-prefix}-inverse { color: $wi-inverse; }
|
@@ -0,0 +1,102 @@
|
|
1
|
+
// Variables
|
2
|
+
// --------------------------
|
3
|
+
|
4
|
+
$wi-css-prefix: wi !default;
|
5
|
+
$wi-version: "4.0.3" !default;
|
6
|
+
$wi-border-color: #eee !default;
|
7
|
+
$wi-inverse: #fff !default;
|
8
|
+
$wi-li-width: (30em / 14) !default;
|
9
|
+
|
10
|
+
|
11
|
+
$wi-var-day-cloudy-gusts: "\f000";
|
12
|
+
$wi-var-day-cloudy-windy: "\f001";
|
13
|
+
$wi-var-day-cloudy: "\f002";
|
14
|
+
$wi-var-day-fog: "\f003";
|
15
|
+
$wi-var-day-hail: "\f004";
|
16
|
+
$wi-var-day-lightning: "\f005";
|
17
|
+
$wi-var-day-rain-mix: "\f006";
|
18
|
+
$wi-var-day-rain-wind: "\f007";
|
19
|
+
$wi-var-day-rain: "\f008";
|
20
|
+
$wi-var-day-showers: "\f009";
|
21
|
+
$wi-var-day-snow: "\f00a";
|
22
|
+
$wi-var-day-sprinkle: "\f00b";
|
23
|
+
$wi-var-day-sunny-overcast: "\f00c";
|
24
|
+
$wi-var-day-sunny: "\f00d";
|
25
|
+
$wi-var-day-storm-showers: "\f00e";
|
26
|
+
$wi-var-day-thunderstorm: "\f010";
|
27
|
+
$wi-var-cloudy-gusts: "\f011";
|
28
|
+
$wi-var-cloudy-windy: "\f012";
|
29
|
+
$wi-var-cloudy: "\f013";
|
30
|
+
$wi-var-fog: "\f014";
|
31
|
+
$wi-var-hail: "\f015";
|
32
|
+
$wi-var-lightning: "\f016";
|
33
|
+
$wi-var-rain-mix: "\f017";
|
34
|
+
$wi-var-rain-wind: "\f018";
|
35
|
+
$wi-var-rain: "\f019";
|
36
|
+
$wi-var-showers: "\f01a";
|
37
|
+
$wi-var-snow: "\f01b";
|
38
|
+
$wi-var-sprinkle: "\f01c";
|
39
|
+
$wi-var-storm-showers: "\f01d";
|
40
|
+
$wi-var-thunderstorm: "\f01e";
|
41
|
+
$wi-var-windy: "\f021";
|
42
|
+
$wi-var-night-alt-cloudy-gusts: "\f022";
|
43
|
+
$wi-var-night-alt-cloudy-windy: "\f023";
|
44
|
+
$wi-var-night-alt-hail: "\f024";
|
45
|
+
$wi-var-night-alt-lightning: "\f025";
|
46
|
+
$wi-var-night-alt-rain-mix: "\f026";
|
47
|
+
$wi-var-night-alt-rain-wind: "\f027";
|
48
|
+
$wi-var-night-alt-rain: "\f028";
|
49
|
+
$wi-var-night-alt-showers: "\f029";
|
50
|
+
$wi-var-night-alt-snow: "\f02a";
|
51
|
+
$wi-var-night-alt-sprinkle: "\f02b";
|
52
|
+
$wi-var-night-alt-storm-showers: "\f02c";
|
53
|
+
$wi-var-night-alt-thunderstorm: "\f02d";
|
54
|
+
$wi-var-night-clear: "\f02e";
|
55
|
+
$wi-var-night-cloudy-gusts: "\f02f";
|
56
|
+
$wi-var-night-cloudy-windy: "\f030";
|
57
|
+
$wi-var-night-cloudy: "\f031";
|
58
|
+
$wi-var-night-hail: "\f032";
|
59
|
+
$wi-var-night-lightning: "\f033";
|
60
|
+
$wi-var-night-rain-mix: "\f034";
|
61
|
+
$wi-var-night-rain-wind: "\f035";
|
62
|
+
$wi-var-night-rain: "\f036";
|
63
|
+
$wi-var-night-showers: "\f037";
|
64
|
+
$wi-var-night-snow: "\f038";
|
65
|
+
$wi-var-night-sprinkle: "\f039";
|
66
|
+
$wi-var-night-storm-showers: "\f03a";
|
67
|
+
$wi-var-night-thunderstorm: "\f03b";
|
68
|
+
$wi-var-celcius: "\f03c";
|
69
|
+
$wi-var-cloud-down: "\f03d";
|
70
|
+
$wi-var-cloud-refresh: "\f03e";
|
71
|
+
$wi-var-cloud-up: "\f040";
|
72
|
+
$wi-var-cloud: "\f041";
|
73
|
+
$wi-var-degrees: "\f042";
|
74
|
+
$wi-var-down-left: "\f043";
|
75
|
+
$wi-var-down: "\f044";
|
76
|
+
$wi-var-fahrenheit: "\f045";
|
77
|
+
$wi-var-horizon-alt: "\f046";
|
78
|
+
$wi-var-horizon: "\f047";
|
79
|
+
$wi-var-left: "\f048";
|
80
|
+
$wi-var-lightning: "\f016";
|
81
|
+
$wi-var-night-fog: "\f04a";
|
82
|
+
$wi-var-refresh-alt: "\f04b";
|
83
|
+
$wi-var-refresh: "\f04c";
|
84
|
+
$wi-var-right: "\f04d";
|
85
|
+
$wi-var-sprinkles: "\f04e";
|
86
|
+
$wi-var-strong-wind: "\f050";
|
87
|
+
$wi-var-sunrise: "\f051";
|
88
|
+
$wi-var-sunset: "\f052";
|
89
|
+
$wi-var-thermometer-exterior: "\f053";
|
90
|
+
$wi-var-thermometer-internal: "\f054";
|
91
|
+
$wi-var-thermometer: "\f055";
|
92
|
+
$wi-var-tornado: "\f056";
|
93
|
+
$wi-var-up-right: "\f057";
|
94
|
+
$wi-var-up: "\f058";
|
95
|
+
$wi-var-wind-east: "\f059";
|
96
|
+
$wi-var-wind-north-east: "\f05a";
|
97
|
+
$wi-var-wind-north-west: "\f05b";
|
98
|
+
$wi-var-wind-north: "\f05c";
|
99
|
+
$wi-var-wind-south-east: "\f05d";
|
100
|
+
$wi-var-wind-south-west: "\f05e";
|
101
|
+
$wi-var-wind-south: "\f060";
|
102
|
+
$wi-var-wind-west: "\f061";
|
@@ -0,0 +1,45 @@
|
|
1
|
+
/*!
|
2
|
+
* Weather Icons Beta 1
|
3
|
+
* Weather themed icons for Bootstrap
|
4
|
+
* ------------------------------------------------------------------------------
|
5
|
+
* Maintained at http://erikflowers.github.io/weather-icons
|
6
|
+
* http://twitter.com/Erik_UX
|
7
|
+
*
|
8
|
+
* License
|
9
|
+
* ------------------------------------------------------------------------------
|
10
|
+
* - Fpmt licensed under SIL OFL 1.1 -
|
11
|
+
* http://scripts.sil.org/OFL
|
12
|
+
* - CSS and LESS are licensed under MIT License -
|
13
|
+
* http://opensource.org/licenses/mit-license.html
|
14
|
+
* - Documentation licensed under CC BY 3.0 -
|
15
|
+
* http://creativecommons.org/licenses/by/3.0/
|
16
|
+
* - Inspired by and works great as a companion with Font Aweosme
|
17
|
+
* "Font Awesome by Dave Gandy - http://fontawesome.io"
|
18
|
+
*
|
19
|
+
* Weather Icons Bootstrap Package Author - Erik Flowers - erik@helloerik.com
|
20
|
+
* Weather Icons gives full credit for inspiration to Font Awesome and makes no
|
21
|
+
* claim to invention, intellectual property, or ownership of methodology.
|
22
|
+
*
|
23
|
+
* Support Open Source!
|
24
|
+
*
|
25
|
+
* ------------------------------------------------------------------------------
|
26
|
+
* Email: erik@helloerik.com
|
27
|
+
* Twitter: http://twitter.com/Erik_UX
|
28
|
+
*= depend_on_asset "weathericons-regular-webfont.eot"
|
29
|
+
*= depend_on_asset "weathericons-regular-webfont.svg"
|
30
|
+
*= depend_on_asset "weathericons-regular-webfont.ttf"
|
31
|
+
*= depend_on_asset "weathericons-regular-webfont.woff"
|
32
|
+
*/
|
33
|
+
|
34
|
+
@import "weather-icons/variables";
|
35
|
+
@import "weather-icons/mixins";
|
36
|
+
@import "weather-icons/path";
|
37
|
+
@import "weather-icons/core";
|
38
|
+
@import "weather-icons/larger";
|
39
|
+
@import "weather-icons/fixed-width";
|
40
|
+
@import "weather-icons/list";
|
41
|
+
@import "weather-icons/bordered-pulled";
|
42
|
+
@import "weather-icons/spinning";
|
43
|
+
@import "weather-icons/rotated-flipped";
|
44
|
+
@import "weather-icons/stacked";
|
45
|
+
@import "weather-icons/icons";
|
@@ -0,0 +1,13 @@
|
|
1
|
+
module WeatherIcons
|
2
|
+
module Sass
|
3
|
+
module Rails
|
4
|
+
class Engine < ::Rails::Engine
|
5
|
+
initializer 'weather-icons-rails.assets.precompile' do |app|
|
6
|
+
app.config.assets.precompile += %w(
|
7
|
+
weathericons-regular-webfont.eot weathericons-regular-webfont.svg
|
8
|
+
weathericons-regular-webfont.ttf weathericons-regular-webfont.woff)
|
9
|
+
end
|
10
|
+
end
|
11
|
+
end
|
12
|
+
end
|
13
|
+
end
|