semantic-ui-sass 2.2.12.1 → 2.2.14
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/dropdown.js +48 -10
- data/app/assets/javascripts/semantic-ui/form.js +6 -6
- data/app/assets/javascripts/semantic-ui/popup.js +4 -4
- data/app/assets/javascripts/semantic-ui/visibility.js +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +27 -14
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +83 -46
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +77 -36
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +46 -23
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +49 -24
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +482 -243
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +5 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +11 -5
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +9 -5
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +16 -8
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +13 -7
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +13 -13
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +10 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +37 -18
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +11 -8
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +13 -7
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +19 -12
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +66 -33
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +14 -12
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +39 -20
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +14 -7
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +5 -3
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +70 -37
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +3 -2
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +3 -4
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +10 -9
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 407de3308cf2d03feee6a45125a9dc8f69ab51cc
|
4
|
+
data.tar.gz: a31d069a3b6d91a844893aa79fa0b67ec269a88f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: cdf9381c2c270d44f511c50158a2d33ff0a69143c5ec6e5e649969b2a1c406c8ca399987a9fefed8bb695274723c8aa53952e9bfd132d4c7dbc59016d3f00c19
|
7
|
+
data.tar.gz: c636cf7fbaf5af865332ff26b9c6f0c62f27e0d412de2da7f009a46dad21caa134b4f77d0e28f8e46b444670038deda3991100a4cc2d77650134025766d834b5
|
data/CHANGELOG.md
CHANGED
@@ -496,7 +496,7 @@ $.fn.dropdown = function(parameters) {
|
|
496
496
|
? callback
|
497
497
|
: function(){}
|
498
498
|
;
|
499
|
-
if( module.is.active() ) {
|
499
|
+
if( module.is.active() && !module.is.animatingOutward() ) {
|
500
500
|
module.debug('Hiding dropdown');
|
501
501
|
if(settings.onHide.call(element) !== false) {
|
502
502
|
module.animate.hide(function() {
|
@@ -2435,7 +2435,6 @@ $.fn.dropdown = function(parameters) {
|
|
2435
2435
|
var
|
2436
2436
|
escapedValue = module.escape.value(value),
|
2437
2437
|
hasInput = ($input.length > 0),
|
2438
|
-
isAddition = !module.has.value(value),
|
2439
2438
|
currentValue = module.get.values(),
|
2440
2439
|
stringValue = (value !== undefined)
|
2441
2440
|
? String(value)
|
@@ -2538,8 +2537,8 @@ $.fn.dropdown = function(parameters) {
|
|
2538
2537
|
module.save.remoteData(selectedText, selectedValue);
|
2539
2538
|
}
|
2540
2539
|
if(settings.useLabels) {
|
2541
|
-
module.add.value(selectedValue, selectedText, $selected);
|
2542
2540
|
module.add.label(selectedValue, selectedText, shouldAnimate);
|
2541
|
+
module.add.value(selectedValue, selectedText, $selected);
|
2543
2542
|
module.set.activeItem($selected);
|
2544
2543
|
module.filterActive();
|
2545
2544
|
module.select.nextAvailable($selectedItem);
|
@@ -2587,8 +2586,8 @@ $.fn.dropdown = function(parameters) {
|
|
2587
2586
|
;
|
2588
2587
|
$label = settings.onLabelCreate.call($label, escapedValue, text);
|
2589
2588
|
|
2590
|
-
if(module.has.
|
2591
|
-
module.debug('
|
2589
|
+
if(module.has.value(value)) {
|
2590
|
+
module.debug('User selection already exists, skipping', escapedValue);
|
2592
2591
|
return;
|
2593
2592
|
}
|
2594
2593
|
if(settings.label.variation) {
|
@@ -2727,6 +2726,10 @@ $.fn.dropdown = function(parameters) {
|
|
2727
2726
|
currentValue = module.get.values(),
|
2728
2727
|
newValue
|
2729
2728
|
;
|
2729
|
+
if(module.has.value(addedValue)) {
|
2730
|
+
module.debug('Value already selected');
|
2731
|
+
return;
|
2732
|
+
}
|
2730
2733
|
if(addedValue === '') {
|
2731
2734
|
module.debug('Cannot select blank values from multiselect');
|
2732
2735
|
return;
|
@@ -3058,6 +3061,12 @@ $.fn.dropdown = function(parameters) {
|
|
3058
3061
|
return (module.get.query() !== '');
|
3059
3062
|
},
|
3060
3063
|
value: function(value) {
|
3064
|
+
return (settings.ignoreCase)
|
3065
|
+
? module.has.valueIgnoringCase(value)
|
3066
|
+
: module.has.valueMatchingCase(value)
|
3067
|
+
;
|
3068
|
+
},
|
3069
|
+
valueMatchingCase: function(value) {
|
3061
3070
|
var
|
3062
3071
|
values = module.get.values(),
|
3063
3072
|
hasValue = $.isArray(values)
|
@@ -3068,6 +3077,22 @@ $.fn.dropdown = function(parameters) {
|
|
3068
3077
|
? true
|
3069
3078
|
: false
|
3070
3079
|
;
|
3080
|
+
},
|
3081
|
+
valueIgnoringCase: function(value) {
|
3082
|
+
var
|
3083
|
+
values = module.get.values(),
|
3084
|
+
hasValue = false
|
3085
|
+
;
|
3086
|
+
if(!$.isArray(values)) {
|
3087
|
+
values = [values];
|
3088
|
+
}
|
3089
|
+
$.each(values, function(index, existingValue) {
|
3090
|
+
if(String(value).toLowerCase() == String(existingValue).toLowerCase()) {
|
3091
|
+
hasValue = true;
|
3092
|
+
return false;
|
3093
|
+
}
|
3094
|
+
});
|
3095
|
+
return hasValue;
|
3071
3096
|
}
|
3072
3097
|
},
|
3073
3098
|
|
@@ -3075,6 +3100,12 @@ $.fn.dropdown = function(parameters) {
|
|
3075
3100
|
active: function() {
|
3076
3101
|
return $module.hasClass(className.active);
|
3077
3102
|
},
|
3103
|
+
animatingInward: function() {
|
3104
|
+
return $menu.transition('is inward');
|
3105
|
+
},
|
3106
|
+
animatingOutward: function() {
|
3107
|
+
return $menu.transition('is outward');
|
3108
|
+
},
|
3078
3109
|
bubbledLabelClick: function(event) {
|
3079
3110
|
return $(event.target).is('select, input') && $module.closest('label').length > 0;
|
3080
3111
|
},
|
@@ -3210,6 +3241,9 @@ $.fn.dropdown = function(parameters) {
|
|
3210
3241
|
;
|
3211
3242
|
calculations = {
|
3212
3243
|
context: {
|
3244
|
+
offset : ($context.get(0) === window)
|
3245
|
+
? { top: 0, left: 0}
|
3246
|
+
: $context.offset(),
|
3213
3247
|
scrollTop : $context.scrollTop(),
|
3214
3248
|
height : $context.outerHeight()
|
3215
3249
|
},
|
@@ -3222,8 +3256,8 @@ $.fn.dropdown = function(parameters) {
|
|
3222
3256
|
calculations.menu.offset.top += calculations.context.scrollTop;
|
3223
3257
|
}
|
3224
3258
|
onScreen = {
|
3225
|
-
above : (calculations.context.scrollTop) <= calculations.menu.offset.top - calculations.menu.height,
|
3226
|
-
below : (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top + calculations.menu.height
|
3259
|
+
above : (calculations.context.scrollTop) <= calculations.menu.offset.top - calculations.context.offset.top - calculations.menu.height,
|
3260
|
+
below : (calculations.context.scrollTop + calculations.context.height) >= calculations.menu.offset.top - calculations.context.offset.top + calculations.menu.height
|
3227
3261
|
};
|
3228
3262
|
if(onScreen.below) {
|
3229
3263
|
module.verbose('Dropdown can fit in context downward', onScreen);
|
@@ -3252,6 +3286,9 @@ $.fn.dropdown = function(parameters) {
|
|
3252
3286
|
;
|
3253
3287
|
calculations = {
|
3254
3288
|
context: {
|
3289
|
+
offset : ($context.get(0) === window)
|
3290
|
+
? { top: 0, left: 0}
|
3291
|
+
: $context.offset(),
|
3255
3292
|
scrollLeft : $context.scrollLeft(),
|
3256
3293
|
width : $context.outerWidth()
|
3257
3294
|
},
|
@@ -3263,7 +3300,7 @@ $.fn.dropdown = function(parameters) {
|
|
3263
3300
|
if(module.is.horizontallyScrollableContext()) {
|
3264
3301
|
calculations.menu.offset.left += calculations.context.scrollLeft;
|
3265
3302
|
}
|
3266
|
-
isOffscreenRight = (calculations.menu.offset.left + calculations.menu.width >= calculations.context.scrollLeft + calculations.context.width);
|
3303
|
+
isOffscreenRight = (calculations.menu.offset.left - calculations.context.offset.left + calculations.menu.width >= calculations.context.scrollLeft + calculations.context.width);
|
3267
3304
|
if(isOffscreenRight) {
|
3268
3305
|
module.verbose('Dropdown cannot fit in context rightward', isOffscreenRight);
|
3269
3306
|
canOpenRightward = false;
|
@@ -3369,7 +3406,7 @@ $.fn.dropdown = function(parameters) {
|
|
3369
3406
|
duration : settings.duration,
|
3370
3407
|
debug : settings.debug,
|
3371
3408
|
verbose : settings.verbose,
|
3372
|
-
queue :
|
3409
|
+
queue : false,
|
3373
3410
|
onStart : start,
|
3374
3411
|
onComplete : function() {
|
3375
3412
|
callback.call(element);
|
@@ -3657,7 +3694,8 @@ $.fn.dropdown.settings = {
|
|
3657
3694
|
forceSelection : true, // force a choice on blur with search selection
|
3658
3695
|
|
3659
3696
|
allowAdditions : false, // whether multiple select should allow user added values
|
3660
|
-
|
3697
|
+
ignoreCase : false, // whether to consider values not matching in case to be the same
|
3698
|
+
hideAdditions : true, // whether or not to hide special message prompting a user they can enter a value
|
3661
3699
|
|
3662
3700
|
maxSelections : false, // When set to a number limits the number of selections to this count
|
3663
3701
|
useLabels : true, // whether multiple select should filter currently active selections from choices
|
@@ -603,9 +603,9 @@ $.fn.form = function(parameters) {
|
|
603
603
|
}
|
604
604
|
else {
|
605
605
|
if(isRadio) {
|
606
|
-
if(values[name] === undefined) {
|
606
|
+
if(values[name] === undefined || values[name] == false) {
|
607
607
|
values[name] = (isChecked)
|
608
|
-
? true
|
608
|
+
? value || true
|
609
609
|
: false
|
610
610
|
;
|
611
611
|
}
|
@@ -1263,10 +1263,10 @@ $.fn.form.settings = {
|
|
1263
1263
|
isExactly : '{name} must be exactly "{ruleValue}"',
|
1264
1264
|
not : '{name} cannot be set to "{ruleValue}"',
|
1265
1265
|
notExactly : '{name} cannot be set to exactly "{ruleValue}"',
|
1266
|
-
contain : '{name}
|
1267
|
-
containExactly : '{name}
|
1268
|
-
doesntContain : '{name}
|
1269
|
-
doesntContainExactly : '{name}
|
1266
|
+
contain : '{name} must contain "{ruleValue}"',
|
1267
|
+
containExactly : '{name} must contain exactly "{ruleValue}"',
|
1268
|
+
doesntContain : '{name} cannot contain "{ruleValue}"',
|
1269
|
+
doesntContainExactly : '{name} cannot contain exactly "{ruleValue}"',
|
1270
1270
|
minLength : '{name} must be at least {ruleValue} characters',
|
1271
1271
|
length : '{name} must be at least {ruleValue} characters',
|
1272
1272
|
exactLength : '{name} must be exactly {ruleValue} characters',
|
@@ -625,11 +625,11 @@ $.fn.popup = function(parameters) {
|
|
625
625
|
}
|
626
626
|
return distanceFromBoundary;
|
627
627
|
},
|
628
|
-
offsetParent: function($
|
628
|
+
offsetParent: function($element) {
|
629
629
|
var
|
630
|
-
element = ($
|
631
|
-
? $
|
632
|
-
: $
|
630
|
+
element = ($element !== undefined)
|
631
|
+
? $element[0]
|
632
|
+
: $target[0],
|
633
633
|
parentNode = element.parentNode,
|
634
634
|
$node = $(parentNode)
|
635
635
|
;
|
@@ -927,8 +927,8 @@ $.fn.visibility = function(parameters) {
|
|
927
927
|
// visibility
|
928
928
|
element.topPassed = (screen.top >= element.top);
|
929
929
|
element.bottomPassed = (screen.top >= element.bottom);
|
930
|
-
element.topVisible = (screen.bottom >= element.top) && !element.
|
931
|
-
element.bottomVisible = (screen.bottom >= element.bottom) && !element.
|
930
|
+
element.topVisible = (screen.bottom >= element.top) && !element.topPassed;
|
931
|
+
element.bottomVisible = (screen.bottom >= element.bottom) && !element.bottomPassed;
|
932
932
|
element.pixelsPassed = 0;
|
933
933
|
element.percentagePassed = 0;
|
934
934
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Form
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -111,7 +111,8 @@
|
|
111
111
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
112
112
|
color: rgba(0, 0, 0, 0.87);
|
113
113
|
border-radius: 0.28571429rem;
|
114
|
-
box-shadow: 0em 0em 0em 0em transparent inset;
|
114
|
+
-webkit-box-shadow: 0em 0em 0em 0em transparent inset;
|
115
|
+
box-shadow: 0em 0em 0em 0em transparent inset;
|
115
116
|
-webkit-transition: color 0.1s ease, border-color 0.1s ease;
|
116
117
|
transition: color 0.1s ease, border-color 0.1s ease;
|
117
118
|
}
|
@@ -127,7 +128,8 @@
|
|
127
128
|
outline: none;
|
128
129
|
color: rgba(0, 0, 0, 0.87);
|
129
130
|
border-radius: 0.28571429rem;
|
130
|
-
box-shadow: 0em 0em 0em 0em transparent inset;
|
131
|
+
-webkit-box-shadow: 0em 0em 0em 0em transparent inset;
|
132
|
+
box-shadow: 0em 0em 0em 0em transparent inset;
|
131
133
|
-webkit-transition: color 0.1s ease, border-color 0.1s ease;
|
132
134
|
transition: color 0.1s ease, border-color 0.1s ease;
|
133
135
|
font-size: 1em;
|
@@ -163,7 +165,8 @@
|
|
163
165
|
background: #FFFFFF;
|
164
166
|
border: 1px solid rgba(34, 36, 38, 0.15);
|
165
167
|
border-radius: 0.28571429rem;
|
166
|
-
box-shadow: 0em 0em 0em 0em transparent inset;
|
168
|
+
-webkit-box-shadow: 0em 0em 0em 0em transparent inset;
|
169
|
+
box-shadow: 0em 0em 0em 0em transparent inset;
|
167
170
|
padding: 0.62em 1em;
|
168
171
|
color: rgba(0, 0, 0, 0.87);
|
169
172
|
-webkit-transition: color 0.1s ease, border-color 0.1s ease;
|
@@ -285,19 +288,22 @@
|
|
285
288
|
---------------------*/
|
286
289
|
|
287
290
|
.ui.form .field.field input:-webkit-autofill {
|
288
|
-
box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
|
291
|
+
-webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
|
292
|
+
box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
|
289
293
|
border-color: #E5DFA1 !important;
|
290
294
|
}
|
291
295
|
|
292
296
|
/* Focus */
|
293
297
|
.ui.form .field.field input:-webkit-autofill:focus {
|
294
|
-
box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
|
298
|
+
-webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
|
299
|
+
box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
|
295
300
|
border-color: #D5C315 !important;
|
296
301
|
}
|
297
302
|
|
298
303
|
/* Error */
|
299
304
|
.ui.form .error.error input:-webkit-autofill {
|
300
|
-
box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
|
305
|
+
-webkit-box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
|
306
|
+
box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
|
301
307
|
border-color: #E0B4B4 !important;
|
302
308
|
}
|
303
309
|
|
@@ -366,14 +372,16 @@
|
|
366
372
|
border-color: #85B7D9;
|
367
373
|
border-radius: 0.28571429rem;
|
368
374
|
background: #FFFFFF;
|
369
|
-
box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
|
375
|
+
-webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
|
376
|
+
box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
|
370
377
|
}
|
371
378
|
.ui.form textarea:focus {
|
372
379
|
color: rgba(0, 0, 0, 0.95);
|
373
380
|
border-color: #85B7D9;
|
374
381
|
border-radius: 0.28571429rem;
|
375
382
|
background: #FFFFFF;
|
376
|
-
box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
|
383
|
+
-webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
|
384
|
+
box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
|
377
385
|
-webkit-appearance: none;
|
378
386
|
}
|
379
387
|
|
@@ -475,7 +483,8 @@
|
|
475
483
|
border-color: #E0B4B4;
|
476
484
|
color: #9F3A38;
|
477
485
|
border-radius: '';
|
478
|
-
box-shadow: none;
|
486
|
+
-webkit-box-shadow: none;
|
487
|
+
box-shadow: none;
|
479
488
|
}
|
480
489
|
.ui.form .field.error textarea:focus,
|
481
490
|
.ui.form .field.error select:focus,
|
@@ -495,7 +504,8 @@
|
|
495
504
|
border-color: #E0B4B4;
|
496
505
|
color: #9F3A38;
|
497
506
|
-webkit-appearance: none;
|
498
|
-
box-shadow: none;
|
507
|
+
-webkit-box-shadow: none;
|
508
|
+
box-shadow: none;
|
499
509
|
}
|
500
510
|
|
501
511
|
/* Preserve Native Select Stylings */
|
@@ -628,7 +638,8 @@
|
|
628
638
|
border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
|
629
639
|
border-style: solid;
|
630
640
|
border-width: 0.2em;
|
631
|
-
box-shadow: 0px 0px 0px 1px transparent;
|
641
|
+
-webkit-box-shadow: 0px 0px 0px 1px transparent;
|
642
|
+
box-shadow: 0px 0px 0px 1px transparent;
|
632
643
|
visibility: visible;
|
633
644
|
z-index: 101;
|
634
645
|
}
|
@@ -725,7 +736,8 @@
|
|
725
736
|
background: #FFFFFF;
|
726
737
|
border-color: rgba(255, 255, 255, 0.1);
|
727
738
|
color: rgba(0, 0, 0, 0.87);
|
728
|
-
box-shadow: none;
|
739
|
+
-webkit-box-shadow: none;
|
740
|
+
box-shadow: none;
|
729
741
|
}
|
730
742
|
|
731
743
|
/*--------------------
|
@@ -780,7 +792,8 @@
|
|
780
792
|
}
|
781
793
|
.ui.form .fields > .field:first-child {
|
782
794
|
border-left: none;
|
783
|
-
box-shadow: none;
|
795
|
+
-webkit-box-shadow: none;
|
796
|
+
box-shadow: none;
|
784
797
|
}
|
785
798
|
|
786
799
|
/* Other Combinations */
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI 2.2.
|
2
|
+
* # Semantic UI 2.2.14 - Grid
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
@@ -157,7 +157,8 @@
|
|
157
157
|
/* Remove Border on Last Horizontal Segment */
|
158
158
|
.ui.grid > .row > .column:last-child > .horizontal.segment,
|
159
159
|
.ui.grid > .column:last-child > .horizontal.segment {
|
160
|
-
box-shadow: none;
|
160
|
+
-webkit-box-shadow: none;
|
161
|
+
box-shadow: none;
|
161
162
|
}
|
162
163
|
|
163
164
|
|
@@ -345,7 +346,8 @@
|
|
345
346
|
|
346
347
|
/* Celled Page */
|
347
348
|
.ui.celled.page.grid {
|
348
|
-
box-shadow: none;
|
349
|
+
-webkit-box-shadow: none;
|
350
|
+
box-shadow: none;
|
349
351
|
}
|
350
352
|
|
351
353
|
/*-------------------
|
@@ -1042,7 +1044,8 @@
|
|
1042
1044
|
|
1043
1045
|
.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
|
1044
1046
|
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
|
1045
|
-
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1047
|
+
-webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1048
|
+
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1046
1049
|
}
|
1047
1050
|
|
1048
1051
|
/* Swap from padding to margin on columns to have dividers align */
|
@@ -1061,7 +1064,8 @@
|
|
1061
1064
|
/* No divider on first column on row */
|
1062
1065
|
.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
|
1063
1066
|
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
|
1064
|
-
box-shadow: none;
|
1067
|
+
-webkit-box-shadow: none;
|
1068
|
+
box-shadow: none;
|
1065
1069
|
}
|
1066
1070
|
|
1067
1071
|
/* No space on top of first row */
|
@@ -1071,10 +1075,12 @@
|
|
1071
1075
|
|
1072
1076
|
/* Divided Row */
|
1073
1077
|
.ui.grid > .divided.row > .column {
|
1074
|
-
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1078
|
+
-webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1079
|
+
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1075
1080
|
}
|
1076
1081
|
.ui.grid > .divided.row > .column:first-child {
|
1077
|
-
box-shadow: none;
|
1082
|
+
-webkit-box-shadow: none;
|
1083
|
+
box-shadow: none;
|
1078
1084
|
}
|
1079
1085
|
|
1080
1086
|
/* Vertically Divided */
|
@@ -1089,7 +1095,8 @@
|
|
1089
1095
|
width: calc(100% - 2rem );
|
1090
1096
|
height: 1px;
|
1091
1097
|
margin: 0% 1rem;
|
1092
|
-
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1098
|
+
-webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1099
|
+
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1093
1100
|
}
|
1094
1101
|
|
1095
1102
|
/* Padded Horizontally Divided */
|
@@ -1100,20 +1107,24 @@
|
|
1100
1107
|
|
1101
1108
|
/* First Row Vertically Divided */
|
1102
1109
|
.ui[class*="vertically divided"].grid > .row:first-child:before {
|
1103
|
-
box-shadow: none;
|
1110
|
+
-webkit-box-shadow: none;
|
1111
|
+
box-shadow: none;
|
1104
1112
|
}
|
1105
1113
|
|
1106
1114
|
/* Inverted Divided */
|
1107
1115
|
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
|
1108
1116
|
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
|
1109
|
-
box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
|
1117
|
+
-webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
|
1118
|
+
box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
|
1110
1119
|
}
|
1111
1120
|
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
|
1112
1121
|
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
|
1113
|
-
box-shadow: none;
|
1122
|
+
-webkit-box-shadow: none;
|
1123
|
+
box-shadow: none;
|
1114
1124
|
}
|
1115
1125
|
.ui.inverted[class*="vertically divided"].grid > .row:before {
|
1116
|
-
box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
|
1126
|
+
-webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
|
1127
|
+
box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
|
1117
1128
|
}
|
1118
1129
|
|
1119
1130
|
/* Relaxed */
|
@@ -1135,21 +1146,25 @@
|
|
1135
1146
|
.ui.celled.grid {
|
1136
1147
|
width: 100%;
|
1137
1148
|
margin: 1em 0em;
|
1138
|
-
box-shadow: 0px 0px 0px 1px #D4D4D5;
|
1149
|
+
-webkit-box-shadow: 0px 0px 0px 1px #D4D4D5;
|
1150
|
+
box-shadow: 0px 0px 0px 1px #D4D4D5;
|
1139
1151
|
}
|
1140
1152
|
.ui.celled.grid > .row {
|
1141
1153
|
width: 100% !important;
|
1142
1154
|
margin: 0em;
|
1143
1155
|
padding: 0em;
|
1144
|
-
box-shadow: 0px -1px 0px 0px #D4D4D5;
|
1156
|
+
-webkit-box-shadow: 0px -1px 0px 0px #D4D4D5;
|
1157
|
+
box-shadow: 0px -1px 0px 0px #D4D4D5;
|
1145
1158
|
}
|
1146
1159
|
.ui.celled.grid > .column:not(.row),
|
1147
1160
|
.ui.celled.grid > .row > .column {
|
1148
|
-
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1161
|
+
-webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1162
|
+
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1149
1163
|
}
|
1150
1164
|
.ui.celled.grid > .column:first-child,
|
1151
1165
|
.ui.celled.grid > .row > .column:first-child {
|
1152
|
-
box-shadow: none;
|
1166
|
+
-webkit-box-shadow: none;
|
1167
|
+
box-shadow: none;
|
1153
1168
|
}
|
1154
1169
|
.ui.celled.grid > .column:not(.row),
|
1155
1170
|
.ui.celled.grid > .row > .column {
|
@@ -1166,14 +1181,17 @@
|
|
1166
1181
|
|
1167
1182
|
/* Internally Celled */
|
1168
1183
|
.ui[class*="internally celled"].grid {
|
1169
|
-
box-shadow: none;
|
1184
|
+
-webkit-box-shadow: none;
|
1185
|
+
box-shadow: none;
|
1170
1186
|
margin: 0em;
|
1171
1187
|
}
|
1172
1188
|
.ui[class*="internally celled"].grid > .row:first-child {
|
1173
|
-
box-shadow: none;
|
1189
|
+
-webkit-box-shadow: none;
|
1190
|
+
box-shadow: none;
|
1174
1191
|
}
|
1175
1192
|
.ui[class*="internally celled"].grid > .row > .column:first-child {
|
1176
|
-
box-shadow: none;
|
1193
|
+
-webkit-box-shadow: none;
|
1194
|
+
box-shadow: none;
|
1177
1195
|
}
|
1178
1196
|
|
1179
1197
|
/*----------------------
|
@@ -1208,7 +1226,6 @@
|
|
1208
1226
|
flex-direction: column;
|
1209
1227
|
vertical-align: middle;
|
1210
1228
|
-ms-flex-item-align: center !important;
|
1211
|
-
-ms-grid-row-align: center !important;
|
1212
1229
|
align-self: center !important;
|
1213
1230
|
}
|
1214
1231
|
|
@@ -1266,7 +1283,6 @@
|
|
1266
1283
|
.ui.grid > .row > [class*="left aligned"].column.column {
|
1267
1284
|
text-align: left;
|
1268
1285
|
-ms-flex-item-align: inherit;
|
1269
|
-
-ms-grid-row-align: inherit;
|
1270
1286
|
align-self: inherit;
|
1271
1287
|
}
|
1272
1288
|
|
@@ -1278,7 +1294,6 @@
|
|
1278
1294
|
.ui.grid > .row > [class*="center aligned"].column.column {
|
1279
1295
|
text-align: center;
|
1280
1296
|
-ms-flex-item-align: inherit;
|
1281
|
-
-ms-grid-row-align: inherit;
|
1282
1297
|
align-self: inherit;
|
1283
1298
|
}
|
1284
1299
|
.ui[class*="center aligned"].grid {
|
@@ -1295,7 +1310,6 @@
|
|
1295
1310
|
.ui.grid > .row > [class*="right aligned"].column.column {
|
1296
1311
|
text-align: right;
|
1297
1312
|
-ms-flex-item-align: inherit;
|
1298
|
-
-ms-grid-row-align: inherit;
|
1299
1313
|
align-self: inherit;
|
1300
1314
|
}
|
1301
1315
|
|
@@ -1484,27 +1498,33 @@
|
|
1484
1498
|
/* Divided Reversed */
|
1485
1499
|
.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
|
1486
1500
|
.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
|
1487
|
-
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1501
|
+
-webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1502
|
+
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1488
1503
|
}
|
1489
1504
|
.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
|
1490
1505
|
.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
|
1491
|
-
box-shadow: none;
|
1506
|
+
-webkit-box-shadow: none;
|
1507
|
+
box-shadow: none;
|
1492
1508
|
}
|
1493
1509
|
|
1494
1510
|
/* Vertically Divided Reversed */
|
1495
1511
|
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
|
1496
|
-
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1512
|
+
-webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1513
|
+
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1497
1514
|
}
|
1498
1515
|
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
|
1499
|
-
box-shadow: none;
|
1516
|
+
-webkit-box-shadow: none;
|
1517
|
+
box-shadow: none;
|
1500
1518
|
}
|
1501
1519
|
|
1502
1520
|
/* Celled Reversed */
|
1503
1521
|
.ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
|
1504
|
-
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1522
|
+
-webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1523
|
+
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1505
1524
|
}
|
1506
1525
|
.ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
|
1507
|
-
box-shadow: none;
|
1526
|
+
-webkit-box-shadow: none;
|
1527
|
+
box-shadow: none;
|
1508
1528
|
}
|
1509
1529
|
}
|
1510
1530
|
|
@@ -1528,27 +1548,33 @@
|
|
1528
1548
|
/* Divided Reversed */
|
1529
1549
|
.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
|
1530
1550
|
.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
|
1531
|
-
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1551
|
+
-webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1552
|
+
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1532
1553
|
}
|
1533
1554
|
.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
|
1534
1555
|
.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
|
1535
|
-
box-shadow: none;
|
1556
|
+
-webkit-box-shadow: none;
|
1557
|
+
box-shadow: none;
|
1536
1558
|
}
|
1537
1559
|
|
1538
1560
|
/* Vertically Divided Reversed */
|
1539
1561
|
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
|
1540
|
-
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1562
|
+
-webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1563
|
+
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1541
1564
|
}
|
1542
1565
|
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
|
1543
|
-
box-shadow: none;
|
1566
|
+
-webkit-box-shadow: none;
|
1567
|
+
box-shadow: none;
|
1544
1568
|
}
|
1545
1569
|
|
1546
1570
|
/* Celled Reversed */
|
1547
1571
|
.ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
|
1548
|
-
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1572
|
+
-webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1573
|
+
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1549
1574
|
}
|
1550
1575
|
.ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
|
1551
|
-
box-shadow: none;
|
1576
|
+
-webkit-box-shadow: none;
|
1577
|
+
box-shadow: none;
|
1552
1578
|
}
|
1553
1579
|
}
|
1554
1580
|
|
@@ -1572,27 +1598,33 @@
|
|
1572
1598
|
/* Divided Reversed */
|
1573
1599
|
.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
|
1574
1600
|
.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
|
1575
|
-
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1601
|
+
-webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1602
|
+
box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
|
1576
1603
|
}
|
1577
1604
|
.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
|
1578
1605
|
.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
|
1579
|
-
box-shadow: none;
|
1606
|
+
-webkit-box-shadow: none;
|
1607
|
+
box-shadow: none;
|
1580
1608
|
}
|
1581
1609
|
|
1582
1610
|
/* Vertically Divided Reversed */
|
1583
1611
|
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
|
1584
|
-
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1612
|
+
-webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1613
|
+
box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
|
1585
1614
|
}
|
1586
1615
|
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
|
1587
|
-
box-shadow: none;
|
1616
|
+
-webkit-box-shadow: none;
|
1617
|
+
box-shadow: none;
|
1588
1618
|
}
|
1589
1619
|
|
1590
1620
|
/* Celled Reversed */
|
1591
1621
|
.ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
|
1592
|
-
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1622
|
+
-webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1623
|
+
box-shadow: -1px 0px 0px 0px #D4D4D5;
|
1593
1624
|
}
|
1594
1625
|
.ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
|
1595
|
-
box-shadow: none;
|
1626
|
+
-webkit-box-shadow: none;
|
1627
|
+
box-shadow: none;
|
1596
1628
|
}
|
1597
1629
|
}
|
1598
1630
|
|
@@ -1616,7 +1648,8 @@
|
|
1616
1648
|
display: inline-block !important;
|
1617
1649
|
padding-top: 1rem !important;
|
1618
1650
|
padding-bottom: 1rem !important;
|
1619
|
-
box-shadow: none !important;
|
1651
|
+
-webkit-box-shadow: none !important;
|
1652
|
+
box-shadow: none !important;
|
1620
1653
|
margin: 0em;
|
1621
1654
|
}
|
1622
1655
|
.ui[class*="two column"].doubling.grid > .row > .column,
|
@@ -1708,7 +1741,8 @@
|
|
1708
1741
|
padding-top: 1rem !important;
|
1709
1742
|
padding-bottom: 1rem !important;
|
1710
1743
|
margin: 0em !important;
|
1711
|
-
box-shadow: none !important;
|
1744
|
+
-webkit-box-shadow: none !important;
|
1745
|
+
box-shadow: none !important;
|
1712
1746
|
}
|
1713
1747
|
.ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
|
1714
1748
|
.ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
|
@@ -1806,7 +1840,8 @@
|
|
1806
1840
|
.ui.grid > .stackable.stackable.row > .column {
|
1807
1841
|
width: 100% !important;
|
1808
1842
|
margin: 0em 0em !important;
|
1809
|
-
box-shadow: none !important;
|
1843
|
+
-webkit-box-shadow: none !important;
|
1844
|
+
box-shadow: none !important;
|
1810
1845
|
padding: 1rem 1rem !important;
|
1811
1846
|
}
|
1812
1847
|
.ui.stackable.grid:not(.vertically) > .row {
|
@@ -1846,12 +1881,14 @@
|
|
1846
1881
|
.ui.stackable.celled.grid > .row > .column,
|
1847
1882
|
.ui.stackable.divided:not(.vertically).grid > .row > .column {
|
1848
1883
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
1849
|
-
box-shadow: none !important;
|
1884
|
+
-webkit-box-shadow: none !important;
|
1885
|
+
box-shadow: none !important;
|
1850
1886
|
padding-top: 2rem !important;
|
1851
1887
|
padding-bottom: 2rem !important;
|
1852
1888
|
}
|
1853
1889
|
.ui.stackable.celled.grid > .row {
|
1854
|
-
box-shadow: none !important;
|
1890
|
+
-webkit-box-shadow: none !important;
|
1891
|
+
box-shadow: none !important;
|
1855
1892
|
}
|
1856
1893
|
.ui.stackable.divided:not(.vertically).grid > .column:not(.row),
|
1857
1894
|
.ui.stackable.divided:not(.vertically).grid > .row > .column {
|