semantic-ui-rails 0.6.5 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +5 -0
  3. data/lib/semantic/ui/rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/semantic-ui/modules/accordion.js +13 -16
  5. data/vendor/assets/javascripts/semantic-ui/modules/behavior/api.js +18 -22
  6. data/vendor/assets/javascripts/semantic-ui/modules/behavior/form.js +18 -24
  7. data/vendor/assets/javascripts/semantic-ui/modules/behavior/state.js +8 -8
  8. data/vendor/assets/javascripts/semantic-ui/modules/chatroom.js +18 -14
  9. data/vendor/assets/javascripts/semantic-ui/modules/checkbox.js +26 -24
  10. data/vendor/assets/javascripts/semantic-ui/modules/dimmer.js +70 -48
  11. data/vendor/assets/javascripts/semantic-ui/modules/dropdown.js +47 -46
  12. data/vendor/assets/javascripts/semantic-ui/modules/modal.js +44 -30
  13. data/vendor/assets/javascripts/semantic-ui/modules/nag.js +13 -16
  14. data/vendor/assets/javascripts/semantic-ui/modules/popup.js +347 -261
  15. data/vendor/assets/javascripts/semantic-ui/modules/rating.js +18 -22
  16. data/vendor/assets/javascripts/semantic-ui/modules/search.js +18 -24
  17. data/vendor/assets/javascripts/semantic-ui/modules/shape.js +182 -173
  18. data/vendor/assets/javascripts/semantic-ui/modules/sidebar.js +65 -42
  19. data/vendor/assets/javascripts/semantic-ui/modules/tab.js +47 -30
  20. data/vendor/assets/javascripts/semantic-ui/modules/transition.js +23 -23
  21. data/vendor/assets/javascripts/semantic-ui/modules/video.js +18 -22
  22. data/vendor/assets/stylesheets/semantic-ui/collections/grid.less +1 -1
  23. data/vendor/assets/stylesheets/semantic-ui/collections/menu.less +8 -3
  24. data/vendor/assets/stylesheets/semantic-ui/collections/message.less +6 -7
  25. data/vendor/assets/stylesheets/semantic-ui/collections/table.less +76 -23
  26. data/vendor/assets/stylesheets/semantic-ui/elements/button.less +163 -167
  27. data/vendor/assets/stylesheets/semantic-ui/elements/header.less +1 -1
  28. data/vendor/assets/stylesheets/semantic-ui/elements/icon.less +8 -10
  29. data/vendor/assets/stylesheets/semantic-ui/elements/input.less +0 -2
  30. data/vendor/assets/stylesheets/semantic-ui/elements/label.less +54 -5
  31. data/vendor/assets/stylesheets/semantic-ui/elements/segment.less +0 -9
  32. data/vendor/assets/stylesheets/semantic-ui/modules/accordion.less +197 -198
  33. data/vendor/assets/stylesheets/semantic-ui/modules/checkbox.less +17 -21
  34. data/vendor/assets/stylesheets/semantic-ui/modules/dimmer.less +4 -27
  35. data/vendor/assets/stylesheets/semantic-ui/modules/dropdown.less +28 -28
  36. data/vendor/assets/stylesheets/semantic-ui/modules/popup.less +255 -255
  37. data/vendor/assets/stylesheets/semantic-ui/modules/rating.less +1 -1
  38. data/vendor/assets/stylesheets/semantic-ui/modules/shape.less +81 -7
  39. data/vendor/assets/stylesheets/semantic-ui/modules/sidebar.less +129 -28
  40. data/vendor/assets/stylesheets/semantic-ui/modules/transition.less +12 -10
  41. data/vendor/assets/stylesheets/semantic-ui/views/list.less +6 -6
  42. metadata +2 -2
@@ -309,7 +309,7 @@ h5.ui.header {
309
309
  --------------------*/
310
310
 
311
311
  .ui.block.header {
312
- background-color: #F5F5F5;
312
+ background-color: rgba(0, 0, 0, 0.05);
313
313
  padding: 0.5em 1em;
314
314
  }
315
315
 
@@ -622,13 +622,7 @@ i.circular.inverted.icon {
622
622
  Flipped
623
623
  --------------------*/
624
624
 
625
- i.vertically.flipped.icon {
626
- -webkit-transform: scale(1, -1);
627
- -moz-transform: scale(1, -1);
628
- -o-transform: scale(1, -1);
629
- -ms-transform: scale(1, -1);
630
- transform: scale(1, -1);
631
- }
625
+ i.flipped.icon,
632
626
  i.horizontally.flipped.icon {
633
627
  -webkit-transform: scale(-1, 1);
634
628
  -moz-transform: scale(-1, 1);
@@ -636,6 +630,13 @@ i.horizontally.flipped.icon {
636
630
  -ms-transform: scale(-1, 1);
637
631
  transform: scale(-1, 1);
638
632
  }
633
+ i.vertically.flipped.icon {
634
+ -webkit-transform: scale(1, -1);
635
+ -moz-transform: scale(1, -1);
636
+ -o-transform: scale(1, -1);
637
+ -ms-transform: scale(1, -1);
638
+ transform: scale(1, -1);
639
+ }
639
640
 
640
641
  /*-------------------
641
642
  Rotated
@@ -675,9 +676,6 @@ i.square.icon {
675
676
 
676
677
  vertical-align: baseline;
677
678
  }
678
- i.square.icon:before {
679
- vertical-align: middle;
680
- }
681
679
  i.square.inverted.icon {
682
680
  border: none;
683
681
  -webkit-box-shadow: none;
@@ -284,7 +284,6 @@
284
284
  }
285
285
  .ui.action.input > .button {
286
286
  display: table-cell;
287
- opacity: 0.9;
288
287
 
289
288
  border-top-left-radius: 0px;
290
289
  border-bottom-left-radius: 0px;
@@ -299,7 +298,6 @@
299
298
  }
300
299
 
301
300
  .ui.action.input > input:focus ~ .button {
302
- opacity: 1;
303
301
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
304
302
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
305
303
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
@@ -106,6 +106,21 @@ a.ui.label {
106
106
  opacity: 0.99;
107
107
  }
108
108
 
109
+
110
+ /*-------------------
111
+ Coupling
112
+ --------------------*/
113
+
114
+ /* Padding on next content after a label */
115
+ .ui.segment > .attached.label:first-child + * {
116
+ margin-top: 2.5em;
117
+ }
118
+ .ui.segment > .bottom.attached.label:first-child ~ :last-child {
119
+ margin-top: 0em;
120
+ margin-bottom: 2.5em;
121
+ }
122
+
123
+
109
124
  /*******************************
110
125
  Types
111
126
  *******************************/
@@ -266,11 +281,14 @@ a.ui.label:hover:before {
266
281
 
267
282
  .ui.ribbon.label {
268
283
  position: relative;
269
- left: -1.8rem;
284
+ margin: 0em 0.2em;
285
+ left: -2rem;
270
286
  padding-left: 2rem;
271
287
  -webkit-border-radius: 0px 4px 4px 0px;
272
288
  -moz-border-radius: 0px 4px 4px 0px;
273
289
  border-radius: 0px 4px 4px 0px;
290
+
291
+ border-color: rgba(0, 0, 0, 0.15);
274
292
  }
275
293
 
276
294
  .ui.ribbon.label:after {
@@ -302,6 +320,9 @@ a.ui.label:hover:before {
302
320
  margin: 0em;
303
321
  top: 0em;
304
322
  left: 0em;
323
+
324
+ padding: 0.75em 1em;
325
+
305
326
  -webkit-border-radius: 4px 4px 0em 0em;
306
327
  -moz-border-radius: 4px 4px 0em 0em;
307
328
  border-radius: 4px 4px 0em 0em;
@@ -495,13 +516,13 @@ a.ui.label:hover:before {
495
516
  /* Hover */
496
517
  a.ui.black.labels .label:hover,
497
518
  a.ui.black.label:hover {
498
- background-color: #888888 !important;
499
- border-color: #888888 !important;
519
+ background-color: #333333 !important;
520
+ border-color: #333333 !important;
500
521
  }
501
522
  .ui.labels a.black.label:hover:before,
502
523
  .ui.black.labels a.label:hover:before,
503
524
  a.ui.black.label:hover:before {
504
- background-color: #888888 !important;
525
+ background-color: #333333 !important;
505
526
  }
506
527
 
507
528
  /* Corner */
@@ -509,6 +530,10 @@ a.ui.black.label:hover:before {
509
530
  .ui.black.corner.label:hover {
510
531
  background-color: transparent !important;
511
532
  }
533
+ /* Ribbon */
534
+ .ui.black.ribbon.label {
535
+ border-color: #333333 !important;
536
+ }
512
537
 
513
538
 
514
539
  /*--- Green ---*/
@@ -541,6 +566,10 @@ a.ui.green.label:hover:before {
541
566
  .ui.green.corner.label:hover {
542
567
  background-color: transparent !important;
543
568
  }
569
+ /* Ribbon */
570
+ .ui.green.ribbon.label {
571
+ border-color: #89B84C !important;
572
+ }
544
573
 
545
574
 
546
575
  /*--- Red ---*/
@@ -573,6 +602,10 @@ a.ui.red.label:hover{
573
602
  a.ui.red.label:hover:before {
574
603
  background-color: #DE3859 !important;
575
604
  }
605
+ /* Ribbon */
606
+ .ui.red.ribbon.label {
607
+ border-color: #DE3859 !important;
608
+ }
576
609
 
577
610
 
578
611
  /*--- Blue ---*/
@@ -605,6 +638,10 @@ a.ui.blue.label:hover:before {
605
638
  .ui.blue.corner.label:hover {
606
639
  background-color: transparent !important;
607
640
  }
641
+ /* Ribbon */
642
+ .ui.blue.ribbon.label {
643
+ border-color: #1AB8F3 !important;
644
+ }
608
645
 
609
646
  /*--- Purple ---*/
610
647
  .ui.purple.labels .label,
@@ -636,6 +673,10 @@ a.ui.purple.label:hover:before {
636
673
  .ui.purple.corner.label:hover {
637
674
  background-color: transparent !important;
638
675
  }
676
+ /* Ribbon */
677
+ .ui.purple.ribbon.label {
678
+ border-color: #3E3773 !important;
679
+ }
639
680
 
640
681
  /*--- Orange ---*/
641
682
  .ui.orange.labels .label,
@@ -667,11 +708,15 @@ a.ui.orange.label:hover:before {
667
708
  .ui.orange.corner.label:hover {
668
709
  background-color: transparent !important;
669
710
  }
711
+ /* Ribbon */
712
+ .ui.orange.ribbon.label {
713
+ border-color: #FF4121 !important;
714
+ }
670
715
 
671
716
 
672
717
 
673
718
 
674
- /*--- Pink ---*/
719
+ /*--- Teal ---*/
675
720
  .ui.teal.labels .label,
676
721
  .ui.teal.label {
677
722
  background-color: #00B5AD !important;
@@ -701,6 +746,10 @@ a.ui.teal.label:hover:before {
701
746
  .ui.teal.corner.label:hover {
702
747
  background-color: transparent !important;
703
748
  }
749
+ /* Ribbon */
750
+ .ui.teal.ribbon.label {
751
+ border-color: #009A93 !important;
752
+ }
704
753
 
705
754
  /*-------------------
706
755
  Horizontal
@@ -118,15 +118,6 @@
118
118
  margin-bottom: 0em;
119
119
  }
120
120
 
121
- /* Padding on next content after a label */
122
- .ui.segment > .attached.label:first-child + * {
123
- margin-top: 2em;
124
- }
125
- .ui.segment > .bottom.attached.label:first-child ~ :last-child {
126
- margin-top: 0em;
127
- margin-bottom: 2em;
128
- }
129
-
130
121
  /*******************************
131
122
  Types
132
123
  *******************************/
@@ -1,199 +1,198 @@
1
- /*
2
- * # Semantic - Accordion
3
- * http://github.com/jlukic/semantic-ui/
4
- *
5
- *
6
- * Copyright 2013 Contributors
7
- * Released under the MIT license
8
- * http://opensource.org/licenses/MIT
9
- *
10
- */
11
-
12
- /*******************************
13
- Accordion
14
- *******************************/
15
-
16
- .ui.accordion {
17
- width: 600px;
18
- max-width: 100%;
19
- overflow: hidden;
20
-
21
- font-size: 1rem;
22
- border-radius: 0.3125em;
23
-
24
- background-color: #FFFFFF;
25
-
26
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
27
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
28
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
29
- }
30
-
31
- .ui.accordion .title {
32
- cursor: pointer;
33
-
34
- margin: 0em;
35
- padding: 0.75em 1em;
36
-
37
- color: rgba(0, 0, 0, 0.6);
38
-
39
- border-top: 1px solid rgba(0, 0, 0, 0.05);
40
-
41
- -webkit-transition:
42
- background-color 0.2s ease-out
43
- ;
44
- -moz-transition:
45
- background-color 0.2s ease-out
46
- ;
47
- -o-transition:
48
- background-color 0.2s ease-out
49
- ;
50
- -ms-transition:
51
- background-color 0.2s ease-out
52
- ;
53
- transition:
54
- background-color 0.2s ease-out
55
- ;
56
- }
57
- .ui.accordion .title:first-child {
58
- border-top: none;
59
- }
60
-
61
-
62
- /* Content */
63
- .ui.accordion .content {
64
- display: none;
65
- margin: 0em;
66
- padding: 1.3em 1em;
67
- }
68
-
69
- /* Arrow */
70
- .ui.accordion .title .dropdown.icon {
71
- display: inline-block;
72
- float: none;
73
- margin: 0em 0.5em 0em 0em;
74
-
75
- -webkit-transition:
76
- -webkit-transform 0.2s ease,
77
- opacity 0.2s ease
78
- ;
79
- -moz-transition:
80
- -moz-transform 0.2s ease,
81
- opacity 0.2s ease
82
- ;
83
- -o-transition:
84
- -o-transform 0.2s ease,
85
- opacity 0.2s ease
86
- ;
87
- -ms-transition:
88
- -ms-transform 0.2s ease,
89
- opacity 0.2s ease
90
- ;
91
- transition:
92
- transform 0.2s ease,
93
- opacity 0.2s ease
94
- ;
95
- -webkit-transform: rotate(0deg);
96
- -moz-transform: rotate(0deg);
97
- -o-transform: rotate(0deg);
98
- -ms-transform: rotate(0deg);
99
- transform: rotate(0deg);
100
- }
101
- .ui.accordion .title .dropdown.icon:before {
102
- content: '\f0da';
103
- }
104
-
105
- /*--------------
106
- Loose Coupling
107
- ---------------*/
108
-
109
- .ui.basic.accordion.menu {
110
- background-color: #FFFFFF;
111
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
112
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
113
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
114
- }
115
- .ui.basic.accordion.menu .title,
116
- .ui.basic.accordion.menu .content {
117
- padding: 0em;
118
- }
119
-
120
-
121
- /*******************************
122
- Types
123
- *******************************/
124
-
125
- /*--------------
126
- Basic
127
- ---------------*/
128
-
129
- .ui.basic.accordion {
130
- background-color: transparent;
131
-
132
- -webkit-box-shadow: none;
133
- -moz-box-shadow: none;
134
- box-shadow: none;
135
- }
136
-
137
- .ui.basic.accordion .title,
138
- .ui.basic.accordion .title {
139
- background-color: transparent;
140
- border-top: none;
141
- padding-left: 0em;
142
- padding-right: 0em;
143
- }
144
-
145
- .ui.basic.accordion .content {
146
- padding-left: 0em;
147
- padding-right: 0em;
148
- }
149
-
150
- .ui.basic.accordion .active.title {
151
- background-color: transparent;
152
- }
153
-
154
-
155
- /*******************************
156
- States
157
- *******************************/
158
-
159
-
160
- /*--------------
161
- Hover
162
- ---------------*/
163
-
164
- .ui.accordion .title:hover,
165
- .ui.accordion .active.title {
166
- color: rgba(0, 0, 0, 0.8);
167
- }
168
-
169
- /*--------------
170
- Active
171
- ---------------*/
172
-
173
- .ui.accordion .active.title {
174
- background-color: rgba(0, 0, 0, 0.1);
175
- color: rgba(0, 0, 0, 0.8);
176
- }
177
- .ui.accordion .active.title .dropdown.icon {
178
- -webkit-transform: rotate(90deg);
179
- -moz-transform: rotate(90deg);
180
- -o-transform: rotate(90deg);
181
- -ms-transform: rotate(90deg);
182
- transform: rotate(90deg);
183
- }
184
- .ui.accordion .active.content {
185
- display: block;
186
- }
187
-
188
-
189
- /*******************************
190
- Variations
191
- *******************************/
192
-
193
- /*--------------
194
- Fluid
195
- ---------------*/
196
-
197
- .ui.fluid.accordion {
198
- width: 100%;
1
+ /*
2
+ * # Semantic - Accordion
3
+ * http://github.com/jlukic/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2013 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+ /*******************************
13
+ Accordion
14
+ *******************************/
15
+
16
+ .ui.accordion {
17
+ width: 600px;
18
+ max-width: 100%;
19
+ overflow: hidden;
20
+
21
+ font-size: 1rem;
22
+ border-radius: 0.3125em;
23
+
24
+ background-color: #FFFFFF;
25
+
26
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
27
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
28
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
29
+ }
30
+
31
+ .ui.accordion .title {
32
+ cursor: pointer;
33
+
34
+ margin: 0em;
35
+ padding: 0.75em 1em;
36
+
37
+ color: rgba(0, 0, 0, 0.6);
38
+
39
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
40
+
41
+ -webkit-transition:
42
+ background-color 0.2s ease-out
43
+ ;
44
+ -moz-transition:
45
+ background-color 0.2s ease-out
46
+ ;
47
+ -o-transition:
48
+ background-color 0.2s ease-out
49
+ ;
50
+ -ms-transition:
51
+ background-color 0.2s ease-out
52
+ ;
53
+ transition:
54
+ background-color 0.2s ease-out
55
+ ;
56
+ }
57
+ .ui.accordion .title:first-child {
58
+ border-top: none;
59
+ }
60
+
61
+
62
+ /* Content */
63
+ .ui.accordion .content {
64
+ display: none;
65
+ margin: 0em;
66
+ padding: 1.3em 1em;
67
+ }
68
+
69
+ /* Arrow */
70
+ .ui.accordion .title .dropdown.icon {
71
+ display: inline-block;
72
+ float: none;
73
+ margin: 0em 0.5em 0em 0em;
74
+
75
+ -webkit-transition:
76
+ -webkit-transform 0.2s ease,
77
+ opacity 0.2s ease
78
+ ;
79
+ -moz-transition:
80
+ -moz-transform 0.2s ease,
81
+ opacity 0.2s ease
82
+ ;
83
+ -o-transition:
84
+ -o-transform 0.2s ease,
85
+ opacity 0.2s ease
86
+ ;
87
+ -ms-transition:
88
+ -ms-transform 0.2s ease,
89
+ opacity 0.2s ease
90
+ ;
91
+ transition:
92
+ transform 0.2s ease,
93
+ opacity 0.2s ease
94
+ ;
95
+ -webkit-transform: rotate(0deg);
96
+ -moz-transform: rotate(0deg);
97
+ -o-transform: rotate(0deg);
98
+ -ms-transform: rotate(0deg);
99
+ transform: rotate(0deg);
100
+ }
101
+ .ui.accordion .title .dropdown.icon:before {
102
+ content: '\f0da';
103
+ }
104
+
105
+ /*--------------
106
+ Loose Coupling
107
+ ---------------*/
108
+
109
+ .ui.basic.accordion.menu {
110
+ background-color: #FFFFFF;
111
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
112
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
113
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
114
+ }
115
+ .ui.basic.accordion.menu .title,
116
+ .ui.basic.accordion.menu .content {
117
+ padding: 0em;
118
+ }
119
+
120
+
121
+ /*******************************
122
+ Types
123
+ *******************************/
124
+
125
+ /*--------------
126
+ Basic
127
+ ---------------*/
128
+
129
+ .ui.basic.accordion {
130
+ background-color: transparent;
131
+
132
+ -webkit-box-shadow: none;
133
+ -moz-box-shadow: none;
134
+ box-shadow: none;
135
+ }
136
+
137
+ .ui.basic.accordion .title,
138
+ .ui.basic.accordion .title {
139
+ background-color: transparent;
140
+ border-top: none;
141
+ padding-left: 0em;
142
+ padding-right: 0em;
143
+ }
144
+
145
+ .ui.basic.accordion .content {
146
+ padding: 0.5em 0em;
147
+ }
148
+
149
+ .ui.basic.accordion .active.title {
150
+ background-color: transparent;
151
+ }
152
+
153
+
154
+ /*******************************
155
+ States
156
+ *******************************/
157
+
158
+
159
+ /*--------------
160
+ Hover
161
+ ---------------*/
162
+
163
+ .ui.accordion .title:hover,
164
+ .ui.accordion .active.title {
165
+ color: rgba(0, 0, 0, 0.8);
166
+ }
167
+
168
+ /*--------------
169
+ Active
170
+ ---------------*/
171
+
172
+ .ui.accordion .active.title {
173
+ background-color: rgba(0, 0, 0, 0.1);
174
+ color: rgba(0, 0, 0, 0.8);
175
+ }
176
+ .ui.accordion .active.title .dropdown.icon {
177
+ -webkit-transform: rotate(90deg);
178
+ -moz-transform: rotate(90deg);
179
+ -o-transform: rotate(90deg);
180
+ -ms-transform: rotate(90deg);
181
+ transform: rotate(90deg);
182
+ }
183
+ .ui.accordion .active.content {
184
+ display: block;
185
+ }
186
+
187
+
188
+ /*******************************
189
+ Variations
190
+ *******************************/
191
+
192
+ /*--------------
193
+ Fluid
194
+ ---------------*/
195
+
196
+ .ui.fluid.accordion {
197
+ width: 100%;
199
198
  }