forked from izu/student-web-if-development-kit
46 lines
959 B
CSS
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;
|
|
}
|
|
}
|