semantic-ui-rails 0.1.0 → 0.1.0.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/generators/semantic/install/install_generator.rb +3 -3
- data/lib/generators/semantic/install/templates/semantic-ui.css.less +47 -0
- data/lib/semantic/ui/rails/version.rb +1 -1
- data/semantic.thor +29 -25
- data/vendor/assets/javascripts/semantic-ui/modules/accordion.js +7 -0
- data/vendor/assets/javascripts/semantic-ui/modules/chatroom.js +1 -1
- data/vendor/assets/javascripts/semantic-ui/modules/checkbox.js +2 -5
- data/vendor/assets/javascripts/semantic-ui/modules/dimmer.js +73 -49
- data/vendor/assets/javascripts/semantic-ui/modules/dropdown.js +135 -136
- data/vendor/assets/javascripts/semantic-ui/modules/modal.js +196 -125
- data/vendor/assets/javascripts/semantic-ui/modules/popup.js +3 -6
- data/vendor/assets/javascripts/semantic-ui/modules/rating.js +80 -38
- data/vendor/assets/javascripts/semantic-ui/modules/sidebar.js +17 -20
- data/vendor/assets/javascripts/semantic-ui/modules/tab.js +32 -20
- data/vendor/assets/javascripts/semantic-ui/modules/transition.js +2 -0
- data/vendor/assets/stylesheets/semantic-ui/collections/form.less +15 -2
- data/vendor/assets/stylesheets/semantic-ui/collections/grid.less +20 -39
- data/vendor/assets/stylesheets/semantic-ui/collections/menu.less +12 -12
- data/vendor/assets/stylesheets/semantic-ui/elements/basic.icon.less +203 -198
- data/vendor/assets/stylesheets/semantic-ui/elements/button.less +17 -6
- data/vendor/assets/stylesheets/semantic-ui/elements/header.less +49 -31
- data/vendor/assets/stylesheets/semantic-ui/elements/icon.less +9 -13
- data/vendor/assets/stylesheets/semantic-ui/elements/image.less +13 -1
- data/vendor/assets/stylesheets/semantic-ui/elements/input.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/elements/loader.less +8 -8
- data/vendor/assets/stylesheets/semantic-ui/modules/checkbox.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/modules/dimmer.less +13 -5
- data/vendor/assets/stylesheets/semantic-ui/modules/dropdown.less +48 -8
- data/vendor/assets/stylesheets/semantic-ui/modules/modal.less +72 -13
- data/vendor/assets/stylesheets/semantic-ui/modules/rating.less +38 -35
- data/vendor/assets/stylesheets/semantic-ui/modules/search.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/modules/tab.less +1 -1
- data/vendor/assets/stylesheets/semantic-ui/modules/transition.less +283 -25
- data/vendor/assets/stylesheets/semantic-ui/views/list.less +24 -2
- metadata +3 -7
- data/lib/generators/semantic/install/templates/semantic-ui/collections.less +0 -6
- data/lib/generators/semantic/install/templates/semantic-ui/elements.less +0 -12
- data/lib/generators/semantic/install/templates/semantic-ui/modules.less +0 -16
- data/lib/generators/semantic/install/templates/semantic-ui/views.less +0 -6
- data/vendor/assets/stylesheets/semantic-ui/views/statistic.css +0 -27
@@ -313,7 +313,7 @@
|
|
313
313
|
width: 100%;
|
314
314
|
height: 100%;
|
315
315
|
content: '';
|
316
|
-
background: transparent url(
|
316
|
+
background: transparent url(/assets/semantic-ui/loader-mini.gif) no-repeat 50% 50%;
|
317
317
|
}
|
318
318
|
|
319
319
|
.ui.labeled.icon.loading.button .icon {
|
@@ -413,18 +413,18 @@
|
|
413
413
|
|
414
414
|
/* loading */
|
415
415
|
.ui.huge.loading.button:after {
|
416
|
-
background-image: url(
|
416
|
+
background-image: url(/assets/semantic-ui/loader-small.gif);
|
417
417
|
}
|
418
418
|
.ui.massive.buttons .loading.button:after,
|
419
419
|
.ui.gigantic.buttons .loading.button:after,
|
420
420
|
.ui.massive.loading.button:after,
|
421
421
|
.ui.gigantic.loading.button:after {
|
422
|
-
background-image: url(
|
422
|
+
background-image: url(/assets/semantic-ui/loader-medium.gif);
|
423
423
|
}
|
424
424
|
|
425
425
|
.ui.huge.loading.button:after,
|
426
426
|
.ui.huge.loading.button.active:after {
|
427
|
-
background-image: url(
|
427
|
+
background-image: url(/assets/semantic-ui/loader-small.gif);
|
428
428
|
}
|
429
429
|
.ui.massive.buttons .loading.button:after,
|
430
430
|
.ui.gigantic.buttons .loading.button:after,
|
@@ -434,7 +434,7 @@
|
|
434
434
|
.ui.gigantic.buttons .loading.button.active:after,
|
435
435
|
.ui.massive.loading.button.active:after,
|
436
436
|
.ui.gigantic.loading.button.active:after {
|
437
|
-
background-image: url(
|
437
|
+
background-image: url(/assets/semantic-ui/loader-medium.gif);
|
438
438
|
}
|
439
439
|
|
440
440
|
/*--------------
|
@@ -929,6 +929,17 @@
|
|
929
929
|
Colors
|
930
930
|
--------------------*/
|
931
931
|
|
932
|
+
/*--- White ---*/
|
933
|
+
.ui.white.buttons .button,
|
934
|
+
.ui.white.button {
|
935
|
+
background-color: #FFFFFF;
|
936
|
+
}
|
937
|
+
|
938
|
+
.ui.white.buttons .button:hover,
|
939
|
+
.ui.white.button:hover {
|
940
|
+
background-color: #A4A4A4;
|
941
|
+
}
|
942
|
+
|
932
943
|
/*--- Black ---*/
|
933
944
|
.ui.black.buttons .button,
|
934
945
|
.ui.black.button {
|
@@ -1173,4 +1184,4 @@
|
|
1173
1184
|
-moz-border-radius: 0px 0px 0.2em 0.2em;
|
1174
1185
|
-webkit-border-radius: 0px 0px 0.2em 0.2em;
|
1175
1186
|
border-radius: 0px 0px 0.2em 0.2em;
|
1176
|
-
}
|
1187
|
+
}
|
@@ -24,7 +24,6 @@
|
|
24
24
|
line-height: 1.33;
|
25
25
|
}
|
26
26
|
|
27
|
-
|
28
27
|
.ui.header .sub.header {
|
29
28
|
font-size: 1rem;
|
30
29
|
font-weight: normal;
|
@@ -35,12 +34,22 @@
|
|
35
34
|
color: rgba(0, 0, 0, 0.5);
|
36
35
|
}
|
37
36
|
|
37
|
+
.ui.header .icon {
|
38
|
+
display: table-cell;
|
39
|
+
vertical-align: middle;
|
40
|
+
padding-right: 0.5em;
|
41
|
+
}
|
42
|
+
.ui.header .icon:only-child {
|
43
|
+
display: inline-block;
|
44
|
+
}
|
45
|
+
|
38
46
|
.ui.header .content {
|
39
47
|
display: inline-block;
|
40
48
|
vertical-align: top;
|
41
49
|
}
|
42
|
-
.ui.header .icon {
|
43
|
-
|
50
|
+
.ui.header .icon + .content {
|
51
|
+
padding-left: 0.5em;
|
52
|
+
display: table-cell;
|
44
53
|
}
|
45
54
|
|
46
55
|
/* Positioning */
|
@@ -102,6 +111,43 @@ h5.ui.header {
|
|
102
111
|
font-size: 1em;
|
103
112
|
}
|
104
113
|
|
114
|
+
|
115
|
+
/*******************************
|
116
|
+
Types
|
117
|
+
*******************************/
|
118
|
+
|
119
|
+
|
120
|
+
/*-------------------
|
121
|
+
Icon
|
122
|
+
--------------------*/
|
123
|
+
|
124
|
+
.ui.icon.header {
|
125
|
+
display: inline-block;
|
126
|
+
text-align: center;
|
127
|
+
}
|
128
|
+
.ui.icon.header .icon {
|
129
|
+
float: none;
|
130
|
+
display: block;
|
131
|
+
font-size: 3em;
|
132
|
+
margin: 0em auto 0.2em;
|
133
|
+
padding: 0em;
|
134
|
+
}
|
135
|
+
.ui.icon.header .content {
|
136
|
+
display: block;
|
137
|
+
}
|
138
|
+
.ui.icon.header .circular.icon,
|
139
|
+
.ui.icon.header .square.icon {
|
140
|
+
font-size: 2em;
|
141
|
+
}
|
142
|
+
.ui.block.icon.header .icon {
|
143
|
+
margin-bottom: 0em;
|
144
|
+
}
|
145
|
+
.ui.icon.header.aligned {
|
146
|
+
margin-left: auto;
|
147
|
+
margin-right: auto;
|
148
|
+
display: block;
|
149
|
+
}
|
150
|
+
|
105
151
|
/*******************************
|
106
152
|
States
|
107
153
|
*******************************/
|
@@ -294,31 +340,3 @@ h5.ui.header {
|
|
294
340
|
border-radius: 0em 0em 0.3125em 0.3125em;
|
295
341
|
}
|
296
342
|
|
297
|
-
|
298
|
-
/*-------------------
|
299
|
-
Icon
|
300
|
-
--------------------*/
|
301
|
-
|
302
|
-
.ui.icon.header {
|
303
|
-
display: inline-block;
|
304
|
-
text-align: center;
|
305
|
-
}
|
306
|
-
.ui.icon.header .icon {
|
307
|
-
float: none;
|
308
|
-
display: block;
|
309
|
-
font-size: 3em;
|
310
|
-
margin: 0em auto 0.2em;
|
311
|
-
}
|
312
|
-
.ui.icon.header .circular.icon,
|
313
|
-
.ui.icon.header .square.icon {
|
314
|
-
font-size: 2em;
|
315
|
-
}
|
316
|
-
.ui.block.icon.header .icon {
|
317
|
-
margin-bottom: 0em;
|
318
|
-
}
|
319
|
-
|
320
|
-
.ui.icon.header.aligned {
|
321
|
-
margin-left: auto;
|
322
|
-
margin-right: auto;
|
323
|
-
display: block;
|
324
|
-
}
|
@@ -442,19 +442,14 @@ i.icon.check:before { content: "\f00c"; }
|
|
442
442
|
i.icon.close:before { content: "\f00d"; }
|
443
443
|
i.icon.delete:before { content: "\f00d"; }
|
444
444
|
i.icon.like:before { content: "\f004"; }
|
445
|
+
i.icon.plus:before { content: "\f067"; }
|
445
446
|
i.icon.signup:before { content: "\f044"; }
|
446
|
-
i.icon.dropdown:before { content: "\f0d7"; }
|
447
447
|
|
448
448
|
|
449
449
|
/*--------------
|
450
450
|
Spacing Fix
|
451
451
|
---------------*/
|
452
452
|
|
453
|
-
/* dropdown arrows are to the right */
|
454
|
-
i.dropdown.icon {
|
455
|
-
margin: 0em 0em 0em 0.5em;
|
456
|
-
}
|
457
|
-
|
458
453
|
/* stars are usually consecutive */
|
459
454
|
i.icon.star {
|
460
455
|
width: auto;
|
@@ -494,7 +489,7 @@ i.icon.loading {
|
|
494
489
|
-o-animation: icon-loading 2s linear infinite;
|
495
490
|
animation: icon-loading 2s linear infinite;
|
496
491
|
}
|
497
|
-
@keyframes
|
492
|
+
@keyframes icon-loading {
|
498
493
|
from {
|
499
494
|
-webkit-transform: rotate(0deg);
|
500
495
|
-moz-transform: rotate(0deg);
|
@@ -520,7 +515,7 @@ i.icon.loading {
|
|
520
515
|
transform: rotate(360deg);
|
521
516
|
}
|
522
517
|
}
|
523
|
-
@-webkit-keyframes
|
518
|
+
@-webkit-keyframes icon-loading {
|
524
519
|
from {
|
525
520
|
-webkit-transform: rotate(0deg);
|
526
521
|
transform: rotate(0deg);
|
@@ -530,7 +525,7 @@ i.icon.loading {
|
|
530
525
|
transform: rotate(360deg);
|
531
526
|
}
|
532
527
|
}
|
533
|
-
@-ms-keyframes
|
528
|
+
@-ms-keyframes icon-loading {
|
534
529
|
from {
|
535
530
|
-ms-transform: rotate(0deg);
|
536
531
|
transform: rotate(0deg);
|
@@ -540,7 +535,7 @@ i.icon.loading {
|
|
540
535
|
transform: rotate(360deg);
|
541
536
|
}
|
542
537
|
}
|
543
|
-
@-o-keyframes
|
538
|
+
@-o-keyframes icon-loading {
|
544
539
|
from {
|
545
540
|
-o-transform: rotate(0deg);
|
546
541
|
transform: rotate(0deg);
|
@@ -760,17 +755,18 @@ i.icon {
|
|
760
755
|
font-size: 1em;
|
761
756
|
}
|
762
757
|
i.large.icon {
|
758
|
+
font-size: 1.5em;
|
759
|
+
vertical-align: middle;
|
760
|
+
}
|
761
|
+
i.big.icon {
|
763
762
|
font-size: 2em;
|
764
|
-
margin-right: 0.5em;
|
765
763
|
vertical-align: middle;
|
766
764
|
}
|
767
765
|
i.huge.icon {
|
768
766
|
font-size: 4em;
|
769
|
-
margin-right: 0.75em;
|
770
767
|
vertical-align: middle;
|
771
768
|
}
|
772
769
|
i.massive.icon {
|
773
770
|
font-size: 8em;
|
774
|
-
margin-right: 1em;
|
775
771
|
vertical-align: middle;
|
776
772
|
}
|
@@ -73,9 +73,21 @@ img.ui.image {
|
|
73
73
|
}
|
74
74
|
|
75
75
|
/*--------------
|
76
|
-
|
76
|
+
Fluid
|
77
77
|
---------------*/
|
78
78
|
|
79
|
+
.ui.fluid.images,
|
80
|
+
.ui.fluid.image,
|
81
|
+
.ui.fluid.images img,
|
82
|
+
.ui.fluid.image img {
|
83
|
+
display: block;
|
84
|
+
width: 100%;
|
85
|
+
}
|
86
|
+
|
87
|
+
|
88
|
+
/*--------------
|
89
|
+
Avatar
|
90
|
+
---------------*/
|
79
91
|
|
80
92
|
.ui.avatar.images .image,
|
81
93
|
.ui.avatar.images img,
|
@@ -108,7 +108,7 @@
|
|
108
108
|
---------------------*/
|
109
109
|
|
110
110
|
.ui.loading.input > .icon {
|
111
|
-
background: url(
|
111
|
+
background: url(/assets/semantic-ui/loader-mini.gif) no-repeat 50% 50%;
|
112
112
|
}
|
113
113
|
.ui.loading.input > .icon:before,
|
114
114
|
.ui.loading.input > .icon:after {
|
@@ -105,25 +105,25 @@
|
|
105
105
|
/* Tiny Size */
|
106
106
|
.ui.dimmer .mini.ui.loader,
|
107
107
|
.ui.inverted .mini.ui.loader {
|
108
|
-
background-image: url(
|
108
|
+
background-image: url(/assets/semantic-ui/loader-mini-inverted.gif);
|
109
109
|
}
|
110
110
|
|
111
111
|
/* Small Size */
|
112
112
|
.ui.dimmer .small.ui.loader,
|
113
113
|
.ui.inverted .small.ui.loader {
|
114
|
-
background-image: url(
|
114
|
+
background-image: url(/assets/semantic-ui/loader-small-inverted.gif);
|
115
115
|
}
|
116
116
|
|
117
117
|
/* Standard Size */
|
118
118
|
.ui.dimmer .ui.loader,
|
119
119
|
.ui.inverted.loader {
|
120
|
-
background-image: url(
|
120
|
+
background-image: url(/assets/semantic-ui/loader-medium-inverted.gif);
|
121
121
|
}
|
122
122
|
|
123
123
|
/* Large Size */
|
124
124
|
.ui.dimmer .large.ui.loader,
|
125
125
|
.ui.inverted .large.ui.loader {
|
126
|
-
background-image: url(
|
126
|
+
background-image: url(/assets/semantic-ui/loader-large-inverted.gif);
|
127
127
|
}
|
128
128
|
|
129
129
|
/*-------------------
|
@@ -135,7 +135,7 @@
|
|
135
135
|
.ui.mini.loader {
|
136
136
|
width: 16px;
|
137
137
|
height: 16px;
|
138
|
-
background-image: url(
|
138
|
+
background-image: url(/assets/semantic-ui/loader-mini.gif);
|
139
139
|
}
|
140
140
|
|
141
141
|
/* Small Size */
|
@@ -143,14 +143,14 @@
|
|
143
143
|
.ui.small.loader {
|
144
144
|
width: 24px;
|
145
145
|
height: 24px;
|
146
|
-
background-image: url(
|
146
|
+
background-image: url(/assets/semantic-ui/loader-small.gif);
|
147
147
|
}
|
148
148
|
|
149
149
|
.ui.inverted.dimmer .ui.loader,
|
150
150
|
.ui.loader {
|
151
151
|
width: 32px;
|
152
152
|
height: 32px;
|
153
|
-
background: url(
|
153
|
+
background: url(/assets/semantic-ui/loader-medium.gif) no-repeat;
|
154
154
|
background-position: 48% 0px;
|
155
155
|
}
|
156
156
|
|
@@ -159,7 +159,7 @@
|
|
159
159
|
.ui.loader.large {
|
160
160
|
width: 64px;
|
161
161
|
height: 64px;
|
162
|
-
background-image: url(
|
162
|
+
background-image: url(/assets/semantic-ui/loader-large.gif);
|
163
163
|
}
|
164
164
|
|
165
165
|
|
@@ -160,15 +160,23 @@
|
|
160
160
|
.ui.page.dimmer {
|
161
161
|
position: fixed;
|
162
162
|
|
163
|
+
-webkit-transform-style: preserve-3d;
|
164
|
+
-moz-transform-style: preserve-3d;
|
165
|
+
-ms-transform-style: preserve-3d;
|
166
|
+
transform-style: preserve-3d;
|
167
|
+
|
163
168
|
-webkit-perspective: 2000px;
|
164
169
|
-moz-perspective: 2000px;
|
165
170
|
perspective: 2000px;
|
166
171
|
|
167
|
-
-webkit-transform-origin:
|
168
|
-
-moz-transform-origin:
|
169
|
-
-o-transform-origin:
|
170
|
-
-ms-transform-origin:
|
171
|
-
transform-origin:
|
172
|
+
-webkit-transform-origin: center center;
|
173
|
+
-moz-transform-origin: center center;
|
174
|
+
-o-transform-origin: center center;
|
175
|
+
-ms-transform-origin: center center;
|
176
|
+
transform-origin: center center;
|
177
|
+
}
|
178
|
+
.ui.scrolling.page.dimmer {
|
179
|
+
position: absolute;
|
172
180
|
}
|
173
181
|
/*
|
174
182
|
body.ui.dimmed.dimmable > :not(.dimmer){
|
@@ -41,6 +41,15 @@
|
|
41
41
|
;
|
42
42
|
}
|
43
43
|
|
44
|
+
|
45
|
+
/*******************************
|
46
|
+
Content
|
47
|
+
*******************************/
|
48
|
+
|
49
|
+
/*--------------
|
50
|
+
Menu
|
51
|
+
---------------*/
|
52
|
+
|
44
53
|
.ui.dropdown .menu {
|
45
54
|
position: absolute;
|
46
55
|
display: none;
|
@@ -70,12 +79,33 @@
|
|
70
79
|
z-index: 11;
|
71
80
|
}
|
72
81
|
|
73
|
-
|
82
|
+
/*--------------
|
83
|
+
Icon
|
84
|
+
---------------*/
|
85
|
+
|
74
86
|
.ui.dropdown > .dropdown.icon {
|
75
87
|
width: auto;
|
88
|
+
margin: 0em 0em 0em 0.5em;
|
89
|
+
}
|
90
|
+
|
91
|
+
.ui.dropdown > .dropdown.icon:before {
|
92
|
+
content: "\f0d7";
|
76
93
|
}
|
77
94
|
|
78
|
-
|
95
|
+
.ui.dropdown .menu .item .dropdown.icon {
|
96
|
+
width: auto;
|
97
|
+
float: right;
|
98
|
+
margin: 0em 0em 0em 0.5em;
|
99
|
+
}
|
100
|
+
.ui.dropdown .menu .item .dropdown.icon:before {
|
101
|
+
content: "\f0da";
|
102
|
+
}
|
103
|
+
|
104
|
+
|
105
|
+
/*--------------
|
106
|
+
Text
|
107
|
+
---------------*/
|
108
|
+
|
79
109
|
.ui.dropdown > .text {
|
80
110
|
cursor: pointer;
|
81
111
|
display: inline-block;
|
@@ -91,13 +121,12 @@
|
|
91
121
|
.ui.dropdown .menu {
|
92
122
|
left: 0px;
|
93
123
|
}
|
94
|
-
.ui.menu .dropdown:last-child .menu,
|
95
|
-
.ui > .ui.dropdown:last-child .menu {
|
96
|
-
left: auto;
|
97
|
-
right: 0px;
|
98
|
-
}
|
99
124
|
|
100
|
-
|
125
|
+
|
126
|
+
/*--------------
|
127
|
+
Sub Menu
|
128
|
+
---------------*/
|
129
|
+
|
101
130
|
.ui.dropdown .menu .menu {
|
102
131
|
top: 0% !important;
|
103
132
|
left: 100% !important;
|
@@ -137,6 +166,17 @@
|
|
137
166
|
border-top: none;
|
138
167
|
}
|
139
168
|
|
169
|
+
/*******************************
|
170
|
+
Coupling
|
171
|
+
*******************************/
|
172
|
+
|
173
|
+
/* Opposite on last menu on right */
|
174
|
+
.ui.menu .right.menu .dropdown:last-child .menu,
|
175
|
+
.ui.buttons > .ui.dropdown:last-child .menu {
|
176
|
+
left: auto;
|
177
|
+
right: 0px;
|
178
|
+
}
|
179
|
+
|
140
180
|
|
141
181
|
/*******************************
|
142
182
|
States
|