Add flex shrink

diff --git a/sass/components/media.sass b/sass/components/media.sass
index cf36578f5f5eb3b91a5b52e999e6816ee2961bef..0630ea96c4002220530512304c984019fce2f1b0 100644 (file)
--- a/sass/components/media.sass
+++ b/sass/components/media.sass
@@ -23,6 +23,7 @@
 
 .media-content
   flex-grow: 1
+  flex-shrink: 0
   text-align: left
 
 .media

diff --git a/sass/components/modal.sass b/sass/components/modal.sass
index a54a7529186c7cc5986585a7454d19e75758a31f..65857e9ef926f49503948ffc67dec0be6dbf950e 100644 (file)
--- a/sass/components/modal.sass
+++ b/sass/components/modal.sass
@@ -48,6 +48,7 @@
 .modal-card-title
   color: $text-strong
   flex-grow: 1
+  flex-shrink: 0
   font-size: $size-4
   line-height: 1
 
@@ -59,6 +60,7 @@
 
 .modal-card-body
   flex-grow: 1
+  flex-shrink: 0
   overflow: auto
   padding: 20px
 

diff --git a/sass/components/nav.sass b/sass/components/nav.sass
index 1523d81448339760b8b8ffa4de18f93714ce480d..c8b2803456182b65da653c821a015c1efb38257f 100644 (file)
--- a/sass/components/nav.sass
+++ b/sass/components/nav.sass
@@ -13,6 +13,7 @@
   padding: 10px
   a
     flex-grow: 1
+    flex-shrink: 0
   img
     max-height: 24px
   .button + .button
@@ -72,6 +73,7 @@ a.nav-item
   display: flex
   flex-basis: 0
   flex-grow: 1
+  flex-shrink: 0
   justify-content: flex-start
   overflow: hidden
   overflow-x: auto
@@ -91,6 +93,7 @@ a.nav-item
     display: flex
     flex-basis: 0
     flex-grow: 1
+    flex-shrink: 0
     justify-content: flex-end
 
 // Main container

diff --git a/sass/components/pagination.sass b/sass/components/pagination.sass
index a595c484fa2936b489571226226a57fc0780e33b..63cddc11661916f52e6461c33c3261e9e8213cb8 100644 (file)
--- a/sass/components/pagination.sass
+++ b/sass/components/pagination.sass
@@ -17,6 +17,7 @@
     align-items: center
     display: flex
     flex-grow: 1
+    flex-shrink: 0
     justify-content: center
   // Responsiveness
   +mobile
@@ -27,6 +28,7 @@
         margin-left: 10px
     li
       flex-grow: 1
+      flex-shrink: 0
     ul
       margin-top: 10px
   +tablet

diff --git a/sass/components/tabs.sass b/sass/components/tabs.sass
index 5d17df37ec54de83c670fbaf9be79d8d37361272..b676dee6232a2031f29737af627ee00a02498377 100644 (file)
--- a/sass/components/tabs.sass
+++ b/sass/components/tabs.sass
@@ -31,6 +31,7 @@
     border-bottom: 1px solid $border
     display: flex
     flex-grow: 1
+    flex-shrink: 0
     justify-content: flex-start
     &.is-left
       padding-right: 10px
@@ -73,6 +74,7 @@
   &.is-fullwidth
     li
       flex-grow: 1
+      flex-shrink: 0
   &.is-toggle
     a
       border: 1px solid $border

diff --git a/sass/elements/form.sass b/sass/elements/form.sass
index 6ebbb1566ff860357ed7d40674fab9d98f0e0f9a..7b69cba48ee213cfc44b805e7e7cbe8ad3c64ad5 100644 (file)
--- a/sass/elements/form.sass
+++ b/sass/elements/form.sass
@@ -128,6 +128,7 @@
     margin-bottom: 5px
   +tablet
     flex-grow: 1
+    flex-shrink: 0
     margin-right: 20px
     padding-top: 7px
     text-align: right
@@ -162,6 +163,7 @@
           border-radius: 0 $radius $radius 0
       &.is-expanded
         flex-grow: 1
+        flex-shrink: 0
     &.has-addons-centered
       justify-content: center
     &.has-addons-right
@@ -171,6 +173,7 @@
       .input,
       .select
         flex-grow: 1
+        flex-shrink: 0
   &.has-icon
     & > .fa
       +fa(14px, 24px)
@@ -234,6 +237,7 @@
         margin-right: 10px
       &.is-expanded
         flex-grow: 1
+        flex-shrink: 0
     &.is-grouped-centered
       justify-content: center
     &.is-grouped-right
@@ -244,6 +248,7 @@
       & > .control
         display: flex
         flex-grow: 5
+        flex-shrink: 0
   &.is-loading
     &:after
       @extend .loader

diff --git a/sass/layout/hero.sass b/sass/layout/hero.sass
index 1ab13ed07d12e7200445c5f4fb4977cf836793d6..380241ab5b43746b5316b0d22e5ccaf5d4538949 100644 (file)
--- a/sass/layout/hero.sass
+++ b/sass/layout/hero.sass
@@ -39,9 +39,10 @@
 
 .hero-body
   flex-grow: 1
+  flex-shrink: 0
   padding: 40px 20px
   // Responsiveness
-  +desktop
+  +widescreen
     padding-left: 0
     padding-right: 0
 
@@ -144,3 +145,4 @@
       display: flex
       & > .container
         flex-grow: 1
+        flex-shrink: 0