Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Scribe

Simply download it and import it from your CSS library.

Getting started

Download or clone the code.
git clone https://github.com/brandedux/scribe.git

Import Scribe:
Import scribe.scss into your app.scss or primary file.
@import './scribe';

Example Class:
Include the scribe class in your markup.
class="scribe"

Nest size, weight and alternate classes within the scribe class.
class="txt-base txt-500 txt-italic"

Nested classes should be used like:
<div class="scribe">
<p class="txt-bigger txt-900">0 2 8 18 32</p>
</div>

1. Default text size uses Fibonacci scale

  • txt-smallest
  • txt-smaller
  • txt-small
  • txt-base
  • txt-big
  • txt-bigger
  • txt-biggest

2. Font-weight array

  • txt-100
  • txt-200
  • txt-300
  • txt-400
  • txt-500
  • txt-600
  • txt-700
  • txt-800
  • txt-900

3. Alternates

  • txt-bold
  • txt-bolder
  • txt-fixed-width
  • txt-italic
  • txt-caps
  • txt-small-caps
  • txt-sup
  • txt-sub

Copyright and License

Copyright (c) 2019, Jeff Davis.

Scribe source code is licensed under the MIT License.

About

✍️Scribe is text formatting classes ✨by Jeff Davis

Topics

Resources

Stars

2 stars

Watchers

2 watching

Forks

Releases

Packages

Contributors

Languages