@bgord/design 0.27.15 → 0.27.19

package/dist/design.cjs.development.js

@@ -1189,6 +1189,7 @@ var Paddings = /*#__PURE__*/function () {
 var DisplaysGenerator = /*#__PURE__*/function () {
   function DisplaysGenerator(config) {
     this.displays = config.displays;
+    this.breakpoints = config.breakpoints;
   }
 
   var _proto = DisplaysGenerator.prototype;
@@ -1212,6 +1213,27 @@ var DisplaysGenerator = /*#__PURE__*/function () {
       }
     }
 
+    for (var _i2 = 0, _Object$entries2 = Object.entries(this.breakpoints); _i2 < _Object$entries2.length; _i2++) {
+      var _Object$entries2$_i = _Object$entries2[_i2],
+          name = _Object$entries2$_i[0],
+          _value = _Object$entries2$_i[1];
+      output += "@media (max-width: " + _value + "px) {\n";
+
+      for (var _i3 = 0, _Object$entries3 = Object.entries(this.displays); _i3 < _Object$entries3.length; _i3++) {
+        var _Object$entries3$_i = _Object$entries3[_i3],
+            _key = _Object$entries3$_i[0],
+            _value2 = _Object$entries3$_i[1];
+
+        if (_value2 === 'flex') {
+          output += "*[data-" + name + "-display='" + _key + "'] {\n  display: " + _value2 + ";\nflex-wrap: wrap;\n}\n";
+        } else {
+          output += "*[data-" + name + "-display='" + _key + "'] {\n  display: " + _value2 + ";\n}\n";
+        }
+      }
+
+      output += "}\n";
+    }
+
     return output;
   };
 
@@ -2253,10 +2275,16 @@ var GeneratorProcessor = /*#__PURE__*/function () {
 
             case 25:
               output = _context.t5 += _context.sent;
-              _context.next = 28;
+              _context.t6 = output;
+              _context.next = 29;
+              return new File('src/rules/title-truncate.css').read();
+
+            case 29:
+              output = _context.t6 += _context.sent;
+              _context.next = 32;
               return new File('dist/main.css').save(output);
 
-            case 28:
+            case 32:
             case "end":
               return _context.stop();
           }