{"id":996,"date":"2015-01-09T02:16:45","date_gmt":"2015-01-09T02:16:45","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/studio8\/?page_id=996"},"modified":"2015-01-09T02:16:45","modified_gmt":"2015-01-09T02:16:45","slug":"helper-classes","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/helper-classes\/","title":{"rendered":"Helper classes"},"content":{"rendered":"

Attributes<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Class name<\/th>\nDescription<\/th>\nCode<\/th>\n<\/thead>\n
white<\/td>\nDefine white text color<\/td>\n
.white { color: $white; }<\/pre><\/td>\n<\/tr>\n
gray<\/td>\nDefine gray text color<\/td>\n
.gray { color: $gray; }<\/pre><\/td>\n<\/tr>\n
black<\/td>\nDefine black text color<\/td>\n
.black { color: $black; }<\/pre><\/td>\n<\/tr>\n
light-gray<\/td>\nDefine light gray text color<\/td>\n
.light-gray { color: $light-gray; }<\/pre><\/td>\n<\/tr>\n
medium-gray<\/td>\nDefine medium gray text color<\/td>\n
.medium-gray { color: $medium-gray; }<\/pre><\/td>\n<\/tr>\n
dark-gray<\/td>\nDefine dark gray text color<\/td>\n
.dark-gray { color: $dark-gray; }<\/pre><\/td>\n<\/tr>\n
text-color<\/td>\nDefine the default text color<\/td>\n
.text-color { color: $text-color; }<\/pre><\/td>\n<\/tr>\n
accent<\/td>\nDefine the accent text color<\/td>\n
.accent { color: $accent; }<\/pre><\/td>\n<\/tr>\n
hard-top,
hard-start<\/td>\n		Remove the top margin & padding of an element<\/td>\n
.hard-start, .hard-top {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}<\/pre><\/td>\n<\/tr>\n
hard-bottom,
hard-end<\/td>\n		Remove the bottom margin & padding of an element<\/td>\n
.hard-end, .hard-bottom {\n  padding-bottom: 0 !important;\n  margin-bottom: 0 !important;\n}<\/pre><\/td>\n<\/tr>\n
center<\/td>\nAlign an element to center<\/td>\n
.center { text-align: center; margin: 0 auto; }<\/pre><\/td>\n<\/tr>\n
left<\/td>\nAlign an element to left<\/td>\n
.left { text-align: left; float: left; }<\/pre><\/td>\n<\/tr>\n
right<\/td>\nAlign an element to right<\/td>\n
.right { text-align: right; float: right; }<\/pre><\/td>\n<\/tr>\n
font-smoothing<\/td>\nControls the application of anti-aliasing when fonts are rendered<\/td>\n
.font-smoothing {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}<\/pre><\/td>\n<\/tr>\n
link<\/td>\nGive your anchors a special treatment<\/a><\/td>\n
...<\/a><\/pre><\/td>\n<\/tr>\n
no-lazy<\/td>\nDisable lazy loading on an image<\/td>\n
<\/pre><\/td>\n<\/tr>\n<\/tr>\n
fit-text New<\/sup><\/td>\nMakes scalable headlines that fill the width of a parent element.<\/td>\n
\n
Headline<\/h1>\n<\/pre><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"
Attributes Class name Description Code white Define white text color gray Define gray text color black Define black text color light-gray Define light gray text color medium-gray Define medium gray text color dark-gray Define dark gray text color text-color Define the default text color accent Define the accent text color hard-top,hard-start Remove the top margin…  Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":617,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/996"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=996"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/996\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/617"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}