[CLD-720]Add the utility class: mw-100, add max-width: 100% to .conta…

…iner (#227) (#228)
reapit · Jan 16, 2020 · ee33e7c · ee33e7c
1 parent 040a953
commit ee33e7c
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@reapit/elements",
-  "version": "0.5.30",
+  "version": "0.5.33",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
   "main": "dist/index.js",
   "umd:main": "dist/elements.umd.production.js",

diff --git a/rollup.config.js b/rollup.config.js
@@ -35,7 +35,8 @@ export default [
               '*pin*',
               '*absolute*',
               '*relative*',
-              '*capitalize*'
+              '*capitalize*',
+              'mw-100'
             ]
             // Uncomment this line if you want to see the CSS purified from the package
             // rejected: true

diff --git a/src/styles/base/utilities.scss b/src/styles/base/utilities.scss
@@ -44,6 +44,10 @@ $units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
   }
 }
 
+.mw-100 {
+  max-width: 100%;
+}
+
 .flex {
   display: flex;
 }

diff --git a/src/styles/vendor/bulma-overrides.scss b/src/styles/vendor/bulma-overrides.scss
@@ -220,6 +220,7 @@
 
 .container {
   display: flex;
+  max-width: 100%;
 
   &.is-column {
     flex-direction: column;
-Original file line number
+Diff line change
@@ Expand Up / @@ -44,6 +44,10 @@ $units: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10; @@
       }
     }
+    .mw-100 {
+      max-width: 100%;
+    }
     .flex {
       display: flex;
     }
@@ Expand Down @@