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.
- 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
|