less-rails-semantic_ui 1.12.3.0 → 2.0.0.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/api.js +394 -188
- data/assets/javascripts/semantic_ui/definitions/behaviors/colorize.js +4 -2
- data/assets/javascripts/semantic_ui/definitions/behaviors/form.js +263 -125
- data/assets/javascripts/semantic_ui/definitions/behaviors/state.js +3 -3
- data/assets/javascripts/semantic_ui/definitions/behaviors/visibility.js +213 -96
- data/assets/javascripts/semantic_ui/definitions/behaviors/visit.js +6 -4
- data/assets/javascripts/semantic_ui/definitions/globals/site.js +4 -4
- data/assets/javascripts/semantic_ui/definitions/modules/accordion.js +66 -52
- data/assets/javascripts/semantic_ui/definitions/modules/checkbox.js +309 -112
- data/assets/javascripts/semantic_ui/definitions/modules/dimmer.js +24 -26
- data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js +2005 -590
- data/assets/javascripts/semantic_ui/definitions/modules/embed.js +662 -0
- data/assets/javascripts/semantic_ui/definitions/modules/modal.js +106 -79
- data/assets/javascripts/semantic_ui/definitions/modules/nag.js +7 -8
- data/assets/javascripts/semantic_ui/definitions/modules/popup.js +323 -194
- data/assets/javascripts/semantic_ui/definitions/modules/progress.js +111 -103
- data/assets/javascripts/semantic_ui/definitions/modules/rating.js +78 -54
- data/assets/javascripts/semantic_ui/definitions/modules/search.js +304 -122
- data/assets/javascripts/semantic_ui/definitions/modules/shape.js +93 -47
- data/assets/javascripts/semantic_ui/definitions/modules/sidebar.js +83 -149
- data/assets/javascripts/semantic_ui/definitions/modules/sticky.js +99 -29
- data/assets/javascripts/semantic_ui/definitions/modules/tab.js +219 -124
- data/assets/javascripts/semantic_ui/definitions/modules/transition.js +202 -171
- data/assets/stylesheets/semantic_ui/definitions/collections/breadcrumb.less +2 -1
- data/assets/stylesheets/semantic_ui/definitions/collections/form.less +135 -58
- data/assets/stylesheets/semantic_ui/definitions/collections/grid.less +366 -383
- data/assets/stylesheets/semantic_ui/definitions/collections/menu.less +838 -631
- data/assets/stylesheets/semantic_ui/definitions/collections/message.less +89 -71
- data/assets/stylesheets/semantic_ui/definitions/collections/table.less +183 -131
- data/assets/stylesheets/semantic_ui/definitions/elements/button.less +1097 -300
- data/assets/stylesheets/semantic_ui/definitions/elements/container.less +135 -0
- data/assets/stylesheets/semantic_ui/definitions/elements/divider.less +31 -30
- data/assets/stylesheets/semantic_ui/definitions/elements/flag.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/elements/header.less +209 -121
- data/assets/stylesheets/semantic_ui/definitions/elements/icon.less +201 -96
- data/assets/stylesheets/semantic_ui/definitions/elements/image.less +26 -11
- data/assets/stylesheets/semantic_ui/definitions/elements/input.less +49 -14
- data/assets/stylesheets/semantic_ui/definitions/elements/label.less +391 -221
- data/assets/stylesheets/semantic_ui/definitions/elements/list.less +107 -68
- data/assets/stylesheets/semantic_ui/definitions/elements/loader.less +3 -1
- data/assets/stylesheets/semantic_ui/definitions/elements/rail.less +34 -25
- data/assets/stylesheets/semantic_ui/definitions/elements/reveal.less +25 -10
- data/assets/stylesheets/semantic_ui/definitions/elements/segment.less +261 -173
- data/assets/stylesheets/semantic_ui/definitions/elements/step.less +169 -70
- data/assets/stylesheets/semantic_ui/definitions/globals/reset.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/globals/site.less +3 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less +1 -2
- data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less +175 -103
- data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less +26 -15
- data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less +349 -80
- data/assets/stylesheets/semantic_ui/definitions/modules/embed.less +174 -0
- data/assets/stylesheets/semantic_ui/definitions/modules/modal.less +83 -36
- data/assets/stylesheets/semantic_ui/definitions/modules/nag.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/popup.less +48 -7
- data/assets/stylesheets/semantic_ui/definitions/modules/progress.less +160 -107
- data/assets/stylesheets/semantic_ui/definitions/modules/rating.less +57 -54
- data/assets/stylesheets/semantic_ui/definitions/modules/search.less +55 -10
- data/assets/stylesheets/semantic_ui/definitions/modules/shape.less +5 -6
- data/assets/stylesheets/semantic_ui/definitions/modules/sidebar.less +9 -5
- data/assets/stylesheets/semantic_ui/definitions/modules/sticky.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/tab.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/modules/transition.less +3 -4
- data/assets/stylesheets/semantic_ui/definitions/views/card.less +240 -130
- data/assets/stylesheets/semantic_ui/definitions/views/comment.less +1 -1
- data/assets/stylesheets/semantic_ui/definitions/views/feed.less +15 -8
- data/assets/stylesheets/semantic_ui/definitions/views/item.less +13 -13
- data/assets/stylesheets/semantic_ui/definitions/views/statistic.less +230 -86
- data/assets/stylesheets/semantic_ui/theme.less +22 -15
- data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.overrides +5 -5
- data/assets/stylesheets/semantic_ui/themes/amazon/elements/button.variables +5 -4
- data/assets/stylesheets/semantic_ui/themes/basic/collections/table.variables +1 -0
- data/assets/stylesheets/semantic_ui/themes/basic/views/card.variables +6 -4
- data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.variables +4 -4
- data/assets/stylesheets/semantic_ui/themes/bootstrap3/elements/button.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/chubby/collections/form.overrides +8 -0
- data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/chubby/collections/menu.variables +40 -0
- data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.variables +1 -0
- data/assets/stylesheets/semantic_ui/themes/classic/views/card.overrides +1 -1
- data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables +17 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables +5 -15
- data/assets/stylesheets/semantic_ui/themes/default/collections/form.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables +31 -35
- data/assets/stylesheets/semantic_ui/themes/default/collections/grid.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/grid.variables +34 -28
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables +259 -163
- data/assets/stylesheets/semantic_ui/themes/default/collections/message.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables +42 -19
- data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides +0 -3
- data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables +63 -59
- data/assets/stylesheets/semantic_ui/themes/default/elements/button.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables +90 -50
- data/assets/stylesheets/semantic_ui/themes/default/elements/container.overrides +3 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/container.variables +45 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/divider.overrides +15 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables +3 -4
- data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/header.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables +40 -36
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides +4 -3
- data/assets/stylesheets/semantic_ui/themes/default/elements/icon.variables +29 -12
- data/assets/stylesheets/semantic_ui/themes/default/elements/image.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/image.variables +5 -3
- data/assets/stylesheets/semantic_ui/themes/default/elements/input.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables +10 -24
- data/assets/stylesheets/semantic_ui/themes/default/elements/label.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/label.variables +88 -35
- data/assets/stylesheets/semantic_ui/themes/default/elements/list.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/list.variables +53 -34
- data/assets/stylesheets/semantic_ui/themes/default/elements/loader.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/loader.variables +9 -10
- data/assets/stylesheets/semantic_ui/themes/default/elements/rail.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/rail.variables +13 -5
- data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/reveal.variables +6 -4
- data/assets/stylesheets/semantic_ui/themes/default/elements/segment.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/segment.variables +66 -28
- data/assets/stylesheets/semantic_ui/themes/default/elements/step.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables +60 -31
- data/assets/stylesheets/semantic_ui/themes/default/globals/reset.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables +477 -303
- data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/accordion.variables +6 -7
- data/assets/stylesheets/semantic_ui/themes/default/modules/chatroom.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.overrides +19 -16
- data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables +71 -43
- data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/dimmer.variables +12 -9
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.overrides +0 -5
- data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables +146 -64
- data/assets/stylesheets/semantic_ui/themes/default/modules/{video.overrides → embed.overrides} +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/embed.variables +53 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/modal.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables +24 -18
- data/assets/stylesheets/semantic_ui/themes/default/modules/nag.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/popup.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables +3 -9
- data/assets/stylesheets/semantic_ui/themes/default/modules/progress.variables +13 -7
- data/assets/stylesheets/semantic_ui/themes/default/modules/rating.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables +71 -33
- data/assets/stylesheets/semantic_ui/themes/default/modules/search.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables +36 -34
- data/assets/stylesheets/semantic_ui/themes/default/modules/shape.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/shape.variables +7 -2
- data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.variables +2 -5
- data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables +2 -7
- data/assets/stylesheets/semantic_ui/themes/default/modules/tab.variables +1 -3
- data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides +8 -9
- data/assets/stylesheets/semantic_ui/themes/default/views/ad.variables +2 -2
- data/assets/stylesheets/semantic_ui/themes/default/views/card.variables +33 -23
- data/assets/stylesheets/semantic_ui/themes/default/views/comment.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/feed.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/feed.variables +15 -23
- data/assets/stylesheets/semantic_ui/themes/default/views/item.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/item.variables +12 -11
- data/assets/stylesheets/semantic_ui/themes/default/views/statistic.overrides +0 -0
- data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables +25 -24
- data/assets/stylesheets/semantic_ui/themes/flat/collections/form.overrides +4 -0
- data/assets/stylesheets/semantic_ui/themes/flat/collections/form.variables +1 -2
- data/assets/stylesheets/semantic_ui/themes/flat/globals/site.variables +1 -0
- data/assets/stylesheets/semantic_ui/themes/github/collections/form.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/github/collections/menu.variables +10 -15
- data/assets/stylesheets/semantic_ui/themes/github/elements/button.variables +2 -2
- data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables +2 -2
- data/assets/stylesheets/semantic_ui/themes/instagram/views/card.overrides +12 -0
- data/assets/stylesheets/semantic_ui/themes/instagram/views/card.variables +23 -0
- data/assets/stylesheets/semantic_ui/themes/material/collections/menu.overrides +1 -0
- data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables +10 -0
- data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides +1 -0
- data/assets/stylesheets/semantic_ui/themes/material/elements/button.variables +14 -6
- data/assets/stylesheets/semantic_ui/themes/material/globals/site.variables +3 -2
- data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.overrides +5 -0
- data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.variables +20 -0
- data/assets/stylesheets/semantic_ui/themes/raised/elements/button.variables +5 -5
- data/assets/stylesheets/semantic_ui/themes/round/elements/button.variables +1 -1
- data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.overrides +4 -12
- data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.variables +3 -7
- data/lib/generators/semantic_ui/install/templates/config/elements/container.overrides +3 -0
- data/lib/generators/semantic_ui/install/templates/config/elements/container.variables +3 -0
- data/lib/generators/semantic_ui/install/templates/config/modules/embed.overrides +3 -0
- data/lib/generators/semantic_ui/install/templates/config/modules/embed.variables +0 -0
- data/lib/generators/semantic_ui/install/templates/semantic_ui.css +2 -1
- data/lib/generators/semantic_ui/install/templates/semantic_ui.js +1 -1
- data/lib/generators/semantic_ui/install/templates/theme.config +5 -3
- data/lib/less/rails/semantic_ui/version.rb +1 -1
- data/tasks/update.rake +21 -6
- metadata +23 -7
- data/assets/fonts/semantic_ui/themes/default/assets/fonts/icons.otf +0 -0
- data/assets/javascripts/semantic_ui/definitions/modules/video.js +0 -540
- data/assets/stylesheets/semantic_ui/definitions/modules/video.less +0 -135
- data/assets/stylesheets/semantic_ui/themes/default/modules/video.variables +0 -16
@@ -13,7 +13,7 @@
|
|
13
13
|
* http://github.com/semantic-org/semantic-ui/
|
14
14
|
*
|
15
15
|
*
|
16
|
-
* Copyright
|
16
|
+
* Copyright 2015 Contributors
|
17
17
|
* Released under the MIT license
|
18
18
|
* http://opensource.org/licenses/MIT
|
19
19
|
*
|
@@ -33,25 +33,77 @@
|
|
33
33
|
|
34
34
|
@import (multiple) 'semantic_ui/theme.config';
|
35
35
|
|
36
|
+
/*******************************
|
37
|
+
Plural
|
38
|
+
*******************************/
|
39
|
+
|
40
|
+
.ui.steps {
|
41
|
+
display: inline-flex;
|
42
|
+
flex-direction: row;
|
43
|
+
align-items: stretch;
|
44
|
+
margin: @stepMargin;
|
45
|
+
background: @stepsBackground;
|
46
|
+
box-shadow: @stepsBoxShadow;
|
47
|
+
line-height: @lineHeight;
|
48
|
+
border-radius: @stepsBorderRadius;
|
49
|
+
border: @stepsBorder;
|
50
|
+
}
|
51
|
+
|
52
|
+
.ui.steps:first-child {
|
53
|
+
margin-top: 0em;
|
54
|
+
}
|
55
|
+
.ui.steps:last-child {
|
56
|
+
margin-bottom: 0em;
|
57
|
+
}
|
58
|
+
|
59
|
+
.ui.steps .step:first-child {
|
60
|
+
padding-left: @horizontalPadding;
|
61
|
+
border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
|
62
|
+
}
|
63
|
+
.ui.steps .step:last-child {
|
64
|
+
border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
|
65
|
+
}
|
66
|
+
.ui.steps .step:only-child {
|
67
|
+
-webkit-border-radius: @stepsBorderRadius;
|
68
|
+
-moz-border-radius: @stepsBorderRadius;
|
69
|
+
border-radius: @stepsBorderRadius;
|
70
|
+
}
|
71
|
+
|
72
|
+
.ui.steps .step:last-child {
|
73
|
+
border-right: none;
|
74
|
+
margin-right: 0em;
|
75
|
+
}
|
76
|
+
.ui.steps .step:last-child:after {
|
77
|
+
display: @lastArrowDisplay;
|
78
|
+
}
|
79
|
+
|
36
80
|
/*******************************
|
37
81
|
Singular
|
38
82
|
*******************************/
|
39
83
|
|
40
84
|
.ui.steps .step {
|
41
85
|
position: relative;
|
42
|
-
display:
|
86
|
+
display: flex;
|
87
|
+
flex: 1 0 auto;
|
88
|
+
flex-wrap: wrap;
|
89
|
+
flex-direction: row;
|
43
90
|
vertical-align: middle;
|
91
|
+
align-items: center;
|
92
|
+
justify-content: @justifyContent;
|
44
93
|
|
45
94
|
margin: @verticalMargin @horizontalMargin;
|
46
|
-
padding: @verticalPadding @horizontalPadding
|
95
|
+
padding: @verticalPadding @horizontalPadding;
|
47
96
|
background: @background;
|
48
97
|
color: @textColor;
|
49
98
|
box-shadow: @boxShadow;
|
50
99
|
border-radius: @borderRadius;
|
100
|
+
border: @border;
|
101
|
+
border-right: @divider;
|
51
102
|
}
|
52
103
|
|
53
104
|
|
54
105
|
.ui.steps .step:after {
|
106
|
+
display: none;
|
55
107
|
position: absolute;
|
56
108
|
z-index: 2;
|
57
109
|
content: '';
|
@@ -61,8 +113,11 @@
|
|
61
113
|
background-color: @arrowBackgroundColor;
|
62
114
|
width: @arrowSize;
|
63
115
|
height: @arrowSize;
|
64
|
-
|
65
|
-
border-
|
116
|
+
|
117
|
+
border-style: solid;
|
118
|
+
border-color: @borderColor;
|
119
|
+
border-width: @arrowBorderWidth;
|
120
|
+
|
66
121
|
transform: translateY(-50%) translateX(50%) rotate(-45deg);
|
67
122
|
}
|
68
123
|
|
@@ -71,42 +126,6 @@
|
|
71
126
|
transition: @transition;
|
72
127
|
}
|
73
128
|
|
74
|
-
/*******************************
|
75
|
-
Plural
|
76
|
-
*******************************/
|
77
|
-
|
78
|
-
.ui.steps {
|
79
|
-
display: table;
|
80
|
-
table-layout: fixed;
|
81
|
-
background: @stepsBackground;
|
82
|
-
box-shadow: @stepsBoxShadow;
|
83
|
-
|
84
|
-
line-height: @lineHeight;
|
85
|
-
box-sizing: border-box;
|
86
|
-
border-radius: @stepsBorderRadius;
|
87
|
-
}
|
88
|
-
|
89
|
-
.ui.steps .step:first-child {
|
90
|
-
padding-left: @horizontalPadding;
|
91
|
-
border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
|
92
|
-
}
|
93
|
-
.ui.steps .step:last-child {
|
94
|
-
border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
|
95
|
-
}
|
96
|
-
.ui.steps .step:only-child {
|
97
|
-
-webkit-border-radius: @stepsBorderRadius;
|
98
|
-
-moz-border-radius: @stepsBorderRadius;
|
99
|
-
border-radius: @stepsBorderRadius;
|
100
|
-
}
|
101
|
-
|
102
|
-
.ui.steps .step:last-child {
|
103
|
-
margin-right: 0em;
|
104
|
-
}
|
105
|
-
.ui.steps .step:last-child:after {
|
106
|
-
display: none;
|
107
|
-
}
|
108
|
-
|
109
|
-
|
110
129
|
/*******************************
|
111
130
|
Content
|
112
131
|
*******************************/
|
@@ -117,6 +136,9 @@
|
|
117
136
|
font-size: @titleFontSize;
|
118
137
|
font-weight: @titleFontWeight;
|
119
138
|
}
|
139
|
+
.ui.steps .step > .title {
|
140
|
+
width: 100%;
|
141
|
+
}
|
120
142
|
|
121
143
|
/* Description */
|
122
144
|
.ui.steps .step .description {
|
@@ -124,20 +146,32 @@
|
|
124
146
|
font-size: @descriptionFontSize;
|
125
147
|
color: @descriptionColor;
|
126
148
|
}
|
149
|
+
.ui.steps .step > .description {
|
150
|
+
width: 100%;
|
151
|
+
}
|
127
152
|
.ui.steps .step .title ~ .description {
|
128
153
|
margin-top: @descriptionDistance;
|
129
154
|
}
|
130
155
|
|
131
156
|
/* Icon */
|
157
|
+
.ui.steps .step > .icon {
|
158
|
+
line-height: 1;
|
159
|
+
font-size: @iconSize;
|
160
|
+
margin: 0em @iconDistance 0em 0em;
|
161
|
+
}
|
132
162
|
.ui.steps .step > .icon,
|
133
163
|
.ui.steps .step > .icon ~ .content {
|
134
|
-
display:
|
135
|
-
|
164
|
+
display: block;
|
165
|
+
flex: 0 1 auto;
|
166
|
+
align-self: @iconAlign;
|
136
167
|
}
|
137
|
-
.ui.steps .step > .icon {
|
138
|
-
|
139
|
-
|
140
|
-
|
168
|
+
.ui.steps .step > .icon ~ .content {
|
169
|
+
flex-grow: 1 0 auto;
|
170
|
+
}
|
171
|
+
|
172
|
+
/* Horizontal Icon */
|
173
|
+
.ui.steps:not(.vertical) .step > .icon {
|
174
|
+
width: auto;
|
141
175
|
}
|
142
176
|
|
143
177
|
/* Link */
|
@@ -158,19 +192,21 @@
|
|
158
192
|
counter-reset: ordered;
|
159
193
|
}
|
160
194
|
.ui.ordered.steps .step:before {
|
161
|
-
display:
|
195
|
+
display: block;
|
162
196
|
position: static;
|
163
197
|
text-align: center;
|
164
198
|
content: counters(ordered, ".");
|
165
|
-
|
166
|
-
|
199
|
+
align-self: @iconAlign;
|
200
|
+
margin-right: @iconDistance;
|
167
201
|
font-size: @iconSize;
|
168
202
|
counter-increment: ordered;
|
203
|
+
font-family: @orderedFontFamily;
|
204
|
+
font-weight: @orderedFontWeight;
|
169
205
|
}
|
170
206
|
|
171
207
|
.ui.ordered.steps .step > * {
|
172
|
-
display:
|
173
|
-
|
208
|
+
display: block;
|
209
|
+
align-self: @iconAlign;
|
174
210
|
}
|
175
211
|
|
176
212
|
|
@@ -179,19 +215,22 @@
|
|
179
215
|
---------------*/
|
180
216
|
|
181
217
|
.ui.vertical.steps {
|
182
|
-
display: inline-
|
218
|
+
display: inline-flex;
|
219
|
+
flex-direction: column;
|
183
220
|
overflow: visible;
|
184
221
|
}
|
185
222
|
.ui.vertical.steps .step {
|
186
|
-
|
223
|
+
justify-content: flex-start;
|
187
224
|
border-radius: @borderRadius;
|
188
225
|
padding: @verticalPadding @horizontalPadding;
|
226
|
+
border-bottom: @verticalDivider;
|
189
227
|
}
|
190
228
|
.ui.vertical.steps .step:first-child {
|
191
229
|
padding: @verticalPadding @horizontalPadding;
|
192
230
|
border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
|
193
231
|
}
|
194
232
|
.ui.vertical.steps .step:last-child {
|
233
|
+
border-bottom: none;
|
195
234
|
border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
|
196
235
|
}
|
197
236
|
|
@@ -199,10 +238,20 @@
|
|
199
238
|
.ui.vertical.steps .step:after {
|
200
239
|
display: none;
|
201
240
|
}
|
241
|
+
.ui.vertical.steps .step:after {
|
242
|
+
top: @verticalArrowTopOffset;
|
243
|
+
right: @verticalArrowRightOffset;
|
244
|
+
border-width: @verticalArrowBorderWidth;
|
245
|
+
}
|
202
246
|
|
203
|
-
|
247
|
+
.ui.vertical.steps .step:after {
|
248
|
+
display: @verticalArrowDisplay;
|
249
|
+
}
|
204
250
|
.ui.vertical.steps .active.step:after {
|
205
|
-
display:
|
251
|
+
display: @verticalActiveArrowDisplay;
|
252
|
+
}
|
253
|
+
.ui.vertical.steps .step:last-child:after {
|
254
|
+
display: @verticalLastArrowDisplay;
|
206
255
|
}
|
207
256
|
|
208
257
|
|
@@ -214,10 +263,13 @@
|
|
214
263
|
@media only screen and (max-width: (@largestMobileScreen)) {
|
215
264
|
|
216
265
|
.ui.steps {
|
266
|
+
display: inline-flex;
|
217
267
|
overflow: visible;
|
268
|
+
flex-direction: column;
|
218
269
|
}
|
219
270
|
.ui.steps .step {
|
220
|
-
|
271
|
+
width: 100% !important;
|
272
|
+
flex-direction: column;
|
221
273
|
border-radius: @borderRadius;
|
222
274
|
padding: @verticalPadding @horizontalPadding;
|
223
275
|
}
|
@@ -231,7 +283,18 @@
|
|
231
283
|
|
232
284
|
/* Arrow */
|
233
285
|
.ui.steps .step:after {
|
234
|
-
display: none;
|
286
|
+
display: none !important;
|
287
|
+
}
|
288
|
+
|
289
|
+
/* Content */
|
290
|
+
.ui.steps .step .content {
|
291
|
+
text-align: center;
|
292
|
+
}
|
293
|
+
|
294
|
+
/* Icon */
|
295
|
+
.ui.steps .step > .icon,
|
296
|
+
.ui.ordered.steps .step:before {
|
297
|
+
margin: 0em 0em @mobileIconDistance 0em;
|
235
298
|
}
|
236
299
|
|
237
300
|
}
|
@@ -274,6 +337,15 @@
|
|
274
337
|
color: @activeIconColor;
|
275
338
|
}
|
276
339
|
|
340
|
+
/* Active Arrow */
|
341
|
+
.ui.steps .step:after {
|
342
|
+
display: @arrowDisplay;
|
343
|
+
}
|
344
|
+
.ui.steps .active.step:after {
|
345
|
+
display: @activeArrowDisplay;
|
346
|
+
}
|
347
|
+
|
348
|
+
|
277
349
|
/* Active Hover */
|
278
350
|
.ui.steps .link.active.step:hover::after,
|
279
351
|
.ui.steps .link.active.step:hover,
|
@@ -315,15 +387,18 @@
|
|
315
387
|
Stackable
|
316
388
|
---------------*/
|
317
389
|
|
318
|
-
|
319
390
|
/* Tablet Or Below */
|
320
|
-
@media only screen and (
|
391
|
+
@media only screen and (max-width: @computerBreakpoint) {
|
321
392
|
|
322
393
|
.ui[class*="tablet stackable"].steps {
|
394
|
+
display: inline-flex;
|
323
395
|
overflow: visible;
|
396
|
+
flex-direction: column;
|
324
397
|
}
|
398
|
+
|
399
|
+
/* Steps */
|
325
400
|
.ui[class*="tablet stackable"].steps .step {
|
326
|
-
|
401
|
+
flex-direction: column;
|
327
402
|
border-radius: @borderRadius;
|
328
403
|
padding: @verticalPadding @horizontalPadding;
|
329
404
|
}
|
@@ -334,13 +409,24 @@
|
|
334
409
|
.ui[class*="tablet stackable"].steps .step:last-child {
|
335
410
|
border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
|
336
411
|
}
|
412
|
+
|
337
413
|
/* Arrow */
|
338
414
|
.ui[class*="tablet stackable"].steps .step:after {
|
339
|
-
display: none;
|
415
|
+
display: none !important;
|
340
416
|
}
|
341
417
|
|
418
|
+
/* Content */
|
419
|
+
.ui[class*="tablet stackable"].steps .step .content {
|
420
|
+
text-align: center;
|
342
421
|
}
|
343
422
|
|
423
|
+
/* Icon */
|
424
|
+
.ui[class*="tablet stackable"].steps .step > .icon,
|
425
|
+
.ui[class*="tablet stackable"].ordered.steps .step:before {
|
426
|
+
margin: 0em 0em @mobileIconDistance 0em;
|
427
|
+
}
|
428
|
+
|
429
|
+
}
|
344
430
|
|
345
431
|
/*--------------
|
346
432
|
Fluid
|
@@ -348,6 +434,7 @@
|
|
348
434
|
|
349
435
|
/* Fluid */
|
350
436
|
.ui.fluid.steps {
|
437
|
+
display: flex;
|
351
438
|
width: 100%;
|
352
439
|
}
|
353
440
|
|
@@ -356,26 +443,28 @@
|
|
356
443
|
---------------*/
|
357
444
|
|
358
445
|
/* Top */
|
359
|
-
.attached.
|
360
|
-
|
446
|
+
.ui.attached.steps {
|
447
|
+
width: @attachedWidth !important;
|
448
|
+
margin: 0em @attachedHorizontalOffset @attachedVerticalOffset;
|
449
|
+
max-width: @attachedWidth;
|
361
450
|
border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em;
|
362
451
|
}
|
363
|
-
.attached.
|
452
|
+
.ui.attached.steps .step:first-child {
|
364
453
|
border-radius: @stepsBorderRadius 0em 0em 0em;
|
365
454
|
}
|
366
|
-
.attached.
|
455
|
+
.ui.attached.steps .step:last-child {
|
367
456
|
border-radius: 0em @stepsBorderRadius 0em 0em;
|
368
457
|
}
|
369
458
|
|
370
459
|
/* Bottom */
|
371
|
-
.bottom.attached.
|
372
|
-
margin: @
|
460
|
+
.ui.bottom.attached.steps {
|
461
|
+
margin: @attachedVerticalOffset @attachedHorizontalOffset 0em;
|
373
462
|
border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
|
374
463
|
}
|
375
|
-
.bottom.attached.
|
464
|
+
.ui.bottom.attached.steps .step:first-child {
|
376
465
|
border-radius: 0em 0em 0em @stepsBorderRadius;
|
377
466
|
}
|
378
|
-
.bottom.attached.
|
467
|
+
.ui.bottom.attached.steps .step:last-child {
|
379
468
|
border-radius: 0em 0em @stepsBorderRadius 0em;
|
380
469
|
}
|
381
470
|
|
@@ -393,6 +482,16 @@
|
|
393
482
|
.ui.eight.steps {
|
394
483
|
width: 100%;
|
395
484
|
}
|
485
|
+
.ui.one.steps > .step,
|
486
|
+
.ui.two.steps > .step,
|
487
|
+
.ui.three.steps > .step,
|
488
|
+
.ui.four.steps > .step,
|
489
|
+
.ui.five.steps > .step,
|
490
|
+
.ui.six.steps > .step,
|
491
|
+
.ui.seven.steps > .step,
|
492
|
+
.ui.eight.steps > .step {
|
493
|
+
flex-wrap: nowrap;
|
494
|
+
}
|
396
495
|
.ui.one.steps > .step {
|
397
496
|
width: 100%;
|
398
497
|
}
|
@@ -13,7 +13,7 @@
|
|
13
13
|
* http://github.com/semantic-org/semantic-ui/
|
14
14
|
*
|
15
15
|
*
|
16
|
-
* Copyright
|
16
|
+
* Copyright 2015 Contributors
|
17
17
|
* Released under the MIT license
|
18
18
|
* http://opensource.org/licenses/MIT
|
19
19
|
*
|
@@ -47,6 +47,7 @@ html {
|
|
47
47
|
body {
|
48
48
|
margin: 0px;
|
49
49
|
padding: 0px;
|
50
|
+
overflow-x: @pageOverflowX;
|
50
51
|
min-width: @pageMinWidth;
|
51
52
|
background: @pageBackground;
|
52
53
|
font-family: @pageFont;
|
@@ -131,6 +132,7 @@ a {
|
|
131
132
|
}
|
132
133
|
a:hover {
|
133
134
|
color: @linkHoverColor;
|
135
|
+
text-decoration: @linkHoverUnderline;
|
134
136
|
}
|
135
137
|
|
136
138
|
/*******************************
|