This is the pattern library for the J2made website. This is page header content can have a custom max-width set in either pixels or a percent. This content has a max-width set to 700px.
$black
$white
$gray-10
$gray-20
$gray-30
$gray-50
$brand-color
J2 Design (p tag)
J2 Design(p tag)
J2 Design(h1 tag)
J2 Design(h2 tag)
J2 Design(h3 tag)
J2 Design(h4 tag)
J2 Design(h5 tag)
J2 Design(h6 tag)
.head-1 via @extend %head-1.head-2 via @extend %head-2.head-3 via @extend %head-3.head-4 via @extend %head-4p tag with class .mod-copy-1 via @extend %mod-copy-1
h1 tag with class .head-1 via @extend %head-1
h1 tag with class .head-2 via @extend %head-2
h1 tag with class .head-3 via @extend %head-3
h1 tag with class .head-4 via @extend %head-4
p tag with class .mod-copy-1 via @extend %mod-copy-1
$black
$white
$gray-10
$gray-20
$gray-30
$gray-50
$brand-color
J2 Design (p tag)
J2 Design(p tag)
J2 Design(h1 tag)
J2 Design(h2 tag)
J2 Design(h3 tag)
J2 Design(h4 tag)
J2 Design(h5 tag)
J2 Design(h6 tag)
.head-1 via @extend %head-1.head-2 via @extend %head-2.head-3 via @extend %head-3.head-4 via @extend %head-4p tag with class .mod-copy-1 via @extend %mod-copy-1
h1 tag with class .head-1 via @extend %head-1
h1 tag with class .head-2 via @extend %head-2
h1 tag with class .head-3 via @extend %head-3
h1 tag with class .head-4 via @extend %head-4
p tag with class .mod-copy-1 via @extend %mod-copy-1