semantic-ui-sass 2.0.7.0 → 2.1.3.0

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 (61) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/semantic-ui/accordion.js +17 -13
  3. data/app/assets/javascripts/semantic-ui/api.js +25 -7
  4. data/app/assets/javascripts/semantic-ui/checkbox.js +124 -48
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +193 -108
  6. data/app/assets/javascripts/semantic-ui/embed.js +1 -4
  7. data/app/assets/javascripts/semantic-ui/form.js +125 -12
  8. data/app/assets/javascripts/semantic-ui/modal.js +13 -13
  9. data/app/assets/javascripts/semantic-ui/nag.js +11 -1
  10. data/app/assets/javascripts/semantic-ui/popup.js +23 -10
  11. data/app/assets/javascripts/semantic-ui/search.js +83 -54
  12. data/app/assets/javascripts/semantic-ui/sticky.js +34 -32
  13. data/app/assets/javascripts/semantic-ui/tab.js +8 -7
  14. data/app/assets/javascripts/semantic-ui/transition.js +5 -5
  15. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +2 -2
  16. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +102 -31
  17. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +159 -10
  18. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +151 -60
  19. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  20. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +18 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +187 -97
  22. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +29 -5
  23. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +6 -3
  24. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  25. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +1 -3
  26. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +23 -38
  27. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +69 -39
  29. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +423 -222
  30. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +16 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +5 -13
  34. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +1 -1
  35. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +9 -6
  36. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  38. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +1 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +7 -7
  40. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  41. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +26 -9
  42. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  49. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  56. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  58. data/app/assets/stylesheets/semantic-ui/views/_item.scss +7 -7
  59. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  60. data/lib/semantic/ui/sass/version.rb +2 -2
  61. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.0.7 - Container
2
+ * # Semantic UI 2.1.3 - Container
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -24,13 +24,19 @@
24
24
  /* Mobile */
25
25
  @media only screen and (max-width: 767px) {
26
26
  .ui.container {
27
- width: auto;
27
+ width: auto !important;
28
28
  margin-left: 1em !important;
29
29
  margin-right: 1em !important;
30
30
  }
31
31
  .ui.grid.container {
32
32
  width: auto !important;
33
33
  }
34
+ .ui.relaxed.grid.container {
35
+ width: auto !important;
36
+ }
37
+ .ui.very.relaxed.grid.container {
38
+ width: auto !important;
39
+ }
34
40
  }
35
41
 
36
42
  /* Tablet */
@@ -41,7 +47,13 @@
41
47
  margin-right: auto !important;
42
48
  }
43
49
  .ui.grid.container {
44
- width: calc( 723px + 2em ) !important;
50
+ width: calc( 723px + 2rem ) !important;
51
+ }
52
+ .ui.relaxed.grid.container {
53
+ width: calc( 723px + 3rem ) !important;
54
+ }
55
+ .ui.very.relaxed.grid.container {
56
+ width: calc( 723px + 5rem ) !important;
45
57
  }
46
58
  }
47
59
 
@@ -53,7 +65,13 @@
53
65
  margin-right: auto !important;
54
66
  }
55
67
  .ui.grid.container {
56
- width: calc( 933px + 2em ) !important;
68
+ width: calc( 933px + 2rem ) !important;
69
+ }
70
+ .ui.relaxed.grid.container {
71
+ width: calc( 933px + 3rem ) !important;
72
+ }
73
+ .ui.very.relaxed.grid.container {
74
+ width: calc( 933px + 5rem ) !important;
57
75
  }
58
76
  }
59
77
 
@@ -65,7 +83,13 @@
65
83
  margin-right: auto !important;
66
84
  }
67
85
  .ui.grid.container {
68
- width: calc( 1127px + 2em ) !important;
86
+ width: calc( 1127px + 2rem ) !important;
87
+ }
88
+ .ui.relaxed.grid.container {
89
+ width: calc( 1127px + 3rem ) !important;
90
+ }
91
+ .ui.very.relaxed.grid.container {
92
+ width: calc( 1127px + 5rem ) !important;
69
93
  }
70
94
  }
71
95
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.0.7 - Divider
2
+ * # Semantic UI 2.1.3 - Divider
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -42,8 +42,11 @@
42
42
  Coupling
43
43
  ---------------*/
44
44
 
45
- .ui.grid > .ui.divider {
46
- font-size: 1rem;
45
+
46
+ /* Allow divider between each column row */
47
+ .ui.grid > .column + .divider,
48
+ .ui.grid > .row > .column + .divider {
49
+ left: auto;
47
50
  }
48
51
 
49
52
  /*--------------
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.0.7 - Flag
2
+ * # Semantic UI 2.1.3 - Flag
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.0.7 - Header
2
+ * # Semantic UI 2.1.3 - Header
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -670,12 +670,10 @@ a.ui.inverted.grey.header:hover {
670
670
  margin-top: 0em;
671
671
  margin-bottom: 0em;
672
672
  border-top: none;
673
- border-bottom: none;
674
673
  border-radius: 0em;
675
674
  }
676
675
  .ui.top.attached.header {
677
676
  margin-bottom: 0em;
678
- border-bottom: none;
679
677
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
680
678
  }
681
679
  .ui.bottom.attached.header {
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.0.7 - Icon
2
+ * # Semantic UI 2.1.3 - Icon
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -89,13 +89,13 @@ i.icon.loading {
89
89
  *******************************/
90
90
 
91
91
  i.icon.hover {
92
- opacity: 1;
92
+ opacity: 1 !important;
93
93
  }
94
94
  i.icon.active {
95
- opacity: 1;
95
+ opacity: 1 !important;
96
96
  }
97
97
  i.emphasized.icon {
98
- opacity: 1;
98
+ opacity: 1 !important;
99
99
  }
100
100
  i.disabled.icon {
101
101
  opacity: 0.45 !important;
@@ -107,6 +107,15 @@ i.disabled.icon {
107
107
  *******************************/
108
108
 
109
109
 
110
+ /*-------------------
111
+ Fitted
112
+ --------------------*/
113
+
114
+ i.fitted.icon {
115
+ width: auto;
116
+ margin: 0em;
117
+ }
118
+
110
119
  /*-------------------
111
120
  Link
112
121
  --------------------*/
@@ -382,6 +391,16 @@ i.inverted.circular.black.icon {
382
391
  Sizes
383
392
  --------------------*/
384
393
 
394
+ i.mini.icon,
395
+ i.mini.icons {
396
+ line-height: 1;
397
+ font-size: 0.71428571rem;
398
+ }
399
+ i.tiny.icon,
400
+ i.tiny.icons {
401
+ line-height: 1;
402
+ font-size: 0.85714286rem;
403
+ }
385
404
  i.small.icon,
386
405
  i.small.icons {
387
406
  line-height: 1;
@@ -2109,9 +2128,6 @@ i.icon.video:before {
2109
2128
  i.icon.check:before {
2110
2129
  content: "\f00c";
2111
2130
  }
2112
- i.icon.remove:before {
2113
- content: "\f00d";
2114
- }
2115
2131
  i.icon.close:before {
2116
2132
  content: "\f00d";
2117
2133
  }
@@ -2160,9 +2176,6 @@ i.icon.play.circle.outline:before {
2160
2176
  i.icon.headphone:before {
2161
2177
  content: "\f025";
2162
2178
  }
2163
- i.icon.volume.off:before {
2164
- content: "\f026";
2165
- }
2166
2179
  i.icon.camera:before {
2167
2180
  content: "\f030";
2168
2181
  }
@@ -2190,9 +2203,6 @@ i.icon.signup:before {
2190
2203
  i.icon.plus.circle:before {
2191
2204
  content: "\f055";
2192
2205
  }
2193
- i.icon.minus.circle:before {
2194
- content: "\f056";
2195
- }
2196
2206
  i.icon.dont:before {
2197
2207
  content: "\f05e";
2198
2208
  }
@@ -2238,9 +2248,6 @@ i.icon.line.graph:before {
2238
2248
  i.icon.key:before {
2239
2249
  content: "\f084";
2240
2250
  }
2241
- i.icon.privacy:before {
2242
- content: "\f084";
2243
- }
2244
2251
  i.icon.cogs:before {
2245
2252
  content: "\f085";
2246
2253
  }
@@ -2367,21 +2374,12 @@ i.icon.envelope:before {
2367
2374
  i.icon.conversation:before {
2368
2375
  content: "\f0e6";
2369
2376
  }
2370
- i.icon.lightning:before {
2371
- content: "\f0e7";
2372
- }
2373
2377
  i.icon.umbrella:before {
2374
2378
  content: "\f0e9";
2375
2379
  }
2376
2380
  i.icon.lightbulb:before {
2377
2381
  content: "\f0eb";
2378
2382
  }
2379
- i.icon.suitcase:before {
2380
- content: "\f0f2";
2381
- }
2382
- i.icon.bell.outline:before {
2383
- content: "\f0a2";
2384
- }
2385
2383
  i.icon.ambulance:before {
2386
2384
  content: "\f0f9";
2387
2385
  }
@@ -2421,9 +2419,6 @@ i.icon.star.half.full:before {
2421
2419
  i.icon.question:before {
2422
2420
  content: "\f128";
2423
2421
  }
2424
- i.icon.attention:before {
2425
- content: "\f12a";
2426
- }
2427
2422
  i.icon.eraser:before {
2428
2423
  content: "\f12d";
2429
2424
  }
@@ -2472,7 +2467,6 @@ i.icon.rouble:before,
2472
2467
  i.icon.rub:before {
2473
2468
  content: "\f158";
2474
2469
  }
2475
- i.icon.won:before,
2476
2470
  i.icon.krw:before {
2477
2471
  content: "\f159";
2478
2472
  }
@@ -2501,9 +2495,6 @@ i.icon.wi-fi:before {
2501
2495
  i.icon.graduation:before {
2502
2496
  content: "\f19d";
2503
2497
  }
2504
- i.icon.\33d:before {
2505
- content: "\f1b2";
2506
- }
2507
2498
  i.icon.weixin:before {
2508
2499
  content: "\f1d7";
2509
2500
  }
@@ -2528,9 +2519,6 @@ i.icon.tty:before {
2528
2519
  i.icon.cc:before {
2529
2520
  content: "\f20a";
2530
2521
  }
2531
- i.icon.ils:before {
2532
- content: "\f20b";
2533
- }
2534
2522
  i.icon.plus.cart:before {
2535
2523
  content: "\f217";
2536
2524
  }
@@ -2582,9 +2570,6 @@ i.icon.mars.stroke.vertical:before {
2582
2570
  i.icon.mars.stroke.horizontal:before {
2583
2571
  content: "\f22b";
2584
2572
  }
2585
- i.icon.neuter:before {
2586
- content: "\f22c";
2587
- }
2588
2573
  i.icon.facebook.official {
2589
2574
  content: "\f230";
2590
2575
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.0.7 - Image
2
+ * # Semantic UI 2.1.3 - Image
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Semantic UI 2.0.7 - Input
2
+ * # Semantic UI 2.1.3 - Input
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
@@ -21,6 +21,8 @@
21
21
 
22
22
  .ui.input {
23
23
  position: relative;
24
+ font-weight: normal;
25
+ font-style: normal;
24
26
  display: -webkit-inline-box;
25
27
  display: -webkit-inline-flex;
26
28
  display: -ms-inline-flexbox;
@@ -44,8 +46,8 @@
44
46
  border: 1px solid rgba(34, 36, 38, 0.15);
45
47
  color: rgba(0, 0, 0, 0.87);
46
48
  border-radius: 0.28571429rem;
47
- -webkit-transition: background-color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
48
- transition: background-color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
49
+ -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
50
+ transition: box-shadow 0.1s ease, border-color 0.1s ease;
49
51
  box-shadow: none;
50
52
  }
51
53
 
@@ -71,6 +73,18 @@
71
73
  *******************************/
72
74
 
73
75
 
76
+ /*--------------------
77
+ Disabled
78
+ ---------------------*/
79
+
80
+ .ui.disabled.input,
81
+ .ui.input input[disabled] {
82
+ opacity: 0.45;
83
+ }
84
+ .ui.disabled.input input {
85
+ pointer-events: none;
86
+ }
87
+
74
88
  /*--------------------
75
89
  Active
76
90
  ---------------------*/
@@ -123,21 +137,21 @@
123
137
 
124
138
  .ui.input.focus input,
125
139
  .ui.input input:focus {
126
- border-color: rgba(34, 36, 38, 0.35);
140
+ border-color: #85b7d9;
127
141
  background: #ffffff;
128
142
  color: rgba(0, 0, 0, 0.8);
129
143
  box-shadow: none;
130
144
  }
131
145
  .ui.input.focus input::-webkit-input-placeholder,
132
- .ui.input input:focus input::-webkit-input-placeholder {
146
+ .ui.input input:focus::-webkit-input-placeholder {
133
147
  color: rgba(0, 0, 0, 0.87);
134
148
  }
135
149
  .ui.input.focus input::-moz-placeholder,
136
- .ui.input input:focus input::-moz-placeholder {
150
+ .ui.input input:focus::-moz-placeholder {
137
151
  color: rgba(0, 0, 0, 0.87);
138
152
  }
139
153
  .ui.input.focus input::-ms-input-placeholder,
140
- .ui.input input:focus input::-ms-input-placeholder {
154
+ .ui.input input:focus::-ms-input-placeholder {
141
155
  color: rgba(0, 0, 0, 0.87);
142
156
  }
143
157
 
@@ -148,30 +162,30 @@
148
162
  .ui.input.error input {
149
163
  background-color: #fff6f6;
150
164
  border-color: #e0b4b4;
151
- color: #db2828;
165
+ color: #9f3a38;
152
166
  box-shadow: none;
153
167
  }
154
168
 
155
169
  /* Error Placeholder */
156
- .ui.input.error input ::-webkit-input-placeholder {
157
- color: rgba(255, 80, 80, 0.4);
170
+ .ui.input.error input::-webkit-input-placeholder {
171
+ color: #e7bdbc;
158
172
  }
159
- .ui.input.error input ::-moz-placeholder {
160
- color: rgba(255, 80, 80, 0.4);
173
+ .ui.input.error input::-moz-placeholder {
174
+ color: #e7bdbc;
161
175
  }
162
- .ui.input.error input ::-ms-input-placeholder {
163
- color: rgba(255, 80, 80, 0.4);
176
+ .ui.input.error input::-ms-input-placeholder {
177
+ color: #e7bdbc;
164
178
  }
165
179
 
166
180
  /* Focused Error Placeholder */
167
- .ui.input.error input :focus::-webkit-input-placeholder {
168
- color: rgba(255, 80, 80, 0.7);
181
+ .ui.input.error input:focus::-webkit-input-placeholder {
182
+ color: #da9796;
169
183
  }
170
- .ui.input.error input :focus::-moz-placeholder {
171
- color: rgba(255, 80, 80, 0.7);
184
+ .ui.input.error input:focus::-moz-placeholder {
185
+ color: #da9796;
172
186
  }
173
- .ui.input.error input :focus::-ms-input-placeholder {
174
- color: rgba(255, 80, 80, 0.7);
187
+ .ui.input.error input:focus::-ms-input-placeholder {
188
+ color: #da9796;
175
189
  }
176
190
 
177
191
 
@@ -303,26 +317,32 @@
303
317
  }
304
318
 
305
319
  /* Regular Label on Left */
306
- .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
307
- border-left: none;
320
+ .ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
321
+ border-top-right-radius: 0px;
322
+ border-bottom-right-radius: 0px;
323
+ }
324
+ .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
308
325
  border-top-left-radius: 0px;
309
326
  border-bottom-left-radius: 0px;
327
+ border-left-color: transparent;
310
328
  }
311
- .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
312
- border-top-right-radius: 0px;
313
- border-bottom-right-radius: 0px;
329
+ .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
330
+ border-left-color: #85b7d9;
314
331
  }
315
332
 
316
333
  /* Regular Label on Right */
317
- .ui[class*="right labeled"].input > input {
318
- border-right: none;
334
+ .ui[class*="right labeled"].input input {
319
335
  border-top-right-radius: 0px !important;
320
336
  border-bottom-right-radius: 0px !important;
337
+ border-right-color: transparent !important;
321
338
  }
322
- .ui[class*="right labeled"].input > .label {
339
+ .ui[class*="right labeled"].input input + .label {
323
340
  border-top-left-radius: 0px;
324
341
  border-bottom-left-radius: 0px;
325
342
  }
343
+ .ui[class*="right labeled"].input input:focus {
344
+ border-right-color: #85b7d9 !important;
345
+ }
326
346
 
327
347
  /* Corner Label */
328
348
  .ui.labeled.input .corner.label {
@@ -333,24 +353,24 @@
333
353
  }
334
354
 
335
355
  /* Spacing with corner label */
336
- .ui[class*="corner labeled"]:not(.left).labeled.input input {
356
+ .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
337
357
  padding-right: 2.5em !important;
338
358
  }
339
- .ui[class*="corner labeled"].icon.input:not(.left) > input {
359
+ .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
340
360
  padding-right: 3.25em !important;
341
361
  }
342
- .ui[class*="corner labeled"].icon.input:not(.left) > .icon {
362
+ .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
343
363
  margin-right: 1.25em;
344
364
  }
345
365
 
346
366
  /* Left Labeled */
347
- .ui[class*="corner labeled"].left.labeled.input input {
367
+ .ui[class*="left corner labeled"].labeled.input input {
348
368
  padding-left: 2.5em !important;
349
369
  }
350
- .ui[class*="corner labeled"].icon.input.left > input {
370
+ .ui[class*="left corner labeled"].icon.input > input {
351
371
  padding-left: 3.25em !important;
352
372
  }
353
- .ui[class*="corner labeled"].icon.input.left > .icon {
373
+ .ui[class*="left corner labeled"].icon.input > .icon {
354
374
  margin-left: 1.25em;
355
375
  }
356
376
 
@@ -392,9 +412,9 @@
392
412
 
393
413
  /* Button on Right */
394
414
  .ui.action.input:not([class*="left action"]) > input {
395
- border-right: none;
396
415
  border-top-right-radius: 0px !important;
397
416
  border-bottom-right-radius: 0px !important;
417
+ border-right-color: transparent !important;
398
418
  }
399
419
  .ui.action.input:not([class*="left action"]) > .dropdown,
400
420
  .ui.action.input:not([class*="left action"]) > .button,
@@ -407,7 +427,17 @@
407
427
  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
408
428
  }
409
429
 
430
+ /* Input Focus */
431
+ .ui.action.input:not([class*="left action"]) input:focus {
432
+ border-right-color: #85b7d9 !important;
433
+ }
434
+
410
435
  /* Button on Left */
436
+ .ui[class*="left action"].input > input {
437
+ border-top-left-radius: 0px !important;
438
+ border-bottom-left-radius: 0px !important;
439
+ border-left-color: transparent !important;
440
+ }
411
441
  .ui[class*="left action"].input > .dropdown,
412
442
  .ui[class*="left action"].input > .button,
413
443
  .ui[class*="left action"].input > .buttons > .button {
@@ -418,10 +448,10 @@
418
448
  .ui[class*="left action"].input > .buttons:first-child > .button {
419
449
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
420
450
  }
421
- .ui[class*="left action"].input > input {
422
- border-left: none;
423
- border-top-left-radius: 0px !important;
424
- border-bottom-left-radius: 0px !important;
451
+
452
+ /* Input Focus */
453
+ .ui[class*="left action"].input > input:focus {
454
+ border-left-color: #85b7d9 !important;
425
455
  }
426
456
 
427
457
  /*--------------------