less-rails-semantic_ui 1.10.4.0 → 1.11.1.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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +84 -70
  3. data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +40 -2
  4. data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +34 -20
  5. data/assets/javascripts/semantic_ui/definitions/modules/modal.js +18 -14
  6. data/assets/javascripts/semantic_ui/definitions/modules/popup.js +70 -33
  7. data/assets/javascripts/semantic_ui/definitions/modules/search.js +27 -15
  8. data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +2 -5
  9. data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +64 -48
  10. data/assets/javascripts/semantic_ui/definitions/modules/transition.js +57 -24
  11. data/assets/stylesheets/semantic_ui/definitions/collections/form.less +16 -2
  12. data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +9 -10
  13. data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +6 -5
  14. data/assets/stylesheets/semantic_ui/definitions/collections/table.less +4 -2
  15. data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1 -0
  16. data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +2 -8
  17. data/assets/stylesheets/semantic_ui/definitions/elements/image.less +9 -0
  18. data/assets/stylesheets/semantic_ui/definitions/elements/list.less +2 -2
  19. data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +10 -1
  20. data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +12 -4
  21. data/assets/stylesheets/semantic_ui/definitions/views/item.less +1 -2
  22. data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.overrides +156 -156
  23. data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.variables +7 -0
  24. data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +5 -0
  25. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +0 -12
  26. data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +10 -1
  27. data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +3 -0
  28. data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +4 -1
  29. data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +50 -50
  30. data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +3 -3
  31. data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +3 -0
  32. data/lib/generators/semantic_ui/install/templates/theme.config +0 -12
  33. data/lib/less/rails/semantic_ui/version.rb +1 -1
  34. data/tasks/update.rake +4 -0
  35. metadata +2 -2
@@ -3,3 +3,10 @@
3
3
  --------------------*/
4
4
 
5
5
  @fontPath : "semantic_ui/themes/basic/assets/fonts";
6
+
7
+ @src:
8
+ asset-url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
9
+ asset-url("@{fontPath}/@{fontName}.woff") format('woff'),
10
+ asset-url("@{fontPath}/@{fontName}.ttf") format('truetype'),
11
+ asset-url("@{fontPath}/@{fontName}.svg#icons") format('svg')
12
+ ;
@@ -143,6 +143,7 @@
143
143
 
144
144
  @arrowVerticalHoverColor: @arrowHoverColor;
145
145
  @arrowVerticalActiveColor: @arrowActiveColor;
146
+ @arrowVerticalSubMenuColor: @white;
146
147
 
147
148
  /*--------------
148
149
  States
@@ -234,6 +235,10 @@
234
235
 
235
236
  @tieredInvertedSubMenuBackground: rgba(0, 0, 0, 0.2);
236
237
 
238
+ /* Icon */
239
+ @iconMenuTextAlign: center;
240
+ @iconMenuItemColor: rgba(0, 0, 0, 0.6);
241
+
237
242
  /* Tabular */
238
243
  @tabularBorderColor: @solidBorderColor;
239
244
  @tabularBackgroundColor: #FFFFFF;
@@ -1,14 +1,3 @@
1
- /*!
2
- * # Semantic UI - Icon
3
- * http://github.com/semantic-org/semantic-ui/
4
- *
5
- *
6
- * Copyright 2014 Contributors
7
- * Released under the MIT license
8
- * http://opensource.org/licenses/MIT
9
- *
10
- */
11
-
12
1
  /*
13
2
  * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
14
3
  * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
@@ -624,7 +613,6 @@ i.icon.shutdown:before { content: "\f011"; }
624
613
  i.icon.clock:before { content: "\f017"; }
625
614
  i.icon.time:before { content: "\f017"; }
626
615
  i.icon.play.circle.outline:before { content: "\f01d"; }
627
- i.icon.clockwise:before { content: "\f01e"; }
628
616
  i.icon.headphone:before { content: "\f025"; }
629
617
  i.icon.volume.off:before { content: "\f026"; }
630
618
  i.icon.camera:before { content: "\f030"; }
@@ -31,4 +31,13 @@
31
31
  @large: 1.5em;
32
32
  @big: 2em;
33
33
  @huge: 4em;
34
- @massive: 8em;
34
+ @massive: 8em;
35
+
36
+ @fallbackSRC: asset-url("@{fontPath}/@{fontName}.eot");
37
+ @src:
38
+ asset-url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
39
+ asset-url("@{fontPath}/@{fontName}.woff2") format('woff'),
40
+ asset-url("@{fontPath}/@{fontName}.woff") format('woff'),
41
+ asset-url("@{fontPath}/@{fontName}.ttf") format('truetype'),
42
+ asset-url("@{fontPath}/@{fontName}.svg#icons") format('svg')
43
+ ;
@@ -374,6 +374,9 @@
374
374
  Derived Values
375
375
  --------------------*/
376
376
 
377
+ /* Rendered Scrollbar Width */
378
+ @scrollBarWidth: 15px;
379
+
377
380
  /* Header Spacing */
378
381
  @headerLineHeightOffset : (@lineHeight - 1em) / 2;
379
382
  @headerTopMargin : ~"calc(2rem - "@lineHeightOffset~")";
@@ -120,7 +120,10 @@
120
120
  @selectionZIndex: 10;
121
121
 
122
122
  /* <select> */
123
- @selectPreInitHeight: 38px;
123
+ @selectBorder: 1px solid @borderColor;
124
+ @selectPadding: 0.5em;
125
+ @selectVisibility: visible;
126
+ @selectHeight: 38px;
124
127
 
125
128
  @selectionTextIconDistance: 2em;
126
129
  @selectionTextColor: @textColor;
@@ -14,6 +14,9 @@
14
14
  Browse
15
15
  ---------------*/
16
16
 
17
+ .transition.browse {
18
+ animation-duration: 500ms;
19
+ }
17
20
  .transition.browse.in {
18
21
  animation-name: browseIn;
19
22
  }
@@ -92,7 +95,7 @@
92
95
 
93
96
  .drop.transition {
94
97
  transform-origin: top center;
95
- animation-duration: 0.5s;
98
+ animation-duration: 500ms;
96
99
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
97
100
  }
98
101
  .drop.transition.in {
@@ -266,6 +269,7 @@
266
269
 
267
270
  .flip.transition.in,
268
271
  .flip.transition.out {
272
+ animation-duration: 600ms;
269
273
  perspective: 2000px;
270
274
  }
271
275
  .horizontal.flip.transition.in {
@@ -653,39 +657,42 @@
653
657
  Swing
654
658
  ---------------*/
655
659
 
656
- .transition.swing.in,
660
+ .transition.swing {
661
+ animation-duration: 800ms;
662
+ }
663
+
657
664
  .transition[class*="swing down"].in {
658
- animation-name: swingInY;
665
+ animation-name: swingInX;
659
666
  transform-origin: top center;
660
667
  }
661
668
  .transition[class*="swing up"].in {
662
- animation-name: swingInY;
669
+ animation-name: swingInX;
663
670
  transform-origin: bottom center;
664
671
  }
665
672
  .transition[class*="swing left"].in {
666
- animation-name: swingInX;
673
+ animation-name: swingInY;
667
674
  transform-origin: center right;
668
675
  }
669
676
  .transition[class*="swing right"].in {
670
- animation-name: swingInX;
677
+ animation-name: swingInY;
671
678
  transform-origin: center left;
672
679
  }
673
680
 
674
681
  .transition.swing.out,
675
682
  .transition[class*="swing down"].out {
676
- animation-name: swingOutY;
683
+ animation-name: swingOutX;
677
684
  transform-origin: top center;
678
685
  }
679
686
  .transition[class*="swing up"].out {
680
- animation-name: swingOutY;
687
+ animation-name: swingOutX;
681
688
  transform-origin: bottom center;
682
689
  }
683
690
  .transition[class*="swing left"].out {
684
- animation-name: swingOutX;
691
+ animation-name: swingOutY;
685
692
  transform-origin: center right;
686
693
  }
687
694
  .transition[class*="swing right"].out {
688
- animation-name: swingOutX;
695
+ animation-name: swingOutY;
689
696
  transform-origin: center left;
690
697
  }
691
698
 
@@ -696,14 +703,14 @@
696
703
  opacity: 0;
697
704
  }
698
705
  40% {
699
- transform: perspective(1000px) rotateX(-20deg);
706
+ transform: perspective(1000px) rotateX(-30deg);
707
+ opacity: 1;
700
708
  }
701
709
  60% {
702
- transform: perspective(1000px) rotateX(10deg);
710
+ transform: perspective(1000px) rotateX(15deg);
703
711
  }
704
712
  80% {
705
- transform: perspective(1000px) rotateX(-5deg);
706
- opacity: 1;
713
+ transform: perspective(1000px) rotateX(-7.5deg);
707
714
  }
708
715
  100% {
709
716
  transform: perspective(1000px) rotateX(0deg);
@@ -715,14 +722,14 @@
715
722
  opacity: 0;
716
723
  }
717
724
  40% {
718
- transform: perspective(1000px) rotateY(20deg);
725
+ transform: perspective(1000px) rotateY(30deg);
726
+ opacity: 1;
719
727
  }
720
728
  60% {
721
- transform: perspective(1000px) rotateY(-10deg);
729
+ transform: perspective(1000px) rotateY(-17.5deg);
722
730
  }
723
731
  80% {
724
- transform: perspective(1000px) rotateY(5deg);
725
- opacity: 1;
732
+ transform: perspective(1000px) rotateY(7.5deg);
726
733
  }
727
734
  100% {
728
735
  transform: perspective(1000px) rotateY(0deg);
@@ -730,59 +737,46 @@
730
737
  }
731
738
 
732
739
  /* Out */
733
- @keyframes swingOutUp {
740
+ @keyframes swingOutX {
734
741
  0% {
735
742
  transform: perspective(1000px) rotateX(0deg);
736
743
  }
737
- 30% {
738
- transform: perspective(1000px) rotateX(-20deg);
739
- opacity:1;
740
- }
741
- 100% {
742
- transform: perspective(1000px) rotateX(90deg);
743
- opacity: 0;
744
+ 40% {
745
+ transform: perspective(1000px) rotateX(-7.5deg);
744
746
  }
745
- }
746
- @keyframes swingOutDown {
747
- 0% {
748
- transform: perspective(1000px) rotateX(0deg);
747
+ 60% {
748
+ transform: perspective(1000px) rotateX(17.5deg);
749
749
  }
750
- 30% {
751
- transform: perspective(1000px) rotateX(20deg);
752
- opacity:1;
750
+ 80% {
751
+ transform: perspective(1000px) rotateX(-30deg);
752
+ opacity: 1;
753
753
  }
754
754
  100% {
755
- transform: perspective(1000px) rotateX(-90deg);
755
+ transform: perspective(1000px) rotateX(90deg);
756
756
  opacity: 0;
757
757
  }
758
758
  }
759
- @keyframes swingOutLeft {
759
+ @keyframes swingOutY {
760
760
  0% {
761
761
  transform: perspective(1000px) rotateY(0deg);
762
762
  }
763
- 30% {
764
- transform: perspective(1000px) rotateY(20deg);
765
- opacity:1;
766
- }
767
- 100% {
768
- transform: perspective(1000px) rotateY(-90deg);
769
- opacity: 0;
763
+ 40% {
764
+ transform: perspective(1000px) rotateY(7.5deg);
770
765
  }
771
- }
772
- @keyframes swingOutRight {
773
- 0% {
774
- transform: perspective(1000px) rotateY(0deg);
766
+ 60% {
767
+ transform: perspective(1000px) rotateY(-10deg);
775
768
  }
776
- 30% {
777
- transform: perspective(1000px) rotateY(-20deg);
778
- opacity:1;
769
+ 80% {
770
+ transform: perspective(1000px) rotateY(30deg);
771
+ opacity: 1;
779
772
  }
780
773
  100% {
781
- transform: perspective(1000px) rotateY(90deg);
774
+ transform: perspective(1000px) rotateY(-90deg);
782
775
  opacity: 0;
783
776
  }
784
777
  }
785
778
 
779
+
786
780
  /*******************************
787
781
  Static Animations
788
782
  *******************************/
@@ -792,21 +786,27 @@
792
786
  ---------------*/
793
787
 
794
788
  .flash.transition {
789
+ animation-duration: 750ms;
795
790
  animation-name: flash;
796
791
  }
797
792
  .shake.transition {
793
+ animation-duration: 750ms;
798
794
  animation-name: shake;
799
795
  }
800
796
  .bounce.transition {
797
+ animation-duration: 750ms;
801
798
  animation-name: bounce;
802
799
  }
803
800
  .tada.transition {
801
+ animation-duration: 750ms;
804
802
  animation-name: tada;
805
803
  }
806
804
  .pulse.transition {
805
+ animation-duration: 500ms;
807
806
  animation-name: pulse;
808
807
  }
809
808
  .jiggle.transition {
809
+ animation-duration: 750ms;
810
810
  animation-name: jiggle;
811
811
  }
812
812
 
@@ -55,6 +55,7 @@
55
55
  @contentDisplay: table-cell;
56
56
  @contentVerticalAlign: top;
57
57
 
58
+ @contentWidth: 100%;
58
59
  @contentOffset: 0em;
59
60
  @contentBackground: none;
60
61
  @contentMargin: 0em;
@@ -83,7 +84,7 @@
83
84
 
84
85
  /* Actions */
85
86
  @favoriteColor: #FFB70A;
86
- @favoriteActiveColor: #FFB70A;
87
+ @favoriteActiveColor: #FFE623;
87
88
  @likeColor: #FF2733;
88
89
  @likeActiveColor: #FF2733;
89
90
 
@@ -105,8 +106,7 @@
105
106
  @descriptionColor: @textColor;
106
107
 
107
108
  /* Content Image */
108
- @contentWidth: 100%;
109
- @contentImageWidth: 2em;
109
+ @contentImageWidth: '';
110
110
  @contentImageVerticalAlign: middle;
111
111
 
112
112
  /* Avatar Image */
@@ -3,6 +3,9 @@
3
3
  .ui.button {
4
4
  min-width: 72px;
5
5
  }
6
+ .ui.buttons .button {
7
+ min-width: 0px;
8
+ }
6
9
 
7
10
  .ui.primary.button:hover {
8
11
  box-shadow:
@@ -72,18 +72,6 @@
72
72
  /* Path to site override folder */
73
73
  @siteFolder : 'semantic_ui/config/';
74
74
 
75
-
76
- /*******************************
77
- Folders
78
- *******************************/
79
-
80
- /* Path to theme packages */
81
- @themesFolder : 'semantic_ui/themes/';
82
-
83
- /* Path to site override folder */
84
- @siteFolder : 'semantic_ui/config/';
85
-
86
-
87
75
  /*******************************
88
76
  Import Theme
89
77
  *******************************/
@@ -1,7 +1,7 @@
1
1
  module Less
2
2
  module Rails
3
3
  module SemanticUI
4
- VERSION = '1.10.4.0'
4
+ VERSION = '1.11.1.0'
5
5
  end
6
6
  end
7
7
  end
data/tasks/update.rake CHANGED
@@ -140,6 +140,10 @@ namespace :update do
140
140
  patch(File.join(paths.stylesheets, 'definitions', '**/*.less')) do |content|
141
141
  content.gsub(%r{(url\()}, %q{asset-\1})
142
142
  end
143
+
144
+ patch(File.join(paths.stylesheets, 'themes', '**/*.variables')) do |content|
145
+ content.gsub(%r{(url\()}, %q{asset-\1})
146
+ end
143
147
  end
144
148
 
145
149
  def generate_semantic_ui_js
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: less-rails-semantic_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.10.4.0
4
+ version: 1.11.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Maxim Dobryakov
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-03-01 00:00:00.000000000 Z
11
+ date: 2015-03-05 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: less-rails