semantic-ui-rails 0.6.5 → 0.7.2

Sign up to get free protection for your applications and to get access to all the features.
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
  }