semantic-ui-sass 2.4.2.0 → 2.4.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.travis.yml +4 -2
- data/CHANGELOG.md +108 -105
- data/README.md +48 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +21 -21
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +29 -30
- data/app/assets/stylesheets/semantic-ui/elements/_container_variables.scss +48 -0
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/globals/_variables.scss +45 -2
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +12 -12
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +30 -30
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +3 -3
- data/lib/semantic-ui-sass.rb +2 -2
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +2 -2
- data/spec/dummy/app/assets/config/manifest.js +3 -0
- data/tasks/converter.rb +17 -1
- metadata +15 -13
@@ -340,7 +340,7 @@
|
|
340
340
|
}
|
341
341
|
|
342
342
|
/* Tablet Only */
|
343
|
-
@media only screen and (min-width:
|
343
|
+
@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
|
344
344
|
.ui.items > .item {
|
345
345
|
margin: 1em 0em;
|
346
346
|
}
|
@@ -354,7 +354,7 @@
|
|
354
354
|
}
|
355
355
|
|
356
356
|
/* Mobile Only */
|
357
|
-
@media only screen and (max-width:
|
357
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
358
358
|
.ui.items:not(.unstackable) > .item {
|
359
359
|
-webkit-box-orient: vertical;
|
360
360
|
-webkit-box-direction: normal;
|
@@ -467,7 +467,7 @@
|
|
467
467
|
Unstackable
|
468
468
|
----------------*/
|
469
469
|
|
470
|
-
@media only screen and (max-width:
|
470
|
+
@media only screen and (max-width: $largest-mobile-screen) {
|
471
471
|
.ui.unstackable.items > .item > .image,
|
472
472
|
.ui.unstackable.items > .item > .image > img {
|
473
473
|
width: 125px !important;
|
data/lib/semantic-ui-sass.rb
CHANGED
data/semantic-ui-sass.gemspec
CHANGED
@@ -20,8 +20,8 @@ Gem::Specification.new do |spec|
|
|
20
20
|
|
21
21
|
spec.add_development_dependency "bundler", ">= 1.3"
|
22
22
|
spec.add_development_dependency "rake"
|
23
|
-
spec.add_runtime_dependency '
|
24
|
-
spec.add_development_dependency '
|
23
|
+
spec.add_runtime_dependency 'sassc'
|
24
|
+
spec.add_development_dependency 'sassc-rails'
|
25
25
|
spec.add_development_dependency 'sprockets-rails', '>= 2.1.3'
|
26
26
|
spec.add_development_dependency 'pry'
|
27
27
|
spec.add_development_dependency 'dotenv'
|
data/tasks/converter.rb
CHANGED
@@ -123,6 +123,7 @@ private
|
|
123
123
|
file = replace_font_family(file)
|
124
124
|
file = replace_image_urls(file)
|
125
125
|
file = replace_image_paths(file)
|
126
|
+
file = add_breakpoint_variables(file)
|
126
127
|
|
127
128
|
file
|
128
129
|
end
|
@@ -179,6 +180,21 @@ private
|
|
179
180
|
less.gsub('../themes/default/assets/images/', 'semantic-ui/')
|
180
181
|
end
|
181
182
|
|
183
|
+
def add_breakpoint_variables(css)
|
184
|
+
css = css.gsub('(min-width: 320px)', '(min-width: $mobile-breakpoint)')
|
185
|
+
css = css.gsub('max-width: 767px', 'max-width: $largest-mobile-screen')
|
186
|
+
|
187
|
+
css = css.gsub('min-width: 768px', 'min-width: $tablet-breakpoint')
|
188
|
+
css = css.gsub('max-width: 991px', 'max-width: $largest-tablet-screen')
|
189
|
+
|
190
|
+
css = css.gsub('min-width: 992px', 'min-width: $computer-breakpoint')
|
191
|
+
css = css.gsub('max-width: 1199px', 'max-width: $largest-small-monitor')
|
192
|
+
|
193
|
+
css = css.gsub('min-width: 1200px', 'min-width: $large-monitor-breakpoint')
|
194
|
+
css = css.gsub('max-width: 1919px', 'max-width: $largest-large-monitor')
|
195
|
+
|
196
|
+
css = css.gsub('min-width: 1920px', 'min-width: $widescreen-monitor-breakpoint')
|
197
|
+
end
|
182
198
|
end
|
183
199
|
|
184
200
|
class Paths
|
@@ -213,4 +229,4 @@ class Paths
|
|
213
229
|
@javascripts = File.join(@app, 'assets', 'javascripts', 'semantic-ui')
|
214
230
|
@stylesheets = File.join(@app, 'assets', 'stylesheets', 'semantic-ui')
|
215
231
|
end
|
216
|
-
end
|
232
|
+
end
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: semantic-ui-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.4.
|
4
|
+
version: 2.4.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- doabit
|
8
|
-
autorequire:
|
8
|
+
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date:
|
11
|
+
date: 2021-05-26 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -39,33 +39,33 @@ dependencies:
|
|
39
39
|
- !ruby/object:Gem::Version
|
40
40
|
version: '0'
|
41
41
|
- !ruby/object:Gem::Dependency
|
42
|
-
name:
|
42
|
+
name: sassc
|
43
43
|
requirement: !ruby/object:Gem::Requirement
|
44
44
|
requirements:
|
45
45
|
- - ">="
|
46
46
|
- !ruby/object:Gem::Version
|
47
|
-
version: '
|
47
|
+
version: '0'
|
48
48
|
type: :runtime
|
49
49
|
prerelease: false
|
50
50
|
version_requirements: !ruby/object:Gem::Requirement
|
51
51
|
requirements:
|
52
52
|
- - ">="
|
53
53
|
- !ruby/object:Gem::Version
|
54
|
-
version: '
|
54
|
+
version: '0'
|
55
55
|
- !ruby/object:Gem::Dependency
|
56
|
-
name:
|
56
|
+
name: sassc-rails
|
57
57
|
requirement: !ruby/object:Gem::Requirement
|
58
58
|
requirements:
|
59
59
|
- - ">="
|
60
60
|
- !ruby/object:Gem::Version
|
61
|
-
version: '
|
61
|
+
version: '0'
|
62
62
|
type: :development
|
63
63
|
prerelease: false
|
64
64
|
version_requirements: !ruby/object:Gem::Requirement
|
65
65
|
requirements:
|
66
66
|
- - ">="
|
67
67
|
- !ruby/object:Gem::Version
|
68
|
-
version: '
|
68
|
+
version: '0'
|
69
69
|
- !ruby/object:Gem::Dependency
|
70
70
|
name: sprockets-rails
|
71
71
|
requirement: !ruby/object:Gem::Requirement
|
@@ -219,6 +219,7 @@ files:
|
|
219
219
|
- app/assets/stylesheets/semantic-ui/elements/_all.scss
|
220
220
|
- app/assets/stylesheets/semantic-ui/elements/_button.scss
|
221
221
|
- app/assets/stylesheets/semantic-ui/elements/_container.scss
|
222
|
+
- app/assets/stylesheets/semantic-ui/elements/_container_variables.scss
|
222
223
|
- app/assets/stylesheets/semantic-ui/elements/_divider.scss
|
223
224
|
- app/assets/stylesheets/semantic-ui/elements/_flag.scss
|
224
225
|
- app/assets/stylesheets/semantic-ui/elements/_header.scss
|
@@ -273,6 +274,7 @@ files:
|
|
273
274
|
- semantic-ui-sass.gemspec
|
274
275
|
- spec/dummy/README.rdoc
|
275
276
|
- spec/dummy/Rakefile
|
277
|
+
- spec/dummy/app/assets/config/manifest.js
|
276
278
|
- spec/dummy/app/assets/images/.keep
|
277
279
|
- spec/dummy/app/assets/javascripts/application.js
|
278
280
|
- spec/dummy/app/assets/stylesheets/application.css
|
@@ -319,7 +321,7 @@ homepage: http://github.com/doabit/semantic-ui-sass
|
|
319
321
|
licenses:
|
320
322
|
- MIT
|
321
323
|
metadata: {}
|
322
|
-
post_install_message:
|
324
|
+
post_install_message:
|
323
325
|
rdoc_options: []
|
324
326
|
require_paths:
|
325
327
|
- lib
|
@@ -334,15 +336,15 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
334
336
|
- !ruby/object:Gem::Version
|
335
337
|
version: '0'
|
336
338
|
requirements: []
|
337
|
-
|
338
|
-
|
339
|
-
signing_key:
|
339
|
+
rubygems_version: 3.2.3
|
340
|
+
signing_key:
|
340
341
|
specification_version: 4
|
341
342
|
summary: Semantic UI, converted to Sass and ready to drop into Rails, Compass, or
|
342
343
|
Sprockets.
|
343
344
|
test_files:
|
344
345
|
- spec/dummy/README.rdoc
|
345
346
|
- spec/dummy/Rakefile
|
347
|
+
- spec/dummy/app/assets/config/manifest.js
|
346
348
|
- spec/dummy/app/assets/images/.keep
|
347
349
|
- spec/dummy/app/assets/javascripts/application.js
|
348
350
|
- spec/dummy/app/assets/stylesheets/application.css
|