Mediawiki:scmcchemistry.css

Вернуться

Строка 295: Строка 295:


.scmc-chem__tab:focus-visible,
.scmc-chem__tab:focus-visible,
.scmc-chem__section-link:focus-visible,
.scmc-chem__retry:focus-visible,
.scmc-chem__retry:focus-visible,
.scmc-chem__card-summary:focus-visible {
.scmc-chem__card-summary:focus-visible {
Строка 318: Строка 319:
     background: rgba(105, 185, 223, .18);
     background: rgba(105, 185, 223, .18);
     color: var(--scmc-chem-blue);
     color: var(--scmc-chem-blue);
}
.scmc-chem__section-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: -10px 0 22px;
    padding: 10px;
    border: 1px solid var(--scmc-chem-border);
    border-radius: 10px;
    background: var(--scmc-chem-surface-soft);
}
.scmc-chem__section-nav[hidden] {
    display: none;
}
.scmc-chem__section-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 31px;
    padding: 4px 10px;
    border: 1px solid var(--scmc-chem-border);
    border-radius: 999px;
    background: var(--scmc-chem-surface);
    color: var(--scmc-chem-text-soft) !important;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none !important;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.scmc-chem__section-link:hover {
    border-color: rgba(105, 185, 223, .45);
    background: var(--scmc-chem-blue-soft);
    color: var(--scmc-chem-blue) !important;
}
.scmc-chem__section-link-count {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(126, 148, 165, .14);
    color: var(--scmc-chem-muted);
    font-size: 10px;
    font-weight: 850;
}
}


Строка 329: Строка 381:
.scmc-chem__section {
.scmc-chem__section {
     margin: 0 0 30px;
     margin: 0 0 30px;
    scroll-margin-top: 18px;
}
}


Строка 1065: Строка 1118:
         justify-content: flex-start;
         justify-content: flex-start;
         margin-bottom: 20px;
         margin-bottom: 20px;
    }
    .scmc-chem__section-nav {
        flex-wrap: nowrap;
        margin: -8px 0 18px;
        overflow-x: auto;
        padding: 8px;
        scrollbar-width: thin;
    }
    .scmc-chem__section-link {
        flex: 0 0 auto;
     }
     }