Skip to content

brandedux/scribe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

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.