| @@ -74,8 +74,11 @@ | ||
| 74 | 74 | .bkbg-column--padding-xl .bkbg-column__inner { |
| 75 | 75 | padding: var(--bkbg-col-padding-xl); |
| 76 | 76 | } |
| 77 | 77 | |
| 78 | +/* Typography */ | |
| 79 | +.bkbg-column { font-size: var(--bkbg-col-cn-font-size-d, 16px); font-weight: var(--bkbg-col-cn-font-weight, 400); line-height: var(--bkbg-col-cn-line-height-d, 1.6); font-family: var(--bkbg-col-cn-font-family, inherit); font-style: var(--bkbg-col-cn-font-style, normal); text-transform: var(--bkbg-col-cn-text-transform, none); text-decoration: var(--bkbg-col-cn-text-decoration, none); letter-spacing: var(--bkbg-col-cn-letter-spacing-d, normal); word-spacing: var(--bkbg-col-cn-word-spacing-d, normal); } | |
| 80 | + | |
| 78 | 81 | /* ======================================== |
| 79 | 82 | Responsive Breakpoints |
| 80 | 83 | ======================================== */ |
| 81 | 84 | |
| @@ -85,8 +88,9 @@ | ||
| 85 | 88 | flex-basis: var(--bkbg-col-tablet, var(--bkbg-col-desktop)); |
| 86 | 89 | max-width: var(--bkbg-col-tablet, var(--bkbg-col-desktop)); |
| 87 | 90 | width: var(--bkbg-col-tablet, var(--bkbg-col-desktop)); |
| 88 | 91 | } |
| 92 | + .bkbg-column { font-size: var(--bkbg-col-cn-font-size-t, var(--bkbg-col-cn-font-size-d, 16px)); line-height: var(--bkbg-col-cn-line-height-t, var(--bkbg-col-cn-line-height-d, 1.6)); letter-spacing: var(--bkbg-col-cn-letter-spacing-t, var(--bkbg-col-cn-letter-spacing-d, normal)); word-spacing: var(--bkbg-col-cn-word-spacing-t, var(--bkbg-col-cn-word-spacing-d, normal)); } | |
| 89 | 93 | } |
| 90 | 94 | |
| 91 | 95 | /* Mobile: < 768px */ |
| 92 | 96 | @media (max-width: 767px) { |
| @@ -101,8 +105,9 @@ | ||
| 101 | 105 | flex-basis: 100% !important; |
| 102 | 106 | max-width: 100% !important; |
| 103 | 107 | width: 100% !important; |
| 104 | 108 | } |
| 109 | + .bkbg-column { font-size: var(--bkbg-col-cn-font-size-m, var(--bkbg-col-cn-font-size-t, var(--bkbg-col-cn-font-size-d, 16px))); line-height: var(--bkbg-col-cn-line-height-m, var(--bkbg-col-cn-line-height-t, var(--bkbg-col-cn-line-height-d, 1.6))); letter-spacing: var(--bkbg-col-cn-letter-spacing-m, var(--bkbg-col-cn-letter-spacing-t, var(--bkbg-col-cn-letter-spacing-d, normal))); word-spacing: var(--bkbg-col-cn-word-spacing-m, var(--bkbg-col-cn-word-spacing-t, var(--bkbg-col-cn-word-spacing-d, normal))); } | |
| 105 | 110 | } |
| 106 | 111 | |
| 107 | 112 | /* ======================================== |
| 108 | 113 | Editor-specific Styles |
