1
1
mirror of https://github.com/primer/css.git synced 2024-12-25 23:23:47 +03:00
css/scss/_truncate.scss
Pascal Borreli 7f0ecf12c7 Fixed typos
2015-03-23 22:46:58 +00:00

28 lines
743 B
SCSS

// Truncate
//
// css-truncate will shorten text with an ellipsis.
.css-truncate {
// Truncate double target
//
// css-truncate will shorten text with an ellipsis. The maximum width
// of the truncated text can be changed by overriding the max-width
// of the .css-truncate-target
&.css-truncate-target,
.css-truncate-target {
display: inline-block;
max-width: 125px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
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;
}
}