@robotical/sensors-dashboard/src/components/modals/HowToUseModal/Terminology/styles.module.css

A dashboard tool for depicting Marty data by Robotical

.howToUseModalContainer {
    display: grid;
    gap: 0.8rem;
    padding-block: 0.6rem;
}

.howToUseModalTextTitle {
    margin-top: 1.4rem;
    color: var(--colour-BLACK);
    font-family: "BigNoodleTitling Regular";
    font-size: 2.2rem;
    letter-spacing: 0.02em;
}

.howToUseModalTextParagraph {
    color: var(--colour-BLACK_075);
    font-size: 1.45rem;
    line-height: 1.55;
}

.howToUseModalTextParagraph a {
    color: var(--colour-primary-deep);
    font-weight: 800;
    text-underline-offset: 0.2rem;
}

.terminologyKey {
    display: grid;
    grid-template-columns: minmax(14rem, 0.38fr) 1fr;
    gap: 1.2rem;
    align-items: start;
    padding: 1.2rem;
    background-color: var(--colour-GREY_2);
    border: 0.1rem solid var(--colour-GREY_4);
    border-radius: 1.2rem;
    color: var(--colour-BLACK_075);
    font-size: 1.35rem;
    line-height: 1.45;
}

.terminologyKey b {
    color: var(--colour-BLACK);
    font-size: 1.4rem;
}

@media (max-width: 560px) {
    .terminologyKey {
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }
}