less-rails-semantic_ui 1.10.4.0 → 1.11.1.0

Sign up to get free protection for your applications and to get access to all the features.
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