flatui-rails-less 1.0 → 1.1
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 +4 -4
- data/lib/flatui/rails/less/version.rb +1 -1
- data/vendor/assets/stylesheets/demo.less +5 -5
- data/vendor/assets/stylesheets/fonts.less +30 -30
- data/vendor/assets/stylesheets/icon-font.less +5 -5
- data/vendor/assets/stylesheets/modules/login.less +2 -2
- data/vendor/assets/stylesheets/modules/switch.less +2 -2
- data/vendor/assets/stylesheets/modules/tile.less +2 -2
- data/vendor/assets/stylesheets/modules/todo.less +4 -4
- data/vendor/assets/stylesheets/modules/video.less +5 -5
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 82a31b372f572cec0269f575adc5b8b455e7a095
|
|
4
|
+
data.tar.gz: 91b38152665c09ac6c6c239a45b648d038399a9c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 11d554abaa9b9074e83e18bc8470a1d2a35dcde37d4997262e9e156a8ba3fcb727cba77789a3cd55d2f51760f74a846cd529b4ced17bd62d74494ae2450205cb
|
|
7
|
+
data.tar.gz: 9d1019ed1f6af3488606c694a246212848ab621b2b7a814b3f987076f6428569e8bbbf0d2bc3b0042156e14120725bc31b2cc07422a0ba436c0de3914c7f15f4
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
margin: 10px 0;
|
|
23
23
|
|
|
24
24
|
.logo {
|
|
25
|
-
background: ~"url(
|
|
25
|
+
background: ~"url(/assets/demo/logo-mask.png) center 0 no-repeat";
|
|
26
26
|
background-size: 236px 181px;
|
|
27
27
|
height: 181px;
|
|
28
28
|
margin: 0 auto 26px;
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
210
|
.demo-browser {
|
|
211
|
-
background: mix(@brand-primary, black, 85%) url(
|
|
211
|
+
background: mix(@brand-primary, black, 85%) url(/assets/demo/browser.png) 0 0 no-repeat;
|
|
212
212
|
background-size: 659px 42px;
|
|
213
213
|
color: @inverse;
|
|
214
214
|
margin: 0 41px 140px 0;
|
|
@@ -237,7 +237,7 @@
|
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
.demo-browser-author {
|
|
240
|
-
background: ~"url(
|
|
240
|
+
background: ~"url(/assets/demo/browser-author.jpg) center center no-repeat";
|
|
241
241
|
border: 3px solid @inverse;
|
|
242
242
|
display: block;
|
|
243
243
|
height: 84px;
|
|
@@ -282,10 +282,10 @@
|
|
|
282
282
|
// Serving 2x images
|
|
283
283
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
|
|
284
284
|
.logo {
|
|
285
|
-
background-image: url(
|
|
285
|
+
background-image: url(/assets/demo/logo-mask-2x.png)
|
|
286
286
|
}
|
|
287
287
|
.demo-browser {
|
|
288
|
-
background-image: url(
|
|
288
|
+
background-image: url(/assets/demo/browser-2x.png)
|
|
289
289
|
}
|
|
290
290
|
}
|
|
291
291
|
|
|
@@ -1,65 +1,65 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'Lato';
|
|
3
|
-
src: url('
|
|
4
|
-
src: url('
|
|
5
|
-
url('
|
|
6
|
-
url('
|
|
7
|
-
url('
|
|
3
|
+
src: url('/assets/lato/lato-black-webfont.eot');
|
|
4
|
+
src: url('/assets/lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
|
|
5
|
+
url('/assets/lato/lato-black-webfont.woff') format('woff'),
|
|
6
|
+
url('/assets/lato/lato-black-webfont.ttf') format('truetype'),
|
|
7
|
+
url('/assets/lato/lato-black-webfont.svg#latoblack') format('svg');
|
|
8
8
|
font-weight: 900;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
@font-face {
|
|
13
13
|
font-family: 'Lato';
|
|
14
|
-
src: url('
|
|
15
|
-
src: url('
|
|
16
|
-
url('
|
|
17
|
-
url('
|
|
18
|
-
url('
|
|
14
|
+
src: url('/assets/lato/lato-bold-webfont.eot');
|
|
15
|
+
src: url('/assets/lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
|
|
16
|
+
url('/assets/lato/lato-bold-webfont.woff') format('woff'),
|
|
17
|
+
url('/assets/lato/lato-bold-webfont.ttf') format('truetype'),
|
|
18
|
+
url('/assets/lato/lato-bold-webfont.svg#latobold') format('svg');
|
|
19
19
|
font-weight: bold;
|
|
20
20
|
font-style: normal;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@font-face {
|
|
24
24
|
font-family: 'Lato';
|
|
25
|
-
src: url('
|
|
26
|
-
src: url('
|
|
27
|
-
url('
|
|
28
|
-
url('
|
|
29
|
-
url('
|
|
25
|
+
src: url('/assets/lato/lato-bolditalic-webfont.eot');
|
|
26
|
+
src: url('/assets/lato/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
|
|
27
|
+
url('/assets/lato/lato-bolditalic-webfont.woff') format('woff'),
|
|
28
|
+
url('/assets/lato/lato-bolditalic-webfont.ttf') format('truetype'),
|
|
29
|
+
url('/assets/lato/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
|
|
30
30
|
font-weight: bold;
|
|
31
31
|
font-style: italic;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
@font-face {
|
|
35
35
|
font-family: 'Lato';
|
|
36
|
-
src: url('
|
|
37
|
-
src: url('
|
|
38
|
-
url('
|
|
39
|
-
url('
|
|
40
|
-
url('
|
|
36
|
+
src: url('/assets/lato/lato-italic-webfont.eot');
|
|
37
|
+
src: url('/assets/lato/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
|
|
38
|
+
url('/assets/lato/lato-italic-webfont.woff') format('woff'),
|
|
39
|
+
url('/assets/lato/lato-italic-webfont.ttf') format('truetype'),
|
|
40
|
+
url('/assets/lato/lato-italic-webfont.svg#latoitalic') format('svg');
|
|
41
41
|
font-weight: normal;
|
|
42
42
|
font-style: italic;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
@font-face {
|
|
46
46
|
font-family: 'Lato';
|
|
47
|
-
src: url('
|
|
48
|
-
src: url('
|
|
49
|
-
url('
|
|
50
|
-
url('
|
|
51
|
-
url('
|
|
47
|
+
src: url('/assets/lato/lato-light-webfont.eot');
|
|
48
|
+
src: url('/assets/lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
|
|
49
|
+
url('/assets/lato/lato-light-webfont.woff') format('woff'),
|
|
50
|
+
url('/assets/lato/lato-light-webfont.ttf') format('truetype'),
|
|
51
|
+
url('/assets/lato/lato-light-webfont.svg#latolight') format('svg');
|
|
52
52
|
font-weight: 300;
|
|
53
53
|
font-style: normal;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
@font-face {
|
|
57
57
|
font-family: 'Lato';
|
|
58
|
-
src: url('
|
|
59
|
-
src: url('
|
|
60
|
-
url('
|
|
61
|
-
url('
|
|
62
|
-
url('
|
|
58
|
+
src: url('/assets/lato/lato-regular-webfont.eot');
|
|
59
|
+
src: url('/assets/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
|
60
|
+
url('/assets/lato/lato-regular-webfont.woff') format('woff'),
|
|
61
|
+
url('/assets/lato/lato-regular-webfont.ttf') format('truetype'),
|
|
62
|
+
url('/assets/lato/lato-regular-webfont.svg#latoregular') format('svg');
|
|
63
63
|
font-weight: normal;
|
|
64
64
|
font-style: normal;
|
|
65
65
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: 'Flat-UI-Icons';
|
|
3
|
-
src:url('
|
|
4
|
-
src:url('
|
|
5
|
-
url('
|
|
6
|
-
url('
|
|
7
|
-
url('
|
|
3
|
+
src:url('/assets/Flat-UI-Icons.eot');
|
|
4
|
+
src:url('/assets/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'),
|
|
5
|
+
url('/assets/Flat-UI-Icons.woff') format('woff'),
|
|
6
|
+
url('/assets/Flat-UI-Icons.ttf') format('truetype'),
|
|
7
|
+
url('/assets/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
|
|
8
8
|
font-weight: normal;
|
|
9
9
|
font-style: normal;
|
|
10
10
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
@form-color: mix(@brand-primary, @inverse, 9%);
|
|
7
7
|
|
|
8
8
|
.login {
|
|
9
|
-
background: ~"url(
|
|
9
|
+
background: ~"url(/assets/login/imac.png) 0 0 no-repeat";
|
|
10
10
|
background-size: 940px 778px;
|
|
11
11
|
color: @inverse;
|
|
12
12
|
margin-bottom: 77px;
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
// Retina support
|
|
106
106
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
|
|
107
107
|
.login {
|
|
108
|
-
background-image: ~"url(
|
|
108
|
+
background-image: ~"url(/assets/login/imac-2x.png)";
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
position: relative;
|
|
16
16
|
text-align: left;
|
|
17
17
|
width: @switch-width;
|
|
18
|
-
.mask(~"url('
|
|
18
|
+
.mask(~"url('/assets/switch/mask.png') 0 0 no-repeat");
|
|
19
19
|
.user-select(none);
|
|
20
20
|
|
|
21
21
|
&.deactivate {
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
// -------------------------------
|
|
115
115
|
.switch-square {
|
|
116
116
|
border-radius: @border-radius-large;
|
|
117
|
-
.mask(~"url('
|
|
117
|
+
.mask(~"url('/assets/switch/mask.png') 0 0 no-repeat");
|
|
118
118
|
|
|
119
119
|
> div {
|
|
120
120
|
&.switch-off {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
&.tile-hot {
|
|
13
13
|
&:before {
|
|
14
|
-
background: ~"url(
|
|
14
|
+
background: ~"url(/assets/tile/ribbon.png) 0 0 no-repeat";
|
|
15
15
|
background-size: 82px 82px;
|
|
16
16
|
content: '';
|
|
17
17
|
height: 82px;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
.tile {
|
|
48
48
|
&.tile-hot {
|
|
49
49
|
&:before {
|
|
50
|
-
background-image: ~"url(
|
|
50
|
+
background-image: ~"url(/assets/tile/ribbon-2x.png)";
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
border-radius: 0 0 @border-radius-large @border-radius-large;
|
|
16
16
|
}
|
|
17
17
|
li {
|
|
18
|
-
background: @brand-primary ~"url(
|
|
18
|
+
background: @brand-primary ~"url(/assets/todo/todo.png) 92% center no-repeat";
|
|
19
19
|
background-size: 20px 20px;
|
|
20
20
|
cursor: pointer;
|
|
21
21
|
font-size: ceil(@component-font-size-base * 0.933); // ~14px
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
padding-bottom: 21px;
|
|
34
34
|
}
|
|
35
35
|
&.todo-done {
|
|
36
|
-
background: transparent ~"url(
|
|
36
|
+
background: transparent ~"url(/assets/todo/done.png) 92% center no-repeat";
|
|
37
37
|
background-size: 20px 20px;
|
|
38
38
|
color: @brand-secondary;
|
|
39
39
|
|
|
@@ -100,10 +100,10 @@ input.todo-search-field {
|
|
|
100
100
|
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
|
|
101
101
|
.todo {
|
|
102
102
|
li {
|
|
103
|
-
background-image: ~"url(
|
|
103
|
+
background-image: ~"url(/assets/todo/todo-2x.png)";
|
|
104
104
|
|
|
105
105
|
&.todo-done {
|
|
106
|
-
background-image: ~"url(
|
|
106
|
+
background-image: ~"url(/assets/todo/done-2x.png)";
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
}
|
|
@@ -237,7 +237,7 @@ body.vjs-full-window {
|
|
|
237
237
|
}
|
|
238
238
|
|
|
239
239
|
.vjs-mute-control {
|
|
240
|
-
background: ~"url(
|
|
240
|
+
background: ~"url(/assets/video/volume-full.png) center -48px no-repeat";
|
|
241
241
|
background-size: 16px 64px;
|
|
242
242
|
cursor: pointer !important;
|
|
243
243
|
position: absolute;
|
|
@@ -255,11 +255,11 @@ body.vjs-full-window {
|
|
|
255
255
|
&.vjs-vol-0 {
|
|
256
256
|
&,
|
|
257
257
|
div {
|
|
258
|
-
background-image: ~"url(
|
|
258
|
+
background-image: ~"url(/assets/video/volume-off.png)";
|
|
259
259
|
}
|
|
260
260
|
}
|
|
261
261
|
div {
|
|
262
|
-
background: @controls-color ~"url(
|
|
262
|
+
background: @controls-color ~"url(/assets/video/volume-full.png) no-repeat center 2px";
|
|
263
263
|
background-size: 16px 64px;
|
|
264
264
|
height: 18px;
|
|
265
265
|
.transition(opacity .25s);
|
|
@@ -382,7 +382,7 @@ body.vjs-full-window {
|
|
|
382
382
|
}
|
|
383
383
|
|
|
384
384
|
.vjs-fullscreen-control {
|
|
385
|
-
background-image: ~"url(
|
|
385
|
+
background-image: ~"url(/assets/video/fullscreen.png)";
|
|
386
386
|
background-position: center -47px;
|
|
387
387
|
background-size: 15px 64px;
|
|
388
388
|
cursor: pointer !important;
|
|
@@ -398,7 +398,7 @@ body.vjs-full-window {
|
|
|
398
398
|
}
|
|
399
399
|
div {
|
|
400
400
|
height: 18px;
|
|
401
|
-
background: ~"url(
|
|
401
|
+
background: ~"url(/assets/video/fullscreen.png) no-repeat center 2px";
|
|
402
402
|
background-size: 15px 64px;
|
|
403
403
|
.transition(opacity .25s);
|
|
404
404
|
}
|