| 1 |
.bkbg-cs-wrap { box-sizing: border-box; } |
| 2 |
.bkbg-cs-grid { display: grid; } |
| 3 |
.bkbg-cs-card { box-sizing: border-box; overflow: hidden; } |
| 4 |
.bkbg-cs-tile { box-sizing: border-box; } |
| 5 |
.bkbg-cs-info { box-sizing: border-box; } |
| 6 |
.bkbg-cs-title { font-weight: var(--bkbg-cs-tt-font-weight, 700); font-family: var(--bkbg-cs-tt-font-family, inherit); font-style: var(--bkbg-cs-tt-font-style, normal); text-transform: var(--bkbg-cs-tt-text-transform, none); text-decoration: var(--bkbg-cs-tt-text-decoration, none); font-size: var(--bkbg-cs-tt-font-size-d, inherit); line-height: var(--bkbg-cs-tt-line-height-d, 1.2); letter-spacing: var(--bkbg-cs-tt-letter-spacing-d, normal); word-spacing: var(--bkbg-cs-tt-word-spacing-d, normal); } |
| 7 |
.bkbg-cs-subtitle { font-size: var(--bkbg-cs-lb-font-size-d, 13px); line-height: var(--bkbg-cs-lb-line-height-d, 1.5); font-family: var(--bkbg-cs-lb-font-family, inherit); } |
| 8 |
.bkbg-cs-name { font-size: calc(var(--bkbg-cs-lb-font-size-d, 13px) + 1px); font-weight: var(--bkbg-cs-lb-font-weight, 700); font-family: var(--bkbg-cs-lb-font-family, inherit); line-height: var(--bkbg-cs-lb-line-height-d, 1.4); } |
| 9 |
.bkbg-cs-hex { font-size: var(--bkbg-cs-lb-font-size-d, 13px); font-family: var(--bkbg-cs-lb-font-family, monospace); line-height: var(--bkbg-cs-lb-line-height-d, 1.4); } |
| 10 |
.bkbg-cs-usage { font-size: calc(var(--bkbg-cs-lb-font-size-d, 13px) - 1px); font-family: var(--bkbg-cs-lb-font-family, inherit); line-height: var(--bkbg-cs-lb-line-height-d, 1.4); } |
| 11 |
@media (max-width: 1024px) { |
| 12 |
.bkbg-cs-title { font-size: var(--bkbg-cs-tt-font-size-t, var(--bkbg-cs-tt-font-size-d, inherit)); line-height: var(--bkbg-cs-tt-line-height-t, var(--bkbg-cs-tt-line-height-d, 1.2)); letter-spacing: var(--bkbg-cs-tt-letter-spacing-t, var(--bkbg-cs-tt-letter-spacing-d, normal)); word-spacing: var(--bkbg-cs-tt-word-spacing-t, var(--bkbg-cs-tt-word-spacing-d, normal)); } |
| 13 |
.bkbg-cs-subtitle, .bkbg-cs-name, .bkbg-cs-hex, .bkbg-cs-usage { font-size: var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px)); line-height: var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4)); } |
| 14 |
.bkbg-cs-name { font-size: calc(var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px)) + 1px);line-height:var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4))} |
| 15 |
.bkbg-cs-usage { font-size: calc(var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px)) - 1px);line-height:var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4))} |
| 16 |
} |
| 17 |
@media (max-width: 767px) { |
| 18 |
.bkbg-cs-title { font-size: var(--bkbg-cs-tt-font-size-m, var(--bkbg-cs-tt-font-size-t, var(--bkbg-cs-tt-font-size-d, inherit))); line-height: var(--bkbg-cs-tt-line-height-m, var(--bkbg-cs-tt-line-height-t, var(--bkbg-cs-tt-line-height-d, 1.2))); letter-spacing: var(--bkbg-cs-tt-letter-spacing-m, var(--bkbg-cs-tt-letter-spacing-t, var(--bkbg-cs-tt-letter-spacing-d, normal))); word-spacing: var(--bkbg-cs-tt-word-spacing-m, var(--bkbg-cs-tt-word-spacing-t, var(--bkbg-cs-tt-word-spacing-d, normal))); } |
| 19 |
.bkbg-cs-subtitle, .bkbg-cs-name, .bkbg-cs-hex, .bkbg-cs-usage { font-size: var(--bkbg-cs-lb-font-size-m, var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px))); line-height: var(--bkbg-cs-lb-line-height-m, var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4))); } |
| 20 |
.bkbg-cs-name { font-size: calc(var(--bkbg-cs-lb-font-size-m, var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px))) + 1px);line-height:var(--bkbg-cs-lb-line-height-m, var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4)))} |
| 21 |
.bkbg-cs-usage { font-size: calc(var(--bkbg-cs-lb-font-size-m, var(--bkbg-cs-lb-font-size-t, var(--bkbg-cs-lb-font-size-d, 13px))) - 1px);line-height:var(--bkbg-cs-lb-line-height-m, var(--bkbg-cs-lb-line-height-t, var(--bkbg-cs-lb-line-height-d, 1.4)))} |
| 22 |
} |
| 23 |
|
