semantic-ui-rails 0.3.5 → 0.6.5

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.
@@ -71,6 +71,9 @@ i.icon {
71
71
  font-smoothing: antialiased;
72
72
  }
73
73
 
74
+ i.icon.left:before { content: "\f060"; }
75
+ i.icon.right:before { content: "\f061"; }
76
+
74
77
  i.icon.add.sign.box:before { content: "\f0fe"; }
75
78
  i.icon.add.sign:before { content: "\f055"; }
76
79
  i.icon.add:before { content: "\f067"; }
@@ -254,7 +257,6 @@ i.icon.layout.column:before { content: "\f0db"; }
254
257
  i.icon.layout.grid:before { content: "\f00a"; }
255
258
  i.icon.layout.list:before { content: "\f00b"; }
256
259
  i.icon.leaf:before { content: "\f06c"; }
257
- i.icon.left:before { content: "\f060"; }
258
260
  i.icon.legal:before { content: "\f0e3"; }
259
261
  i.icon.lemon:before { content: "\f094"; }
260
262
  i.icon.level.down:before { content: "\f149"; }
@@ -330,7 +332,6 @@ i.icon.resize.horizontal:before { content: "\f07e"; }
330
332
  i.icon.resize.small:before { content: "\f066"; }
331
333
  i.icon.resize.vertical:before { content: "\f07d"; }
332
334
  i.icon.retweet:before { content: "\f079"; }
333
- i.icon.right:before { content: "\f061"; }
334
335
  i.icon.road:before { content: "\f018"; }
335
336
  i.icon.rocket:before { content: "\f135"; }
336
337
  i.icon.rss.sign:before { content: "\f143"; }
@@ -596,9 +597,9 @@ i.link.icon:hover {
596
597
  --------------------*/
597
598
 
598
599
  i.circular.icon {
599
- -webkit-border-radius: 500px;
600
- -moz-border-radius: 500px;
601
- border-radius: 500px;
600
+ -webkit-border-radius: 500em !important;
601
+ -moz-border-radius: 500em !important;
602
+ border-radius: 500em !important;
602
603
 
603
604
  padding: 0.5em 0.35em !important;
604
605
 
@@ -637,17 +638,12 @@ i.horizontally.flipped.icon {
637
638
  }
638
639
 
639
640
  /*-------------------
640
- Rotated
641
+ Rotated
641
642
  --------------------*/
642
643
 
643
- i.left.rotated.icon {
644
- -webkit-transform: rotate(-90deg);
645
- -moz-transform: rotate(-90deg);
646
- -o-transform: rotate(-90deg);
647
- -ms-transform: rotate(-90deg);
648
- transform: rotate(-90deg);
649
- }
650
- i.right.rotated.icon {
644
+ i.rotated.icon,
645
+ i.right.rotated.icon,
646
+ i.clockwise.rotated.icon {
651
647
  -webkit-transform: rotate(90deg);
652
648
  -moz-transform: rotate(90deg);
653
649
  -o-transform: rotate(90deg);
@@ -655,6 +651,14 @@ i.right.rotated.icon {
655
651
  transform: rotate(90deg);
656
652
  }
657
653
 
654
+ i.left.rotated.icon,
655
+ i.counterclockwise.rotated.icon {
656
+ -webkit-transform: rotate(-90deg);
657
+ -moz-transform: rotate(-90deg);
658
+ -o-transform: rotate(-90deg);
659
+ -ms-transform: rotate(-90deg);
660
+ transform: rotate(-90deg);
661
+ }
658
662
 
659
663
  /*-------------------
660
664
  Square
@@ -22,6 +22,8 @@
22
22
  .ui.input {
23
23
  display: inline-block;
24
24
  position: relative;
25
+
26
+ color: rgba(0, 0, 0, 0.7);
25
27
  }
26
28
  .ui.input input {
27
29
  width: 100%;
@@ -178,6 +180,7 @@
178
180
  ---------------------*/
179
181
 
180
182
  .ui.icon.input > .icon {
183
+ cursor: default;
181
184
  position: absolute;
182
185
  opacity: 0.5;
183
186
  top: 0px;
@@ -187,7 +190,7 @@
187
190
 
188
191
  width: 2.6em;
189
192
  height: 100%;
190
- padding-top: 0.85em;
193
+ padding-top: 0.82em;
191
194
 
192
195
  text-align: center;
193
196
 
@@ -206,6 +209,9 @@
206
209
  -ms-transition: opacity 0.3s ease-out;
207
210
  transition: opacity 0.3s ease-out;
208
211
  }
212
+ .ui.icon.input > .link.icon {
213
+ cursor: pointer;
214
+ }
209
215
  .ui.icon.input input {
210
216
  padding-right: 3em !important;
211
217
  }
@@ -637,6 +637,39 @@ a.ui.purple.label:hover:before {
637
637
  background-color: transparent !important;
638
638
  }
639
639
 
640
+ /*--- Orange ---*/
641
+ .ui.orange.labels .label,
642
+ .ui.orange.label {
643
+ background-color: #F05940 !important;
644
+ border-color: #F05940 !important;
645
+ color: #FFFFFF !important;
646
+ }
647
+ .ui.labels .orange.label:before,
648
+ .ui.orange.labels .label:before,
649
+ .ui.orange.label:before {
650
+ background-color: #F05940 !important;
651
+ }
652
+ /* Hover */
653
+ a.ui.orange.labels .label:hover,
654
+ .ui.orange.labels a.label:hover,
655
+ a.ui.orange.label:hover {
656
+ background-color: #FF4121 !important;
657
+ border-color: #FF4121 !important;
658
+ color: #FFFFFF !important;
659
+ }
660
+ .ui.labels a.orange.label:hover:before,
661
+ .ui.orange.labels a.label:hover:before,
662
+ a.ui.orange.label:hover:before {
663
+ background-color: #FF4121 !important;
664
+ }
665
+ /* Corner */
666
+ .ui.orange.corner.label,
667
+ .ui.orange.corner.label:hover {
668
+ background-color: transparent !important;
669
+ }
670
+
671
+
672
+
640
673
 
641
674
  /*--- Pink ---*/
642
675
  .ui.teal.labels .label,
@@ -303,6 +303,9 @@
303
303
  .ui.red.segment {
304
304
  border-top: 0.2em solid #D95C5C;
305
305
  }
306
+ .ui.orange.segment {
307
+ border-top: 0.2em solid #F05940;
308
+ }
306
309
  .ui.purple.segment {
307
310
  border-top: 0.2em solid #564F8A;
308
311
  }
@@ -330,6 +333,10 @@
330
333
  background-color: #D95C5C !important;
331
334
  color: #FFFFFF !important;
332
335
  }
336
+ .ui.inverted.orange.segment {
337
+ background-color: #F05940 !important;
338
+ color: #FFFFFF !important;
339
+ }
333
340
  .ui.inverted.purple.segment {
334
341
  background-color: #564F8A !important;
335
342
  color: #FFFFFF !important;
@@ -39,6 +39,10 @@
39
39
  border-radius 0.1s ease,
40
40
  width 0.2s ease
41
41
  ;
42
+
43
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
44
+ -moz-tap-highlight-color: rgba(0, 0, 0, 0);
45
+ tap-highlight-color: rgba(0, 0, 0, 0);
42
46
  }
43
47
 
44
48
 
@@ -176,6 +180,12 @@
176
180
  left: auto;
177
181
  right: 0px;
178
182
  }
183
+ .ui.vertical.menu .dropdown.item > .dropdown.icon {
184
+ content: "\f0da";
185
+ }
186
+ .ui.dropdown.icon.button > .dropdown.icon {
187
+ margin: 0em;
188
+ }
179
189
 
180
190
 
181
191
  /*******************************
@@ -200,8 +210,9 @@
200
210
  /* Menu Item Active */
201
211
  .ui.dropdown .menu .active.item {
202
212
  box-shadow: none;
203
- background-color: rgba(0, 0, 0, 0.04);
213
+ background-color: rgba(0, 0, 0, 0.06) !important;
204
214
  border-left: none;
215
+ border-color: transparent !important;
205
216
 
206
217
  -webkit-box-shadow: none;
207
218
  -moz-shadow: none;
@@ -305,6 +316,9 @@
305
316
  -moz-border-radius: 0.3125em !important;
306
317
  border-radius: 0.3125em !important;
307
318
  }
319
+ .ui.selection.dropdown select {
320
+ display: none;
321
+ }
308
322
  .ui.selection.dropdown > .dropdown.icon {
309
323
  float: right;
310
324
 
@@ -466,7 +480,7 @@
466
480
  z-index: 2;
467
481
  }
468
482
 
469
- .ui.pointing.dropdown .menu .item.active:first-child {
483
+ .ui.pointing.dropdown .menu .active.item:first-child {
470
484
  background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
471
485
  background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
472
486
  background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
@@ -92,14 +92,13 @@
92
92
  }
93
93
  .ui.modal > .content > .left {
94
94
  display: table-cell;
95
- padding-right: 5%;
95
+ padding-right: 1.5%;
96
96
  min-width: 25%;
97
97
  }
98
98
  .ui.modal > .content > .right {
99
99
  display: table-cell;
100
- padding-left: 5%;
100
+ padding-left: 1.5%;
101
101
  vertical-align: top;
102
- min-width: 25%;
103
102
  }
104
103
  .ui.modal > .content > .left > .icon {
105
104
  font-size: 8em;
@@ -161,20 +160,20 @@
161
160
  }
162
161
  @media only screen and (min-width : 1500px) {
163
162
  .ui.modal {
164
- width: 64%;
165
- margin-left: -32%;
163
+ width: 56%;
164
+ margin-left: -28%;
166
165
  }
167
166
  }
168
167
  @media only screen and (min-width : 1750px) {
169
168
  .ui.modal {
170
- width: 54%;
171
- margin-left: -27%;
169
+ width: 42%;
170
+ margin-left: -21%;
172
171
  }
173
172
  }
174
173
  @media only screen and (min-width : 2000px) {
175
174
  .ui.modal {
176
- width: 44%;
177
- margin-left: -22%;
175
+ width: 36%;
176
+ margin-left: -18%;
178
177
  }
179
178
  }
180
179
 
@@ -214,4 +213,64 @@
214
213
 
215
214
  .ui.active.modal {
216
215
  display: block;
216
+ }
217
+
218
+
219
+ /*--------------
220
+ Size
221
+ ---------------*/
222
+
223
+ /* Small */
224
+ .ui.small.modal > .header {
225
+ font-size: 1.3em;
226
+ }
227
+ @media only screen and (min-width : 998px) {
228
+ .ui.small.modal {
229
+ width: 58%;
230
+ margin-left: -29%;
231
+ }
232
+ }
233
+ .ui.small.modal {
234
+ @media only screen and (min-width : 1500px) {
235
+ width: 40%;
236
+ margin-left: -20%;
237
+ }
238
+ }
239
+ @media only screen and (min-width : 1750px) {
240
+ .ui.small.modal {
241
+ width: 26%;
242
+ margin-left: -13%;
243
+ }
244
+ }
245
+ @media only screen and (min-width : 2000px) {
246
+ .ui.small.modal {
247
+ width: 20%;
248
+ margin-left: -10%;
249
+ }
250
+ }
251
+
252
+ /* Large */
253
+ @media only screen and (min-width : 998px) {
254
+ .ui.large.modal {
255
+ width: 74%;
256
+ margin-left: -37%;
257
+ }
258
+ }
259
+ @media only screen and (min-width : 1500px) {
260
+ .ui.large.modal {
261
+ width: 64%;
262
+ margin-left: -32%;
263
+ }
264
+ }
265
+ @media only screen and (min-width : 1750px) {
266
+ .ui.large.modal {
267
+ width: 54%;
268
+ margin-left: -27%;
269
+ }
270
+ }
271
+ @media only screen and (min-width : 2000px) {
272
+ .ui.large.modal {
273
+ width: 44%;
274
+ margin-left: -22%;
275
+ }
217
276
  }
@@ -110,26 +110,16 @@
110
110
  -ms-box-sizing: border-box;
111
111
  box-sizing: border-box;
112
112
 
113
- -webkit-box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
114
- -moz-box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
115
- box-shadow: 0px 0px 0px 1px rbga(0, 0, 0, 0.1);
116
-
117
113
  -webkit-border-radius: 0.2em;
118
114
  -moz-border-radius: 0.2em;
119
115
  border-radius: 0.2em;
120
116
  }
121
117
  .ui.items .item > .image > img {
122
- position: relative;
123
118
  display: block;
124
119
  width: 100%;
125
- overflow: hidden;
126
- -webkit-border-radius: 0.2em;
127
- -moz-border-radius: 0.2em;
128
- border-radius: 0.2em;
129
120
  }
130
121
 
131
122
 
132
-
133
123
  /*--------------
134
124
  Content
135
125
  ---------------*/
metadata CHANGED
@@ -1,97 +1,97 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: semantic-ui-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.5
4
+ version: 0.6.5
5
5
  platform: ruby
6
6
  authors:
7
7
  - nd0ut
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-10-13 00:00:00.000000000 Z
11
+ date: 2013-10-22 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - '>='
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
19
  version: '0'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - '>='
24
+ - - ">="
25
25
  - !ruby/object:Gem::Version
26
26
  version: '0'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: bundler
29
29
  requirement: !ruby/object:Gem::Requirement
30
30
  requirements:
31
- - - ~>
31
+ - - "~>"
32
32
  - !ruby/object:Gem::Version
33
33
  version: '1.3'
34
34
  type: :development
35
35
  prerelease: false
36
36
  version_requirements: !ruby/object:Gem::Requirement
37
37
  requirements:
38
- - - ~>
38
+ - - "~>"
39
39
  - !ruby/object:Gem::Version
40
40
  version: '1.3'
41
41
  - !ruby/object:Gem::Dependency
42
42
  name: rake
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
- - - '>='
45
+ - - ">="
46
46
  - !ruby/object:Gem::Version
47
47
  version: '0'
48
48
  type: :development
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
- - - '>='
52
+ - - ">="
53
53
  - !ruby/object:Gem::Version
54
54
  version: '0'
55
55
  - !ruby/object:Gem::Dependency
56
56
  name: pry
57
57
  requirement: !ruby/object:Gem::Requirement
58
58
  requirements:
59
- - - '>='
59
+ - - ">="
60
60
  - !ruby/object:Gem::Version
61
61
  version: '0'
62
62
  type: :development
63
63
  prerelease: false
64
64
  version_requirements: !ruby/object:Gem::Requirement
65
65
  requirements:
66
- - - '>='
66
+ - - ">="
67
67
  - !ruby/object:Gem::Version
68
68
  version: '0'
69
69
  - !ruby/object:Gem::Dependency
70
70
  name: binding_of_caller
71
71
  requirement: !ruby/object:Gem::Requirement
72
72
  requirements:
73
- - - '>='
73
+ - - ">="
74
74
  - !ruby/object:Gem::Version
75
75
  version: '0'
76
76
  type: :development
77
77
  prerelease: false
78
78
  version_requirements: !ruby/object:Gem::Requirement
79
79
  requirements:
80
- - - '>='
80
+ - - ">="
81
81
  - !ruby/object:Gem::Version
82
82
  version: '0'
83
83
  - !ruby/object:Gem::Dependency
84
84
  name: git
85
85
  requirement: !ruby/object:Gem::Requirement
86
86
  requirements:
87
- - - '>='
87
+ - - ">="
88
88
  - !ruby/object:Gem::Version
89
89
  version: '0'
90
90
  type: :development
91
91
  prerelease: false
92
92
  version_requirements: !ruby/object:Gem::Requirement
93
93
  requirements:
94
- - - '>='
94
+ - - ">="
95
95
  - !ruby/object:Gem::Version
96
96
  version: '0'
97
97
  description: UI is the vocabulary of the web
@@ -101,7 +101,7 @@ executables: []
101
101
  extensions: []
102
102
  extra_rdoc_files: []
103
103
  files:
104
- - .gitignore
104
+ - ".gitignore"
105
105
  - Gemfile
106
106
  - LICENSE.txt
107
107
  - README.md
@@ -199,12 +199,12 @@ require_paths:
199
199
  - lib
200
200
  required_ruby_version: !ruby/object:Gem::Requirement
201
201
  requirements:
202
- - - '>='
202
+ - - ">="
203
203
  - !ruby/object:Gem::Version
204
204
  version: '0'
205
205
  required_rubygems_version: !ruby/object:Gem::Requirement
206
206
  requirements:
207
- - - '>='
207
+ - - ">="
208
208
  - !ruby/object:Gem::Version
209
209
  version: '0'
210
210
  requirements: []