summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/table-object/table-object.scss
diff options
context:
space:
mode:
authoramzrk22020-04-13 19:13:39 +0800
committeramzrk22020-04-13 19:13:39 +0800
commit6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad (patch)
treeb13e4c3a49823b602ebb918c899dd4a964c1f445 /assets/sass/@primer/css/table-object/table-object.scss
downloadhugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.tar.gz
hugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.tar.bz2
hugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.zip
Initial commit
Diffstat (limited to 'assets/sass/@primer/css/table-object/table-object.scss')
-rw-r--r--assets/sass/@primer/css/table-object/table-object.scss20
1 files changed, 20 insertions, 0 deletions
diff --git a/assets/sass/@primer/css/table-object/table-object.scss b/assets/sass/@primer/css/table-object/table-object.scss
new file mode 100644
index 0000000..353c732
--- /dev/null
+++ b/assets/sass/@primer/css/table-object/table-object.scss
@@ -0,0 +1,20 @@
+// TableObject is a module for creating dynamically resizable elements that
+// always sit on the same horizontal line (e.g., they never wrap). Using
+// tables means it's cross browser friendly.
+
+.TableObject {
+ display: table;
+}
+
+// Place this on every "cell"
+.TableObject-item {
+ display: table-cell;
+ width: 1%;
+ white-space: nowrap;
+ vertical-align: middle;
+}
+
+// Place this on the largest or most important "cell"
+.TableObject-item--primary {
+ width: 99%;
+}