fomantic-ui-sass 2.7.7 → 2.7.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3e91d2d9b479859bb29579a5af0e89644c637f96e9dce89aa53ed2f40501239f
4
- data.tar.gz: f064a89d531a4f70bfc4f08f0d6b60606ef916cbc6f33e5f3e53510ad9073215
3
+ metadata.gz: 68f4fb5f2151058c1a971ae1f707be5879690f68b48b96196df450d7a048fc69
4
+ data.tar.gz: 865abc5072c35b24e65b796c4a60d98e367db11e8db7200a6254febba240e25a
5
5
  SHA512:
6
- metadata.gz: 7f1ad951e48dd02fc01f26d192c50adb9df0dc5eec50bd1805939402ad8b212b400313d96f52d7c4eb9770e9046e2a56991f95ecee18c7b71121df6c85bcf35c
7
- data.tar.gz: 999285b7a5a7d4dc850f580fae97034546d106ace0adee4a39eea76eea29b121f4bffdaf83bfc2f9994374ed512a540dae58c1439840be0e75f607de32591695
6
+ metadata.gz: c8021adb71f446efa3373c4aad4a6cb46f5e7fd19ae466c8f38cc364876e924e8a9a8a11d4c6dde9f6ef930c69bdc8d06a43720586624f0f041f5332c3c92b24
7
+ data.tar.gz: 469d13b079a5a997bf7853713ee967f7bde5cebb3d16ff3a3b0a85bd810784fe57cec6651a2b0f284e7473ad7944688433a91f1aff60d06046845cd74d72a796
data/CHANGELOG.md CHANGED
@@ -1,3 +1,7 @@
1
+ ## 2.7.8
2
+
3
+ Update Fomantic UI to [2.7.8](https://github.com/fomantic/Fomantic-UI/releases/tag/2.7.8)
4
+
1
5
  ## 2.7.7
2
6
 
3
7
  Update Fomantic UI to [2.7.7](https://github.com/fomantic/Fomantic-UI/releases/tag/2.7.7)
@@ -382,7 +382,7 @@ $.fn.dropdown = function(parameters) {
382
382
  .attr('class', $input.attr('class') )
383
383
  .addClass(className.selection)
384
384
  .addClass(className.dropdown)
385
- .html( templates.dropdown(selectValues,settings.preserveHTML, settings.className) )
385
+ .html( templates.dropdown(selectValues, fields, settings.preserveHTML, settings.className) )
386
386
  .insertBefore($input)
387
387
  ;
388
388
  if($input.hasClass(className.multiple) && $input.prop('multiple') === false) {
@@ -1296,7 +1296,7 @@ $.fn.dropdown = function(parameters) {
1296
1296
  isBubbledEvent = ($subMenu.find($target).length > 0)
1297
1297
  ;
1298
1298
  // prevents IE11 bug where menu receives focus even though `tabindex=-1`
1299
- if (!module.has.search() || !document.activeElement.isEqualNode($search[0])) {
1299
+ if (document.activeElement.tagName.toLowerCase() !== 'input') {
1300
1300
  $(document.activeElement).blur();
1301
1301
  }
1302
1302
  if(!isBubbledEvent && (!hasSubMenu || settings.allowCategorySelection)) {
@@ -1865,7 +1865,7 @@ $.fn.dropdown = function(parameters) {
1865
1865
  }
1866
1866
  return ( !module.has.selectInput() && module.is.multiple() )
1867
1867
  ? (typeof value == 'string') // delimited string
1868
- ? value.split(settings.delimiter)
1868
+ ? module.escape.htmlEntities(value).split(settings.delimiter)
1869
1869
  : ''
1870
1870
  : value
1871
1871
  ;
@@ -1942,7 +1942,8 @@ $.fn.dropdown = function(parameters) {
1942
1942
  },
1943
1943
  selectValues: function() {
1944
1944
  var
1945
- select = {}
1945
+ select = {},
1946
+ oldGroup = []
1946
1947
  ;
1947
1948
  select.values = [];
1948
1949
  $module
@@ -1954,12 +1955,21 @@ $.fn.dropdown = function(parameters) {
1954
1955
  disabled = $option.attr('disabled'),
1955
1956
  value = ( $option.attr('value') !== undefined )
1956
1957
  ? $option.attr('value')
1957
- : name
1958
+ : name,
1959
+ group = $option.parent('optgroup')
1958
1960
  ;
1959
1961
  if(settings.placeholder === 'auto' && value === '') {
1960
1962
  select.placeholder = name;
1961
1963
  }
1962
1964
  else {
1965
+ if(group.length !== oldGroup.length || group[0] !== oldGroup[0]) {
1966
+ select.values.push({
1967
+ type: 'header',
1968
+ divider: settings.headerDivider,
1969
+ name: group.attr('label') || ''
1970
+ });
1971
+ oldGroup = group;
1972
+ }
1963
1973
  select.values.push({
1964
1974
  name : name,
1965
1975
  value : value,
@@ -2428,6 +2438,9 @@ $.fn.dropdown = function(parameters) {
2428
2438
  ? forceScroll
2429
2439
  : false
2430
2440
  ;
2441
+ if(module.get.activeItem().length === 0){
2442
+ forceScroll = false;
2443
+ }
2431
2444
  if($item && $menu.length > 0 && hasActive) {
2432
2445
  itemOffset = $item.position().top;
2433
2446
 
@@ -3886,6 +3899,8 @@ $.fn.dropdown.settings = {
3886
3899
 
3887
3900
  glyphWidth : 1.037, // widest glyph width in em (W is 1.037 em) used to calculate multiselect input width
3888
3901
 
3902
+ headerDivider : true, // whether option headers should have an additional divider line underneath when converted from <select> <optgroup>
3903
+
3889
3904
  // label settings on multi-select
3890
3905
  label: {
3891
3906
  transition : 'scale',
@@ -3961,8 +3976,10 @@ $.fn.dropdown.settings = {
3961
3976
  type : 'type', // type of dropdown element
3962
3977
  image : 'image', // optional image path
3963
3978
  imageClass : 'imageClass', // optional individual class for image
3964
- icon : 'icon', // optional icon name
3965
- iconClass : 'iconClass' // optional individual class for icon (for example to use flag instead)
3979
+ icon : 'icon', // optional icon name
3980
+ iconClass : 'iconClass', // optional individual class for icon (for example to use flag instead)
3981
+ class : 'class', // optional individual class for item/header
3982
+ divider : 'divider' // optional divider append for group headers
3966
3983
  },
3967
3984
 
3968
3985
  keys : {
@@ -4027,7 +4044,10 @@ $.fn.dropdown.settings = {
4027
4044
  visible : 'visible',
4028
4045
  clearable : 'clearable',
4029
4046
  noselection : 'noselection',
4030
- delete : 'delete'
4047
+ delete : 'delete',
4048
+ header : 'header',
4049
+ divider : 'divider',
4050
+ groupIcon : ''
4031
4051
  }
4032
4052
 
4033
4053
  };
@@ -4062,13 +4082,11 @@ $.fn.dropdown.settings.templates = {
4062
4082
  return string;
4063
4083
  },
4064
4084
  // generates dropdown from select values
4065
- dropdown: function(select, preserveHTML, className) {
4085
+ dropdown: function(select, fields, preserveHTML, className) {
4066
4086
  var
4067
4087
  placeholder = select.placeholder || false,
4068
- values = select.values || [],
4069
4088
  html = '',
4070
- escape = $.fn.dropdown.settings.templates.escape,
4071
- deQuote = $.fn.dropdown.settings.templates.deQuote
4089
+ escape = $.fn.dropdown.settings.templates.escape
4072
4090
  ;
4073
4091
  html += '<i class="dropdown icon"></i>';
4074
4092
  if(placeholder) {
@@ -4078,9 +4096,7 @@ $.fn.dropdown.settings.templates = {
4078
4096
  html += '<div class="text"></div>';
4079
4097
  }
4080
4098
  html += '<div class="'+className.menu+'">';
4081
- $.each(values, function(index, option) {
4082
- html += '<div class="'+(option.disabled ? className.disabled+' ':'')+className.item+'" data-value="' + deQuote(option.value) + '">' + escape(option.name,preserveHTML) + '</div>';
4083
- });
4099
+ html += $.fn.dropdown.settings.templates.menu(select, fields, preserveHTML,className);
4084
4100
  html += '</div>';
4085
4101
  return html;
4086
4102
  },
@@ -4109,7 +4125,7 @@ $.fn.dropdown.settings.templates = {
4109
4125
  ? className.disabled+' '
4110
4126
  : ''
4111
4127
  ;
4112
- html += '<div class="'+ maybeDisabled + className.item+'" data-value="' + deQuote(option[fields.value]) + '"' + maybeText + '>';
4128
+ html += '<div class="'+ maybeDisabled + (option[fields.class] ? deQuote(option[fields.class]) : className.item)+'" data-value="' + deQuote(option[fields.value]) + '"' + maybeText + '>';
4113
4129
  if(option[fields.image]) {
4114
4130
  html += '<img class="'+(option[fields.imageClass] ? deQuote(option[fields.imageClass]) : className.image)+'" src="' + deQuote(option[fields.image]) + '">';
4115
4131
  }
@@ -4119,9 +4135,20 @@ $.fn.dropdown.settings.templates = {
4119
4135
  html += escape(option[fields.name],preserveHTML);
4120
4136
  html += '</div>';
4121
4137
  } else if (itemType === 'header') {
4122
- html += '<div class="header">';
4123
- html += escape(option[fields.name],preserveHTML);
4124
- html += '</div>';
4138
+ var groupName = escape(option[fields.name],preserveHTML),
4139
+ groupIcon = option[fields.icon] ? deQuote(option[fields.icon]) : className.groupIcon
4140
+ ;
4141
+ if(groupName !== '' || groupIcon !== '') {
4142
+ html += '<div class="' + (option[fields.class] ? deQuote(option[fields.class]) : className.header) + '">';
4143
+ if (groupIcon !== '') {
4144
+ html += '<i class="' + groupIcon + ' ' + (option[fields.iconClass] ? deQuote(option[fields.iconClass]) : className.icon) + '"></i>';
4145
+ }
4146
+ html += groupName;
4147
+ html += '</div>';
4148
+ }
4149
+ if(option[fields.divider]){
4150
+ html += '<div class="'+className.divider+'"></div>';
4151
+ }
4125
4152
  }
4126
4153
  });
4127
4154
  return html;
@@ -192,8 +192,8 @@ $.fn.form = function(parameters) {
192
192
  $calendar = $field.closest(selector.uiCalendar),
193
193
  defaultValue = $field.data(metadata.defaultValue) || '',
194
194
  isCheckbox = $element.is(selector.uiCheckbox),
195
- isDropdown = $element.is(selector.uiDropdown),
196
- isCalendar = ($calendar.length > 0),
195
+ isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
196
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
197
197
  isErrored = $fieldGroup.hasClass(className.error)
198
198
  ;
199
199
  if(isErrored) {
@@ -228,8 +228,8 @@ $.fn.form = function(parameters) {
228
228
  $prompt = $fieldGroup.find(selector.prompt),
229
229
  defaultValue = $field.data(metadata.defaultValue),
230
230
  isCheckbox = $element.is(selector.uiCheckbox),
231
- isDropdown = $element.is(selector.uiDropdown),
232
- isCalendar = ($calendar.length > 0),
231
+ isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
232
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
233
233
  isErrored = $fieldGroup.hasClass(className.error)
234
234
  ;
235
235
  if(defaultValue === undefined) {
@@ -678,7 +678,7 @@ $.fn.form = function(parameters) {
678
678
  isCheckbox = $field.is(selector.checkbox),
679
679
  isRadio = $field.is(selector.radio),
680
680
  isMultiple = (name.indexOf('[]') !== -1),
681
- isCalendar = ($calendar.length > 0),
681
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
682
682
  isChecked = (isCheckbox)
683
683
  ? $field.is(':checked')
684
684
  : false
@@ -795,6 +795,16 @@ $.fn.form = function(parameters) {
795
795
 
796
796
  },
797
797
 
798
+ can: {
799
+ useElement: function(element){
800
+ if ($.fn[element] !== undefined) {
801
+ return true;
802
+ }
803
+ module.error(error.noElement.replace('{element}',element));
804
+ return false;
805
+ }
806
+ },
807
+
798
808
  escape: {
799
809
  string: function(text) {
800
810
  text = String(text);
@@ -869,7 +879,7 @@ $.fn.form = function(parameters) {
869
879
  .html(errors[0])
870
880
  ;
871
881
  if(!promptExists) {
872
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
882
+ if(settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
873
883
  module.verbose('Displaying error with css transition', settings.transition);
874
884
  $prompt.transition(settings.transition + ' in', settings.duration);
875
885
  }
@@ -951,7 +961,7 @@ $.fn.form = function(parameters) {
951
961
  ;
952
962
  if(settings.inline && $prompt.is(':visible')) {
953
963
  module.verbose('Removing prompt for field', identifier);
954
- if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
964
+ if(settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
955
965
  $prompt.transition(settings.transition + ' out', settings.duration, function() {
956
966
  $prompt.remove();
957
967
  });
@@ -980,7 +990,7 @@ $.fn.form = function(parameters) {
980
990
  $el = $(el),
981
991
  $parent = $el.parent(),
982
992
  isCheckbox = ($el.filter(selector.checkbox).length > 0),
983
- isDropdown = $parent.is(selector.uiDropdown),
993
+ isDropdown = $parent.is(selector.uiDropdown) && module.can.useElement('dropdown'),
984
994
  value = (isCheckbox)
985
995
  ? $el.is(':checked')
986
996
  : $el.val()
@@ -1013,10 +1023,12 @@ $.fn.form = function(parameters) {
1013
1023
  var
1014
1024
  $field = module.get.field(key),
1015
1025
  $element = $field.parent(),
1026
+ $calendar = $field.closest(selector.uiCalendar),
1016
1027
  isMultiple = Array.isArray(value),
1017
- isCheckbox = $element.is(selector.uiCheckbox),
1018
- isDropdown = $element.is(selector.uiDropdown),
1028
+ isCheckbox = $element.is(selector.uiCheckbox) && module.can.useElement('checkbox'),
1029
+ isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
1019
1030
  isRadio = ($field.is(selector.radio) && isCheckbox),
1031
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
1020
1032
  fieldExists = ($field.length > 0),
1021
1033
  $multipleField
1022
1034
  ;
@@ -1052,6 +1064,9 @@ $.fn.form = function(parameters) {
1052
1064
  module.verbose('Setting dropdown value', value, $element);
1053
1065
  $element.dropdown('set selected', value);
1054
1066
  }
1067
+ else if (isCalendar) {
1068
+ $calendar.calendar('set date',value);
1069
+ }
1055
1070
  else {
1056
1071
  module.verbose('Setting field value', value, $field);
1057
1072
  $field.val(value);
@@ -1515,7 +1530,8 @@ $.fn.form.settings = {
1515
1530
  identifier : 'You must specify a string identifier for each field',
1516
1531
  method : 'The method you called is not defined.',
1517
1532
  noRule : 'There is no rule matching the one you specified',
1518
- oldSyntax : 'Starting in 2.0 forms now only take a single settings object. Validation settings converted to new syntax automatically.'
1533
+ oldSyntax : 'Starting in 2.0 forms now only take a single settings object. Validation settings converted to new syntax automatically.',
1534
+ noElement : 'This module requires ui {element}'
1519
1535
  },
1520
1536
 
1521
1537
  templates: {
@@ -468,7 +468,7 @@ $.fn.progress = function(parameters) {
468
468
  width: value + '%'
469
469
  });
470
470
  }
471
- return parseInt(value, 10);
471
+ return parseFloat(value);
472
472
  });
473
473
  values.forEach(function(_, index) {
474
474
  var $bar = $($bars[index]);
@@ -523,15 +523,15 @@ $.fn.progress = function(parameters) {
523
523
  : undefined;
524
524
 
525
525
  // round display percentage
526
- percents = percents.map(function (percent) {
526
+ var roundedPercents = percents.map(function (percent) {
527
527
  return (autoPrecision > 0)
528
528
  ? Math.round(percent * (10 * autoPrecision)) / (10 * autoPrecision)
529
529
  : Math.round(percent)
530
530
  ;
531
531
  });
532
- module.percent = percents;
532
+ module.percent = roundedPercents;
533
533
  if (!hasTotal) {
534
- module.value = percents.map(function (percent) {
534
+ module.value = roundedPercents.map(function (percent) {
535
535
  return (autoPrecision > 0)
536
536
  ? Math.round((percent / 100) * module.total * (10 * autoPrecision)) / (10 * autoPrecision)
537
537
  : Math.round((percent / 100) * module.total * 10) / 10
@@ -23,6 +23,7 @@ $.fn.slider = function(parameters) {
23
23
 
24
24
  var
25
25
  $allModules = $(this),
26
+ $window = $(window),
26
27
 
27
28
  moduleSelector = $allModules.selector || '',
28
29
 
@@ -86,6 +87,7 @@ $.fn.slider = function(parameters) {
86
87
  offset,
87
88
  precision,
88
89
  isTouch,
90
+ gapRatio = 1,
89
91
 
90
92
  module
91
93
  ;
@@ -210,7 +212,11 @@ $.fn.slider = function(parameters) {
210
212
  for(var i = 0, len = module.get.numLabels(); i <= len; i++) {
211
213
  var
212
214
  labelText = module.get.label(i),
213
- $label = (labelText !== "") ? $('<li class="label">' + labelText + '</li>') : null,
215
+ $label = (labelText !== "")
216
+ ? !(i % module.get.gapRatio())
217
+ ? $('<li class="label">' + labelText + '</li>')
218
+ : $('<li class="halftick label"></li>')
219
+ : null,
214
220
  ratio = i / len
215
221
  ;
216
222
  if($label) {
@@ -230,6 +236,9 @@ $.fn.slider = function(parameters) {
230
236
  if(module.is.touch()) {
231
237
  module.bind.touchEvents();
232
238
  }
239
+ if (settings.autoAdjustLabels) {
240
+ module.bind.windowEvents();
241
+ }
233
242
  },
234
243
  keyboardEvents: function() {
235
244
  module.verbose('Binding keyboard events');
@@ -273,6 +282,9 @@ $.fn.slider = function(parameters) {
273
282
  $(document).on('mousemove' + eventNamespace, module.event.move);
274
283
  $(document).on('mouseup' + eventNamespace, module.event.up);
275
284
  }
285
+ },
286
+ windowEvents: function() {
287
+ $window.on('resize' + eventNamespace, module.event.resize);
276
288
  }
277
289
  },
278
290
 
@@ -287,6 +299,7 @@ $.fn.slider = function(parameters) {
287
299
  $module.off('keydown' + eventNamespace);
288
300
  $module.off('focusout' + eventNamespace);
289
301
  $(document).off('keydown' + eventNamespace + documentEventID, module.event.activateFocus);
302
+ $window.off('resize' + eventNamespace);
290
303
  },
291
304
  slidingEvents: function() {
292
305
  if(module.is.touch()) {
@@ -374,6 +387,13 @@ $.fn.slider = function(parameters) {
374
387
  $module.focus();
375
388
  }
376
389
  },
390
+ resize: function(_event) {
391
+ // To avoid a useless performance cost, we only call the label refresh when its necessary
392
+ if (gapRatio != module.get.gapRatio()) {
393
+ module.setup.labels();
394
+ gapRatio = module.get.gapRatio();
395
+ }
396
+ }
377
397
  },
378
398
 
379
399
  resync: function() {
@@ -588,6 +608,29 @@ $.fn.slider = function(parameters) {
588
608
  default:
589
609
  return position;
590
610
  }
611
+ },
612
+ gapRatio: function() {
613
+ var gapRatio = 1;
614
+
615
+ if( settings.autoAdjustLabels ) {
616
+ var
617
+ numLabels = module.get.numLabels(),
618
+ gapCounter = 1
619
+ ;
620
+
621
+ // While the distance between two labels is too short,
622
+ // we divide the number of labels at each iteration
623
+ // and apply only if the modulo of the operation is an odd number.
624
+ while ((module.get.trackLength() / numLabels) * gapCounter < settings.labelDistance) {
625
+ if( !(numLabels % gapCounter) ) {
626
+ gapRatio = gapCounter;
627
+ }
628
+ gapCounter += 1;
629
+ }
630
+ return gapRatio;
631
+ } else {
632
+ return 1;
633
+ }
591
634
  }
592
635
  },
593
636
 
@@ -1169,14 +1212,16 @@ $.fn.slider.settings = {
1169
1212
  secondThumbVal : 'secondThumbVal'
1170
1213
  },
1171
1214
 
1172
- min : 0,
1173
- max : 20,
1174
- step : 1,
1175
- start : 0,
1176
- end : 20,
1177
- labelType : 'number',
1178
- showLabelTicks : false,
1179
- smooth : false,
1215
+ min : 0,
1216
+ max : 20,
1217
+ step : 1,
1218
+ start : 0,
1219
+ end : 20,
1220
+ labelType : 'number',
1221
+ showLabelTicks : false,
1222
+ smooth : false,
1223
+ autoAdjustLabels : true,
1224
+ labelDistance : 100,
1180
1225
 
1181
1226
  //the decimal place to round to if step is undefined
1182
1227
  decimalPlaces : 2,
@@ -100,6 +100,11 @@ $.fn.tab = function(parameters) {
100
100
  initializedHistory = true;
101
101
  }
102
102
 
103
+ if(module.determine.activeTab() == null) {
104
+ module.debug('No active tab detected, setting first tab active', module.get.initialPath());
105
+ module.changeTab(module.get.initialPath());
106
+ };
107
+
103
108
  module.instantiate();
104
109
  },
105
110
 
@@ -679,6 +684,29 @@ $.fn.tab = function(parameters) {
679
684
  }
680
685
  },
681
686
 
687
+ determine: {
688
+ activeTab: function() {
689
+ var activeTab = null;
690
+
691
+ $tabs.each(function(_index, tab) {
692
+ var $tab = $(tab);
693
+
694
+ if( $tab.hasClass(className.active) ) {
695
+ var
696
+ tabPath = $(this).data(metadata.tab),
697
+ $anchor = $allModules.filter('[data-' + metadata.tab + '="' + module.escape.string(tabPath) + '"]')
698
+ ;
699
+
700
+ if( $anchor.hasClass(className.active) ) {
701
+ activeTab = tabPath;
702
+ }
703
+ }
704
+ });
705
+
706
+ return activeTab;
707
+ }
708
+ },
709
+
682
710
  utilities: {
683
711
  filterArray: function(keepArray, removeArray) {
684
712
  return $.grep(keepArray, function(keepValue) {
@@ -146,7 +146,8 @@ a.ui.label {
146
146
  }
147
147
 
148
148
  /* Padding on next content after a label */
149
- .ui.top.attached.label ~ :first-of-type:not(.attached) {
149
+ .ui.top.attached.label ~ .ui.bottom.attached.label + :not(.attached),
150
+ .ui.top.attached.label + :not(.attached) {
150
151
  margin-top: 2rem !important;
151
152
  }
152
153
  .ui.bottom.attached.label ~ :last-child:not(.attached) {
@@ -13,9 +13,7 @@
13
13
  Page
14
14
  *******************************/
15
15
 
16
- @if $import-google-fonts {
17
- @import url($font-url);
18
- }
16
+ @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin&display=swap');
19
17
  html,
20
18
  body {
21
19
  height: 100%;
@@ -162,16 +162,21 @@
162
162
  .ui.dropdown .menu > .header {
163
163
  margin: 1rem 0 0.75rem;
164
164
  padding: 0 1.14285714rem;
165
- color: rgba(0, 0, 0, 0.85);
166
- font-size: 0.78571429em;
167
165
  font-weight: bold;
168
166
  text-transform: uppercase;
169
167
  }
168
+ .ui.dropdown .menu > .header:not(.ui) {
169
+ color: rgba(0, 0, 0, 0.85);
170
+ font-size: 0.78571429em;
171
+ }
170
172
  .ui.dropdown .menu > .divider {
171
173
  border-top: 1px solid rgba(34, 36, 38, 0.1);
172
174
  height: 0;
173
175
  margin: 0.5em 0;
174
176
  }
177
+ .ui.dropdown .menu > .horizontal.divider {
178
+ border-top: none;
179
+ }
175
180
  .ui.dropdown.dropdown .menu > .input {
176
181
  width: auto;
177
182
  display: -webkit-box;
@@ -184,6 +184,9 @@
184
184
  top: 100%;
185
185
  left: 50%;
186
186
  }
187
+ .ui.labeled.ticked.slider > .labels .halftick.label:after {
188
+ height: 0.75em;
189
+ }
187
190
 
188
191
  /* Vertical Labels */
189
192
  .ui.labeled.vertical.slider > .labels {
@@ -205,6 +208,10 @@
205
208
  left: 100%;
206
209
  top: 50%;
207
210
  }
211
+ .ui.labeled.vertical.slider > .labels .halftick.label:after {
212
+ width: 0.75em;
213
+ height: 1px;
214
+ }
208
215
 
209
216
  /* Vertical Reversed Labels */
210
217
  .ui.labeled.vertical.reversed.slider > .labels .label {
@@ -682,6 +689,9 @@
682
689
  .ui.small.labeled.slider:not(.vertical) > .labels .label:after {
683
690
  height: 1em;
684
691
  }
692
+ .ui.small.labeled.slider:not(.vertical) > .labels .halftick.label:after {
693
+ height: 0.5em;
694
+ }
685
695
 
686
696
  /* Small Vertical */
687
697
  .ui.slider.small.vertical .inner {
@@ -696,6 +706,9 @@
696
706
  .ui.small.labeled.vertical.slider > .labels .label:after {
697
707
  width: 1em;
698
708
  }
709
+ .ui.small.labeled.vertical.slider > .labels .halftick.label:after {
710
+ width: 0.5em;
711
+ }
699
712
 
700
713
  /* Large */
701
714
  .ui.slider.large .inner .thumb {
@@ -714,6 +727,9 @@
714
727
  .ui.large.labeled.slider:not(.vertical) > .labels .label:after {
715
728
  height: 2em;
716
729
  }
730
+ .ui.large.labeled.slider:not(.vertical) > .labels .halftick.label:after {
731
+ height: 1em;
732
+ }
717
733
 
718
734
  /* Large Vertical */
719
735
  .ui.slider.large.vertical .inner {
@@ -728,6 +744,9 @@
728
744
  .ui.large.labeled.vertical.slider > .labels .label:after {
729
745
  width: 2em;
730
746
  }
747
+ .ui.large.labeled.vertical.slider > .labels .halftick.label:after {
748
+ width: 1em;
749
+ }
731
750
 
732
751
  /* Big */
733
752
  .ui.slider.big .inner .thumb {
@@ -746,6 +765,9 @@
746
765
  .ui.big.labeled.slider:not(.vertical) > .labels .label:after {
747
766
  height: 2.5em;
748
767
  }
768
+ .ui.big.labeled.slider:not(.vertical) > .labels .halftick.label:after {
769
+ height: 1.25em;
770
+ }
749
771
 
750
772
  /* Big Vertical */
751
773
  .ui.slider.big.vertical .inner {
@@ -760,6 +782,9 @@
760
782
  .ui.big.labeled.vertical.slider > .labels .label:after {
761
783
  width: 2.5em;
762
784
  }
785
+ .ui.big.labeled.vertical.slider > .labels .halftick.label:after {
786
+ width: 1.25em;
787
+ }
763
788
 
764
789
 
765
790
  /*******************************
@@ -1,8 +1,8 @@
1
1
  module Fomantic
2
2
  module Ui
3
3
  module Sass
4
- VERSION = '2.7.7'.freeze
5
- SEMANTIC_UI_SHA = 'bf210266c5e5545efebc958b5590e89acdb35fbb'.freeze
4
+ VERSION = '2.7.8'.freeze
5
+ SEMANTIC_UI_SHA = '30351f281c7978134c58bbd9e167a119d1fdbb40'.freeze
6
6
  end
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fomantic-ui-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.7.7
4
+ version: 2.7.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - doabit