{"id":1951,"date":"2021-11-04T06:59:24","date_gmt":"2021-11-04T06:59:24","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1951"},"modified":"2022-02-13T22:52:56","modified_gmt":"2022-02-13T22:52:56","slug":"helper-classes","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/04\/helper-classes\/","title":{"rendered":"Helper Classes"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">Width, Height, Position<\/h5>\n\n\n\n<pre class=\"wp-block-code mb-8\"><code>.w-auto { width: auto!important; }\n.w-25 { width: 25%!important; }\n.w-50 { width: 50%!important; }\n.w-75 { width: 75%!important; }\n.w-100 { width: 100%!important; }\n.h-100 { height: 100%!important; }\n.p-relative { position: relative!important; }\n.p-absolute { position: absolute!important; }\n.p-static { position: static!important; }\n<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Display<\/h5>\n\n\n\n<pre class=\"wp-block-code mb-8\"><code>\n.d-none { display: none!important; }\n.d-block { display: block!important; }\n.d-inline-block { display: inline-block!important; }\n.d-flex { display: flex!important; }\n.d-inline-flex { display: inline-flex!important; }\n.justify-content-center { justify-content: center!important; }\n.justify-content-start { justify-content: flex-start!important; }\n.justify-content-end { justify-content: flex-end!important; }\n.justify-content-between { justify-content: space-between!important; }\n.align-items-start { align-items: flex-start!important; }\n.align-items-center { align-items: center!important; }\n.align-items-end { align-items: flex-end!important; }\n.align-self-start { align-self: flex-start!important; }\n.align-self-center { align-self: center!important; }\n.align-self-end { align-self: flex-end!important; }\n.flex-column { flex-direction: column!important; }\n.flex-wrap { flex-wrap: wrap!important; }\n.flex-1 { flex: 1!important; }\n.overflow-hidden { overflow: hidden!important; }\n.vertical-top { vertical-align: top!important; }\n.vertical-middle { vertical-align: middle!important; }\n.vertical-bottom { vertical-align: bottom!important; }\n@media (min-width: 576px) {\n    .d-sm-none { display:none!important; }\n    .d-sm-block { display: block!important; }\n    .d-sm-flex { display: flex!important; }\n}\n@media (min-width: 768px) {\n    .w-md-50 { width:50%!important; }\n    .float-md-left { float: left!important; }\n    .float-md-right { float: right!important; }\n    .d-md-none { display: none!important; }\n    .d-md-block { display: block!important; }\n    .d-md-flex { display: flex!important; }\n}\n@media (min-width: 992px) {\n    .d-lg-none { display:none!important; }\n    .d-lg-block { display: block!important; }\n    .d-lg-flex { display: flex!important; }\n}\n@media (min-width: 1200px) {\n    .d-xl-none { display:none!important; }\n    .d-xl-block { display: block!important; }\n    .d-xl-flex { display: flex!important; }\n}\n@media (max-width: 576px) {\n    .d-none-sm-max { display:none!important; }\n}\n@media (min-width: 1200px) {\n    .hide-on-xl { display:none!important; }\n}\n@media (max-width: 1199px) and (min-width:992px) {\n    .hide-on-lg { display:none!important; }\n}\n@media (max-width: 991px) and (min-width:768px) {\n    .hide-on-md { display:none!important; }\n}\n@media (max-width: 767px) and (min-width:576px) {\n    .hide-on-sm { display:none!important; }\n}\n@media (max-width: 575px) {\n    .hide-on-xs { display:none!important; }\n}\n<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Font Weight, Transform, Type, Align<\/h5>\n\n\n\n<pre class=\"wp-block-code mb-8\"><code>.font-weight-bold { font-weight: 700!important; }\n.font-weight-semi-bold { font-weight: 600!important; }\n.font-weight-normal { font-weight: 400!important; }\n.text-uppercase { text-transform: uppercase!important; }\n.text-capitalize { text-transform: capitalize!important; }\n.text-normal { text-transform: none!important; }\n.font-italic { font-style: italic!important; }\n.font-normal { font-stretch: normal!important; }\n.text-left { text-align: left!important; }\n.text-center { text-align: center!important; }\n.text-right { text-align: right!important; }\n<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Text Color<\/h5>\n\n\n\n<pre class=\"wp-block-code mb-8\"><code>.text-white { color: #fff!important; }\n.text-light { color: var(--alpha-light-color,var(--alpha-light-color,#ccc))!important; }\n.text-grey { color: #999!important; }\n.text-body { color: var(--alpha-body-color)!important; }\n.text-primary { color: var(--alpha-primary-color,#2879FE)!important; }\n.text-secondary { color: var(--alpha-secondary-color,#ff9742)!important; }\n.text-success { color: #799b5a!important; }\n.text-info { color: #369!important; }\n.text-warning { color: #ffa800!important; }\n.text-danger { color: #a94442!important; }\n.text-dark { color: var(--alpha-dark-color,#333)!important; }\n.text-black { color: #000!important; }\n<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Letter Spacing , Line Height<\/h5>\n\n\n\n<pre class=\"wp-block-code mb-8\"><code>.ls-s { letter-spacing: -0.01em!important; }\n.ls-m { letter-spacing: -0.025em!important; }\n.ls-l { letter-spacing: -0.05em!important; }\n.ls-normal { letter-spacing: 0!important; }\n.lh-1 { line-height: 1!important; }\n<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Background Color<\/h5>\n\n\n\n<pre class=\"wp-block-code mb-8\"><code>.bg-white { background-color: #fff!important; }\n.bg-dark { background-color: var(--alpha-dark-color,#333)!important; }\n.bg-grey { background-color: #999!important; }\n.bg-light { background-color: var(--alpha-light-color,var(--alpha-light-color,#ccc))!important; }\n.bg-black { background-color: #000!important; }\n.bg-primary { background-color: var(--alpha-primary-color,#2879FE)!important; }\n.bg-secondary { background-color: var(--alpha-secondary-color,#d26e4b)!important; }\n<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">Border<\/h5>\n\n\n\n<pre class=\"wp-block-code mb-8\"><code>.border-no { border: none!important; }\n.br-3 { border-radius: 3px!important; }\n.br-5 { border-radius: 5px!important; }<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Width, Height, Position Display Font Weight, Transform, Type, Align Text Color Letter Spacing , Line Height Background Color Border<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[37],"tags":[],"class_list":["post-1951","post","type-post","status-publish","format-standard","hentry","category-for-developers"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=1951"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1951\/revisions"}],"predecessor-version":[{"id":4009,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1951\/revisions\/4009"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=1951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=1951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=1951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}