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/truncate/truncate.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/truncate/truncate.scss')
-rw-r--r-- | assets/sass/@primer/css/truncate/truncate.scss | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/assets/sass/@primer/css/truncate/truncate.scss b/assets/sass/@primer/css/truncate/truncate.scss new file mode 100644 index 0000000..8590f1b --- /dev/null +++ b/assets/sass/@primer/css/truncate/truncate.scss @@ -0,0 +1,31 @@ +// Truncate +// +// css-truncate will shorten text with an ellipsis. + +.css-truncate { + + // css-truncate-auto will shorten text with an ellipsis when overflowing + &.css-truncate-overflow, + .css-truncate-overflow, + &.css-truncate-target, + .css-truncate-target { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + // css-truncate-target will shorten text with an ellipsis and a max width + &.css-truncate-target, + .css-truncate-target { + display: inline-block; + max-width: 125px; + vertical-align: top; + } + + &.expandable.zeroclipboard-is-hover .css-truncate-target, + &.expandable.zeroclipboard-is-hover.css-truncate-target, + &.expandable:hover .css-truncate-target, + &.expandable:hover.css-truncate-target { + max-width: 10000px !important; + } +} |