Skip to content

Releases: ScalesCSS/base-typography

1.3.0

16 Aug 21:16
@yodasw16 yodasw16
v1.3.0
5b29826

Choose a tag to compare

View all tags
1.3.0 Latest
Latest

Typography

Customizable heading classes

The Greek alphabet heading utility classes are now set to variables so you can choose to name them something else.

New variables

  • $custom-h1-utility-class
  • $custom-h2-utility-class
  • $custom-h3-utility-class
  • $custom-h4-utility-class
  • $custom-h5-utility-class
  • $custom-h6-utility-class
Assets 2
Loading

1.2.0

17 May 00:08
@yodasw16 yodasw16
v1.2.0
ec4d3fe

Choose a tag to compare

View all tags
1.2.0

Typography

Measure

Added 2 new classes and 2 new variables to control measure.

Measure is the length of a line of text. For maximum readability, this should optimally be set between 45 and 75 characters. With multiple columns of text the measure should be narrower, between 40 and 50 characters.

  • .measure and $measure
  • .measure--narrow and $narrow-measure

Truncation

Added a new class to truncate text. This allows you to cut text off if it exceeds the width of the viewport and adds an ellipsis. This works even better when combined with overrides-size to control where it cuts off by applying a width to the container.

  • .truncate

Default Spacing

Added 3 new variables to control the default margins for text, headings, and code blocks.

  • text-margins
  • heading-margins
  • code-block-margins

Heading Color

Added a new variable to set the default color for headings.

  • heading-color

Pre

Removed white-space and word-wrap css properties from <pre> by default and added a variable to turn it back on.

  • pre-wordwrap

Removed Stuff

Removed $base-font-stack and $heading-font-stack variables

Thanks

Special thank you to @afebbraro for the spacing and heading color changes.

Loading