feat: Add object-fit module with its main classes

tachyons-css#691
krypton225 · Nov 30, 2024 · 0261c30 · 0261c30
1 parent 0fafaa6
commit 0261c30
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 1 deletion.
diff --git a/css/tachyons.css b/css/tachyons.css
@@ -1953,6 +1953,19 @@ code, .code { font-family: Consolas, monaco, monospace; }
 .nested-links a { color: #357edd; transition: color .15s ease-in; }
 .nested-links a:hover { color: #96ccff; transition: color .15s ease-in; }
 .nested-links a:focus { color: #96ccff; transition: color .15s ease-in; }
+/*
+
+  OBJECT FIT
+
+  Base
+    object = object-fit
+
+*/
+.object-contain { -o-object-fit: contain; object-fit: contain; }
+.object-cover { -o-object-fit: cover; object-fit: cover; }
+.object-fill { -o-object-fit: fill; object-fit: fill; }
+.object-none { -o-object-fit: none; object-fit: none; }
+.object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
 /*
 
   STYLES

diff --git a/css/tachyons.min.css b/css/tachyons.min.css
diff --git a/src/_object-fit.css b/src/_object-fit.css
@@ -0,0 +1,18 @@
+/*
+
+  OBJECT FIT
+
+  Base
+    object = object-fit
+
+*/
+
+.object-contain { object-fit: contain; }
+
+.object-cover { object-fit: cover; }
+
+.object-fill { object-fit: fill; }
+
+.object-none { object-fit: none; }
+
+.object-scale-down { object-fit: scale-down; }
diff --git a/src/tachyons.css b/src/tachyons.css
@@ -79,6 +79,7 @@
 @import './_hovers';
 @import './_z-index';
 @import './_nested';
+@import './_object-fit';
 @import './_styles';
 
 /* Variables */