Files
student-web-if-development-kit/groups/Tapops/css/responsive.css
T

46 lines
959 B
CSS

/* ===========================================
Responsive Breakpoints — Document Sections
=========================================== */
/* --- Tablet (≤768px) --- */
@media (max-width: 768px) {
.tapops-doc-root .section-title {
font-size: 1.8rem;
letter-spacing: -0.5px;
}
.tapops-doc-root .section-tag {
font-size: 0.68rem;
letter-spacing: 2px;
padding: 5px 12px;
}
.tapops-doc-root .section-header {
margin-bottom: 35px;
}
}
/* --- Phone (≤480px) --- */
@media (max-width: 480px) {
.tapops-doc-root .section-title {
font-size: 1.5rem;
letter-spacing: -0.5px;
}
.tapops-doc-root .section-tag {
font-size: 0.6rem;
letter-spacing: 1.5px;
padding: 4px 10px;
}
.tapops-doc-root .section-subtitle {
font-size: 0.82rem;
}
.tapops-doc-root .section-header {
margin-bottom: 28px;
}
}