moda-themes 1.2.0 → 1.3.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 1e4fc1fbe3d09c92e43826ffd5049d6a8a726fe454c6c4ae6dff4acb414466bd
4
- data.tar.gz: a455e3662ed7486432742048f90035cc13baa88115c9e9130a72aa2644cd4342
3
+ metadata.gz: cc88fbea429093f62fb994b31c90682d930fbcab64b6b65b2358460cc6016b97
4
+ data.tar.gz: eeb249e1556c845d7c3728171ef8f3f21a2d1c814c4810c7dbf1f98440a314e4
5
5
  SHA512:
6
- metadata.gz: 3cfd280f8dfa71835d158ca34340ae7fd37ecf2f035989aeb31956ec11f73f5246ae7efa33bfe267c8adb49969e42669ce49359a3aa84eb34e75da194e1ab3a6
7
- data.tar.gz: 2c97686c2f84be45d131548813e5011ea787bf1196458eb027c6bdcfe1a400c51761f0dad8da9ba6791b44b24802a37ad2f33670eb06cef29a1e26b192357c66
6
+ metadata.gz: b81700e3b8e99a411a68ef42400ef341f95fc9c3d32497cad8e0e728e85d19531f8a21a578cdb107eba3bd796a8658c7b251b4ae18d7b9d43dc9e34b3fabf620
7
+ data.tar.gz: 3101a6980b1fa4668238b208e9c6b2927fc3b583b9d979bd85cfe27477f174d119ccf86dd7ea4d0b82a73652f53916e0017b0b6125471eebcc5ce53f756338e7
@@ -1,4 +1,4 @@
1
- @import "variables";
1
+ @import 'variables';
2
2
 
3
3
  @function __var__($var) {
4
4
  @return var(--#{$var});
@@ -39,17 +39,17 @@
39
39
 
40
40
  @function themed-value($category, $key) {
41
41
  @if themed-value-exists($category, $key) {
42
- @return __var__("theme-#{$category}-#{$key}");
42
+ @return __var__('theme-#{$category}-#{$key}');
43
43
  }
44
44
  }
45
45
 
46
46
  @function font-family($key) {
47
- @return themed-value("font-families", $key);
47
+ @return themed-value('font-families', $key);
48
48
  }
49
49
 
50
50
  @function color($key) {
51
- @if themed-value-exists("colors", $key, $raise: false) {
52
- @return themed-value("colors", $key);
51
+ @if themed-value-exists('colors', $key, $raise: false) {
52
+ @return themed-value('colors', $key);
53
53
  }
54
54
  @return __fetch__($colors-flat, $key);
55
55
  }
@@ -73,3 +73,9 @@
73
73
  @function z-index($key) {
74
74
  @return __fetch__($z-indexes, $key);
75
75
  }
76
+
77
+ @mixin respond-to($key) {
78
+ @media (min-width: __fetch__($breakpoints, $key)) {
79
+ @content;
80
+ }
81
+ }
@@ -1,6 +1,7 @@
1
- @import "variables/typography";
2
- @import "variables/colors";
3
- @import "variables/space";
1
+ @import 'variables/typography';
2
+ @import 'variables/colors';
3
+ @import 'variables/space';
4
+ @import 'variables/breakpoints';
4
5
 
5
6
  $themes: (
6
7
  legacy: (
@@ -0,0 +1,5 @@
1
+ $breakpoints: (
2
+ 'mobile': 600px,
3
+ 'tablet': 900px,
4
+ 'desktop': 1200px,
5
+ );
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module ModaThemes
4
- VERSION = "1.2.0"
4
+ VERSION = "1.3.0"
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: moda-themes
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.2.0
4
+ version: 1.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - dzucconi
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-08-23 00:00:00.000000000 Z
11
+ date: 2019-08-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: sass
@@ -95,6 +95,7 @@ files:
95
95
  - lib/assets/stylesheets/moda-themes/_themer.scss
96
96
  - lib/assets/stylesheets/moda-themes/_themes.scss
97
97
  - lib/assets/stylesheets/moda-themes/_variables.scss
98
+ - lib/assets/stylesheets/moda-themes/variables/_breakpoints.scss
98
99
  - lib/assets/stylesheets/moda-themes/variables/_colors.scss
99
100
  - lib/assets/stylesheets/moda-themes/variables/_space.scss
100
101
  - lib/assets/stylesheets/moda-themes/variables/_typography.scss