npm - @transferwise/neptune-css - Versions diffs - 0.0.0-experimental-8ceebc8 → 0.0.0-experimental-4240f8b - Mend

@transferwise/neptune-css 0.0.0-experimental-8ceebc8 → 0.0.0-experimental-4240f8b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/css/flex.css +1 -1
package/dist/css/navbar.css +1 -1
package/dist/css/neptune-addons.css +1 -1
package/dist/css/neptune-core.css +1 -1
package/dist/css/neptune.css +1 -1
package/dist/css/utilities.css +1 -1
package/package.json +1 -1
package/src/less/utilities/align-items.less +48 -80
package/src/less/utilities/align-self.less +48 -80
package/src/less/utilities/display.less +83 -238
package/src/less/utilities/flex-direction.less +16 -24
package/src/less/utilities/flex-wrap.less +16 -24
package/src/less/utilities/float.less +32 -48
package/src/less/utilities/justify-content.less +48 -80
package/src/less/utilities/order.less +38 -62
package/src/less/utilities/text-align.less +38 -62
package/src/less/utilities/text-overflow.less +1 -0

package/src/less/utilities/display.less CHANGED Viewed

@@ -15,60 +15,32 @@
   display: flex;
 }
-@media (--screen-sm) {
-  .d-flex--sm {
-    display: flex;
-  }
-}
-@media (--screen-md) {
-  .d-flex--md {
-    display: flex;
-  }
-}
-@media (--screen-lg) {
-  .d-flex--lg {
-    display: flex;
-  }
-}
-@media (--screen-xl) {
-  .d-flex--xl {
-    display: flex;
-  }
-}
 .d-inline-flex {
   display: inline-flex;
 }
-@media (--screen-sm) {
-  .d-inline-flex--sm {
-    display: inline-flex;
-  }
-}
-@media (--screen-md) {
-  .d-inline-flex--md {
-    display: inline-flex;
-  }
-}
-@media (--screen-lg) {
-  .d-inline-flex--lg {
-    display: inline-flex;
-  }
-}
-@media (--screen-xl) {
-  .d-inline-flex--xl {
-    display: inline-flex;
-  }
-}
 .hidden,
-.hide {
+.hide,
+.visible-xs,
+.visible-xs-block,
+.visible-xs-inline-block,
+.visible-xs-inline,
+.visible-sm,
+.visible-sm-block,
+.visible-sm-inline-block,
+.visible-sm-inline,
+.visible-md,
+.visible-md-block,
+.visible-md-inline-block,
+.visible-md-inline,
+.visible-lg,
+.visible-lg-block,
+.visible-lg-inline-block,
+.visible-lg-inline,
+.visible-xl,
+.visible-xl-block,
+.visible-xl-inline-block,
+.visible-xl-inline {
   display: none !important;
 }
@@ -76,258 +48,131 @@
   .hidden-xs {
     display: none !important;
   }
-}
-@media (--screen-sm) {
-  @media not all and (--screen-md) {
-    .hidden-sm {
-      display: none !important;
-    }
+  .visible-xs,
+  .visible-xs-block {
+    display: block !important;
   }
-}
-@media (--screen-md) {
-  @media not all and (--screen-lg) {
-    .hidden-md {
-      display: none !important;
-    }
+  .visible-xs-inline-block {
+    display: inline-block !important;
   }
-}
-@media (--screen-lg) {
-  @media not all and (--screen-xl) {
-    .hidden-lg {
-      display: none !important;
-    }
+  .visible-xs-inline {
+    display: inline !important;
   }
 }
-@media (--screen-xl) {
-  .hidden-xl {
-    display: none !important;
+@media (--screen-sm) {
+  .d-flex--sm {
+    display: flex;
   }
-}
-.visible-xs {
-  display: none !important;
-}
-@media not all and (--screen-sm) {
-  .visible-xs {
-    display: block !important;
+  .d-inline-flex--sm {
+    display: inline-flex;
   }
-}
-.visible-sm {
-  display: none !important;
-}
-@media (--screen-sm) {
   @media not all and (--screen-md) {
-    .visible-sm {
-      display: block !important;
+    .hidden-sm {
+      display: none !important;
     }
-  }
-}
-.visible-md {
-  display: none !important;
-}
-@media (--screen-md) {
-  @media not all and (--screen-lg) {
-    .visible-md {
+    .visible-sm,
+    .visible-sm-block {
       display: block !important;
     }
-  }
-}
-.visible-lg {
-  display: none !important;
-}
+    .visible-sm-inline-block {
+      display: inline-block !important;
+    }
-@media (--screen-lg) {
-  @media not all and (--screen-xl) {
-    .visible-lg {
-      display: block !important;
+    .visible-sm-inline {
+      display: inline !important;
     }
   }
 }
-.visible-xl {
-  display: none !important;
-}
-@media (--screen-xl) {
-  .visible-xl {
-    display: block !important;
+@media (--screen-md) {
+  .d-flex--md {
+    display: flex;
   }
-}
-.visible-xs-block {
-  display: none !important;
-}
-@media not all and (--screen-sm) {
-  .visible-xs-block {
-    display: block !important;
+  .d-inline-flex--md {
+    display: inline-flex;
   }
-}
-.visible-sm-block {
-  display: none !important;
-}
-@media (--screen-sm) {
-  @media not all and (--screen-md) {
-    .visible-sm-block {
-      display: block !important;
+  @media not all and (--screen-lg) {
+    .hidden-md {
+      display: none !important;
     }
-  }
-}
-.visible-md-block {
-  display: none !important;
-}
-@media (--screen-md) {
-  @media not all and (--screen-lg) {
+    .visible-md,
     .visible-md-block {
       display: block !important;
     }
-  }
-}
-.visible-lg-block {
-  display: none !important;
-}
+    .visible-md-inline-block {
+      display: inline-block !important;
+    }
-@media (--screen-lg) {
-  @media not all and (--screen-xl) {
-    .visible-lg-block {
-      display: block !important;
+    .visible-md-inline {
+      display: inline !important;
     }
   }
 }
-.visible-xl-block {
-  display: none !important;
-}
-@media (--screen-xl) {
-  .visible-xl-block {
-    display: block !important;
+@media (--screen-lg) {
+  .d-flex--lg {
+    display: flex;
   }
-}
-.visible-xs-inline {
-  display: none !important;
-}
-@media not all and (--screen-sm) {
-  .visible-xs-inline {
-    display: inline !important;
+  .d-inline-flex--lg {
+    display: inline-flex;
   }
-}
-.visible-sm-inline {
-  display: none !important;
-}
-@media (--screen-sm) {
-  @media not all and (--screen-md) {
-    .visible-sm-inline {
-      display: inline !important;
+  @media not all and (--screen-xl) {
+    .hidden-lg {
+      display: none !important;
     }
-  }
-}
-.visible-md-inline {
-  display: none !important;
-}
-@media (--screen-md) {
-  @media not all and (--screen-lg) {
-    .visible-md-inline {
-      display: inline !important;
+    .visible-lg,
+    .visible-lg-block {
+      display: block !important;
     }
-  }
-}
-.visible-lg-inline {
-  display: none !important;
-}
+    .visible-lg-inline-block {
+      display: inline-block !important;
+    }
-@media (--screen-lg) {
-  @media not all and (--screen-xl) {
     .visible-lg-inline {
       display: inline !important;
     }
   }
 }
-.visible-xl-inline {
-  display: none !important;
-}
 @media (--screen-xl) {
-  .visible-xl-inline {
-    display: inline !important;
-  }
-}
-.visible-xs-inline-block {
-  display: none !important;
-}
-@media not all and (--screen-sm) {
-  .visible-xs-inline-block {
-    display: inline-block !important;
+  .d-flex--xl {
+    display: flex;
   }
-}
-.visible-sm-inline-block {
-  display: none !important;
-}
-@media (--screen-sm) {
-  @media not all and (--screen-md) {
-    .visible-sm-inline-block {
-      display: inline-block !important;
-    }
+  .d-inline-flex--xl {
+    display: inline-flex;
   }
-}
-.visible-md-inline-block {
-  display: none !important;
-}
-@media (--screen-md) {
-  @media not all and (--screen-lg) {
-    .visible-md-inline-block {
-      display: inline-block !important;
-    }
+  .hidden-xl {
+    display: none !important;
   }
-}
-.visible-lg-inline-block {
-  display: none !important;
-}
-@media (--screen-lg) {
-  @media not all and (--screen-xl) {
-    .visible-lg-inline-block {
-      display: inline-block !important;
-    }
+  .visible-xl,
+  .visible-xl-block {
+    display: block !important;
   }
-}
-.visible-xl-inline-block {
-  display: none !important;
-}
-@media (--screen-xl) {
   .visible-xl-inline-block {
     display: inline-block !important;
   }
+  .visible-xl-inline {
+    display: inline !important;
+  }
 }

package/src/less/utilities/flex-direction.less CHANGED Viewed

@@ -2,53 +2,45 @@
   flex-direction: row;
 }
-@media (--screen-sm) {
-  .flex-row--sm {
-    flex-direction: row;
-  }
-}
-@media (--screen-md) {
-  .flex-row--md {
-    flex-direction: row;
-  }
-}
-@media (--screen-lg) {
-  .flex-row--lg {
-    flex-direction: row;
-  }
-}
-@media (--screen-xl) {
-  .flex-row--xl {
-    flex-direction: row;
-  }
-}
 .flex-column {
   flex-direction: column;
 }
 @media (--screen-sm) {
+  .flex-row--sm {
+    flex-direction: row;
+  }
   .flex-column--sm {
     flex-direction: column;
   }
 }
 @media (--screen-md) {
+  .flex-row--md {
+    flex-direction: row;
+  }
   .flex-column--md {
     flex-direction: column;
   }
 }
 @media (--screen-lg) {
+  .flex-row--lg {
+    flex-direction: row;
+  }
   .flex-column--lg {
     flex-direction: column;
   }
 }
 @media (--screen-xl) {
+  .flex-row--xl {
+    flex-direction: row;
+  }
   .flex-column--xl {
     flex-direction: column;
   }

package/src/less/utilities/flex-wrap.less CHANGED Viewed

@@ -2,53 +2,45 @@
   flex-wrap: wrap;
 }
-@media (--screen-sm) {
-  .flex-wrap--sm {
-    flex-wrap: wrap;
-  }
-}
-@media (--screen-md) {
-  .flex-wrap--md {
-    flex-wrap: wrap;
-  }
-}
-@media (--screen-lg) {
-  .flex-wrap--lg {
-    flex-wrap: wrap;
-  }
-}
-@media (--screen-xl) {
-  .flex-wrap--xl {
-    flex-wrap: wrap;
-  }
-}
 .flex-nowrap {
   flex-wrap: nowrap;
 }
 @media (--screen-sm) {
+  .flex-wrap--sm {
+    flex-wrap: wrap;
+  }
   .flex-nowrap--sm {
     flex-wrap: nowrap;
   }
 }
 @media (--screen-md) {
+  .flex-wrap--md {
+    flex-wrap: wrap;
+  }
   .flex-nowrap--md {
     flex-wrap: nowrap;
   }
 }
 @media (--screen-lg) {
+  .flex-wrap--lg {
+    flex-wrap: wrap;
+  }
   .flex-nowrap--lg {
     flex-wrap: nowrap;
   }
 }
 @media (--screen-xl) {
+  .flex-wrap--xl {
+    flex-wrap: wrap;
+  }
   .flex-nowrap--xl {
     flex-wrap: nowrap;
   }

package/src/less/utilities/float.less CHANGED Viewed

@@ -3,59 +3,11 @@
   float: inline-start !important;
 }
-@media (--screen-sm) {
-  .pull-sm-left {
-    float: inline-start !important;
-  }
-}
-@media (--screen-md) {
-  .pull-md-left {
-    float: inline-start !important;
-  }
-}
-@media (--screen-lg) {
-  .pull-lg-left {
-    float: inline-start !important;
-  }
-}
-@media (--screen-xl) {
-  .pull-xl-left {
-    float: inline-start !important;
-  }
-}
 .pull-right,
 .pull-xs-right {
   float: inline-end !important;
 }
-@media (--screen-sm) {
-  .pull-sm-right {
-    float: inline-end !important;
-  }
-}
-@media (--screen-md) {
-  .pull-md-right {
-    float: inline-end !important;
-  }
-}
-@media (--screen-lg) {
-  .pull-lg-right {
-    float: inline-end !important;
-  }
-}
-@media (--screen-xl) {
-  .pull-xl-right {
-    float: inline-end !important;
-  }
-}
 .pull-right-single-direction {
   float: right !important;
 }
@@ -69,24 +21,56 @@
 }
 @media (--screen-sm) {
+  .pull-sm-left {
+    float: inline-start !important;
+  }
+  .pull-sm-right {
+    float: inline-end !important;
+  }
   .pull-sm-none {
     float: none !important;
   }
 }
 @media (--screen-md) {
+  .pull-md-left {
+    float: inline-start !important;
+  }
+  .pull-md-right {
+    float: inline-end !important;
+  }
   .pull-md-none {
     float: none !important;
   }
 }
 @media (--screen-lg) {
+  .pull-lg-left {
+    float: inline-start !important;
+  }
+  .pull-lg-right {
+    float: inline-end !important;
+  }
   .pull-lg-none {
     float: none !important;
   }
 }
 @media (--screen-xl) {
+  .pull-xl-left {
+    float: inline-start !important;
+  }
+  .pull-xl-right {
+    float: inline-end !important;
+  }
   .pull-xl-none {
     float: none !important;
   }