diff options
author | amzrk2 | 2020-04-13 19:13:39 +0800 |
---|---|---|
committer | amzrk2 | 2020-04-13 19:13:39 +0800 |
commit | 6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad (patch) | |
tree | b13e4c3a49823b602ebb918c899dd4a964c1f445 /assets/sass/@primer/css/table-object/table-object.scss | |
download | hugo-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.scss | 20 |
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%; +} |