summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/truncate/truncate.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/truncate/truncate.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/truncate/truncate.scss')
-rw-r--r--assets/sass/@primer/css/truncate/truncate.scss31
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;
+ }
+}