fixed aspect ratio class (#19)

fenderdigital · Jun 8, 2017 · 1cfefb7 · 1cfefb7
1 parent e315509
commit 1cfefb7
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 10 deletions.
diff --git a/dist/utilities.css b/dist/utilities.css
@@ -275,7 +275,7 @@ input[type="tel"], input[type="text"], input[type="url"], .border-box { box-sizi
 .aspect-ratio--7x5 { padding-bottom: 71.42%; }
 .aspect-ratio--5x7 { padding-bottom: 140%; }
 .aspect-ratio--2x35 { padding-bottom: 42.55%; }
-.aspect-ratio--45x364 { padding-bottom: 12.36%; }
+.aspect-ratio--364x45 { padding-bottom: 12.36%; }
 .aspect-ratio--1x1 { padding-bottom: 100%; }
 .aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
 /*
@@ -2081,7 +2081,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
 @media screen and (min-width: 30em) {
  .aspect-ratio-ns { height: 0; position: relative; }
  .aspect-ratio--2x35-ns { padding-bottom: 42.55%; }
- .aspect-ratio--45x364-ns { padding-bottom: 12.36%; }
+ .aspect-ratio--364x45-ns { padding-bottom: 12.36%; }
  .aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
  .aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
  .aspect-ratio--4x3-ns { padding-bottom: 75%; }
@@ -2498,7 +2498,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
 @media screen and (min-width: 30em) and (max-width: 60em) {
  .aspect-ratio-m { height: 0; position: relative; }
  .aspect-ratio--2x35-m { padding-bottom: 42.55%; }
- .aspect-ratio--45x364-m { padding-bottom: 12.36%; }
+ .aspect-ratio--364x45-m { padding-bottom: 12.36%; }
  .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
  .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
  .aspect-ratio--4x3-m { padding-bottom: 75%; }
@@ -2918,7 +2918,7 @@ code, .code { font-family: Consolas, monaco, monospace; }
 @media screen and (min-width: 60em) {
  .aspect-ratio-l { height: 0; position: relative; }
  .aspect-ratio--2x35-l { padding-bottom: 42.55%; }
- .aspect-ratio--45x364-l { padding-bottom: 12.36%; }
+ .aspect-ratio--364x45-l { padding-bottom: 12.36%; }
  .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
  .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
  .aspect-ratio--4x3-l { padding-bottom: 75%; }

diff --git a/dist/utilities.min.css b/dist/utilities.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "css-utilities",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Functional CSS for humans",
   "author": "mrmrs",
   "style": "dist/utilities.min.css",

diff --git a/src/_aspect-ratios.css b/src/_aspect-ratios.css
@@ -38,7 +38,7 @@
 .aspect-ratio--5x7 {  padding-bottom: 140%; }
 
 .aspect-ratio--2x35 { padding-bottom: 42.55%; }
-.aspect-ratio--45x364 { padding-bottom: 12.36%; }
+.aspect-ratio--364x45 { padding-bottom: 12.36%; }
 
 .aspect-ratio--1x1 {  padding-bottom: 100%; }
 
@@ -59,7 +59,7 @@
       position: relative;
     }
     .aspect-ratio--2x35-ns { padding-bottom: 42.55%; }
-    .aspect-ratio--45x364-ns { padding-bottom: 12.36%; }
+    .aspect-ratio--364x45-ns { padding-bottom: 12.36%; }
     .aspect-ratio--16x9-ns { padding-bottom: 56.25%; }
     .aspect-ratio--9x16-ns { padding-bottom: 177.77%; }
     .aspect-ratio--4x3-ns {  padding-bottom: 75%; }
@@ -89,7 +89,7 @@
       position: relative;
     }
     .aspect-ratio--2x35-m { padding-bottom: 42.55%; }
-    .aspect-ratio--45x364-m { padding-bottom: 12.36%; }
+    .aspect-ratio--364x45-m { padding-bottom: 12.36%; }
     .aspect-ratio--16x9-m { padding-bottom: 56.25%; }
     .aspect-ratio--9x16-m { padding-bottom: 177.77%; }
     .aspect-ratio--4x3-m {  padding-bottom: 75%; }
@@ -119,7 +119,7 @@
       position: relative;
     }
     .aspect-ratio--2x35-l { padding-bottom: 42.55%; }
-    .aspect-ratio--45x364-l { padding-bottom: 12.36%; }
+    .aspect-ratio--364x45-l { padding-bottom: 12.36%; }
     .aspect-ratio--16x9-l { padding-bottom: 56.25%; }
     .aspect-ratio--9x16-l { padding-bottom: 177.77%; }
     .aspect-ratio--4x3-l {  padding-bottom: 75%; }