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.
- checksums.yaml +4 -4
- data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +84 -70
- data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +40 -2
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +34 -20
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +18 -14
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +70 -33
- data/assets/javascripts/semantic_ui/definitions/modules/search.js +27 -15
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +2 -5
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +64 -48
- data/assets/javascripts/semantic_ui/definitions/modules/transition.js +57 -24
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +16 -2
- data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +9 -10
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +6 -5
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +4 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +2 -8
- data/assets/stylesheets/semantic_ui/definitions/elements/image.less +9 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/list.less +2 -2
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +10 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +12 -4
- data/assets/stylesheets/semantic_ui/definitions/views/item.less +1 -2
- data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.overrides +156 -156
- data/assets/stylesheets/semantic_ui/themes/basic/elements/icon.variables +7 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +5 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +0 -12
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +10 -1
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +3 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +4 -1
- data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +50 -50
- data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +3 -3
- data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +3 -0
- data/lib/generators/semantic_ui/install/templates/theme.config +0 -12
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- data/tasks/update.rake +4 -0
- 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
|
-
@
|
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:
|
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
|
660
|
+
.transition.swing {
|
661
|
+
animation-duration: 800ms;
|
662
|
+
}
|
663
|
+
|
657
664
|
.transition[class*="swing down"].in {
|
658
|
-
animation-name:
|
665
|
+
animation-name: swingInX;
|
659
666
|
transform-origin: top center;
|
660
667
|
}
|
661
668
|
.transition[class*="swing up"].in {
|
662
|
-
animation-name:
|
669
|
+
animation-name: swingInX;
|
663
670
|
transform-origin: bottom center;
|
664
671
|
}
|
665
672
|
.transition[class*="swing left"].in {
|
666
|
-
animation-name:
|
673
|
+
animation-name: swingInY;
|
667
674
|
transform-origin: center right;
|
668
675
|
}
|
669
676
|
.transition[class*="swing right"].in {
|
670
|
-
animation-name:
|
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:
|
683
|
+
animation-name: swingOutX;
|
677
684
|
transform-origin: top center;
|
678
685
|
}
|
679
686
|
.transition[class*="swing up"].out {
|
680
|
-
animation-name:
|
687
|
+
animation-name: swingOutX;
|
681
688
|
transform-origin: bottom center;
|
682
689
|
}
|
683
690
|
.transition[class*="swing left"].out {
|
684
|
-
animation-name:
|
691
|
+
animation-name: swingOutY;
|
685
692
|
transform-origin: center right;
|
686
693
|
}
|
687
694
|
.transition[class*="swing right"].out {
|
688
|
-
animation-name:
|
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(-
|
706
|
+
transform: perspective(1000px) rotateX(-30deg);
|
707
|
+
opacity: 1;
|
700
708
|
}
|
701
709
|
60% {
|
702
|
-
transform: perspective(1000px) rotateX(
|
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(
|
725
|
+
transform: perspective(1000px) rotateY(30deg);
|
726
|
+
opacity: 1;
|
719
727
|
}
|
720
728
|
60% {
|
721
|
-
transform: perspective(1000px) rotateY(-
|
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
|
740
|
+
@keyframes swingOutX {
|
734
741
|
0% {
|
735
742
|
transform: perspective(1000px) rotateX(0deg);
|
736
743
|
}
|
737
|
-
|
738
|
-
transform: perspective(1000px) rotateX(-
|
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
|
-
|
747
|
-
0% {
|
748
|
-
transform: perspective(1000px) rotateX(0deg);
|
747
|
+
60% {
|
748
|
+
transform: perspective(1000px) rotateX(17.5deg);
|
749
749
|
}
|
750
|
-
|
751
|
-
transform: perspective(1000px) rotateX(
|
752
|
-
opacity:1;
|
750
|
+
80% {
|
751
|
+
transform: perspective(1000px) rotateX(-30deg);
|
752
|
+
opacity: 1;
|
753
753
|
}
|
754
754
|
100% {
|
755
|
-
transform: perspective(1000px) rotateX(
|
755
|
+
transform: perspective(1000px) rotateX(90deg);
|
756
756
|
opacity: 0;
|
757
757
|
}
|
758
758
|
}
|
759
|
-
@keyframes
|
759
|
+
@keyframes swingOutY {
|
760
760
|
0% {
|
761
761
|
transform: perspective(1000px) rotateY(0deg);
|
762
762
|
}
|
763
|
-
|
764
|
-
transform: perspective(1000px) rotateY(
|
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
|
-
|
773
|
-
0% {
|
774
|
-
transform: perspective(1000px) rotateY(0deg);
|
766
|
+
60% {
|
767
|
+
transform: perspective(1000px) rotateY(-10deg);
|
775
768
|
}
|
776
|
-
|
777
|
-
transform: perspective(1000px) rotateY(
|
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: #
|
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
|
-
@
|
109
|
-
@contentImageWidth: 2em;
|
109
|
+
@contentImageWidth: '';
|
110
110
|
@contentImageVerticalAlign: middle;
|
111
111
|
|
112
112
|
/* Avatar Image */
|
@@ -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
|
*******************************/
|
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.
|
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-
|
11
|
+
date: 2015-03-05 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: less-rails
|