// Converted Variables
// Custom Media Query Variables
/*
TYPOGRAPHY http://tachyons.io/docs/typography/measure/ Media Query Extensions: -ns = not-small -m = medium -l = large
*/
/* Measure is limited to ~66 characters */ .measure {
max-width: $measure;
}
/* Measure is limited to ~80 characters */ .measure-wide {
max-width: $measure-wide;
}
/* Measure is limited to ~45 characters */ .measure-narrow {
max-width: $measure-narrow;
}
/* Book paragraph style - paragraphs are indented with no vertical spacing. */ .indent {
text-indent: 1em; margin-top: 0; margin-bottom: 0;
}
.small-caps {
font-variant: small-caps;
}
/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media #{$breakpoint-not-small} {
.measure-ns { max-width: $measure; } .measure-wide-ns { max-width: $measure-wide; } .measure-narrow-ns { max-width: $measure-narrow; } .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .small-caps-ns { font-variant: small-caps; } .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media #{$breakpoint-medium} {
.measure-m { max-width: $measure; } .measure-wide-m { max-width: $measure-wide; } .measure-narrow-m { max-width: $measure-narrow; } .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .small-caps-m { font-variant: small-caps; } .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media #{$breakpoint-large} {
.measure-l { max-width: $measure; } .measure-wide-l { max-width: $measure-wide; } .measure-narrow-l { max-width: $measure-narrow; } .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0; } .small-caps-l { font-variant: small-caps; } .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}