/**
 * Whitespace Component Styles
 * 
 * @package JNews-PE
 * @since 1.0.0
 */

/* Whitespace Base Styles */
.bs-white-space {
    display: block;
    width: 100%;
    clear: both;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .bs-white-space {
        height: var(--tablet-height, 16px) !important;
    }
}

@media (max-width: 768px) {
    .bs-white-space {
        height: var(--mobile-height, 10px) !important;
    }
}

/* JavaScript will set CSS custom properties based on data attributes */
.bs-white-space[data-tablet-ws] {
    --tablet-height: attr(data-tablet-ws px);
}

.bs-white-space[data-mobile-ws] {
    --mobile-height: attr(data-mobile-ws px);
}