%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/tif-dev/wp-content/themes/inkfactory/assets/scss/
Upload File :
Create Path :
Current File : //var/www/tif-dev/wp-content/themes/inkfactory/assets/scss/_typography.scss

// Typography - Desktop
h1,
.h1 {
    font-family: $second-font;
    font-size: calc-rem(93);
    line-height: calc-lh(93, 84);
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0em;
}

h2,
.h2 {
    font-family: $base-font;
    font-size: calc-rem(25);
    line-height: calc-lh(25, 30);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
}

h3,
.h3 {
    font-family: $base-font;
    font-size: calc-rem(22);
    line-height: calc-lh(22, 27);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
}

h4,
.h4 {
    font-family: $base-font;
    font-size: calc-rem(18);
    line-height: calc-lh(18, 24);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
}

h5,
.h5 {
    font-family: $base-font;
    font-size: calc-rem(16);
    line-height: calc-lh(16, 20);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
}

h6,
.h6 {
    font-family: $base-font;
    font-size: calc-rem(12);
    line-height: calc-lh(12, 18);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
}

.main-title {
    font-weight: 400;
    text-transform: uppercase;
    color: $violet;
    letter-spacing: 0.02em;
    margin-bottom: calc-rem(40);
}

.sub-title {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: calc-rem(36);
    line-height: calc-lh(36, 40);
    margin-bottom: calc-rem(20);
}

.content_small {
    font-family: $base-font;
    font-size: calc-rem(13);
    line-height: calc-lh(13, 18);
    margin-bottom: calc-rem(20);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0em;
}
p,
.content_normal {
    font-family: $base-font;
    font-size: calc-rem(16);
    line-height: calc-lh(16, 24);
    margin-bottom: calc-rem(20);
    font-style: normal;
    font-weight: 300;
    letter-spacing: 0em;
}
.content_large {
    font-family: $base-font;
    font-style: normal;
    font-weight: 400;
    font-size: calc-rem(24);
    line-height: calc-lh(24, 32);
}

.caption_normal {
    font-family: $base-font;
    font-size: calc-rem(16);
    line-height: calc-lh(16, 24);
    font-style: normal;
    font-weight: normal;
}

.content-wrapper {
    .title {
        font-weight: 700;
        font-size: calc-rem(24);
        line-height: calc-lh(24, 30);
        margin-bottom: calc-rem(24);
        text-transform: inherit;
        text-align: center;
    }
    .main-title {
        font-weight: 400;
        text-transform: uppercase;
        color: $violet;
        letter-spacing: 0.02em;
        margin-bottom: calc-rem(40);
    }

    .sub-title {
        text-transform: uppercase;
        letter-spacing: 0.02em;
        font-size: calc-rem(36);
        line-height: calc-lh(36, 40);
        margin-bottom: calc-rem(20);
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: $base-font;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: calc-rem(24);
    }
    ul {
        margin-bottom: 40px;
        li {
            padding-left: 1.875rem;
            position: relative;
            margin-bottom: 0.5625rem;
            &::after {
                content: "";
                position: absolute;
                display: block;
                left: 0.75rem;
                top: 0.75rem;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: $violet;
            }
        }
    }
    a {
        color: $violet;
        text-decoration: underline;
    }
    .wp-block-table {
        td {
            padding: 15px 0;
        }
        &.is-style-stripes {
            td {
                padding: 15px;
            }
        }
    }
    .wp-block-table {
        figcaption {
            margin-top: 50px;
            font-size: 13px;
            color: #4f4f4f;
        }
    }
}

// @media (max-width: 1200px) {
//     h1,
//     .h1 {
//         font-size: calc-rem(64);
//         line-height: calc-lh(64, 80);
//         font-style: normal;
//         font-weight: 700;
//     }
//     h2,
//     .h2 {
//         font-size: calc-rem(56);
//         line-height: calc-lh(56, 72);
//         font-style: normal;
//         font-weight: 400;
//     }
//     // h3,
//     // .h3 {
//     //     font-size: calc-rem(48);
//     //     line-height: calc-lh(48, 64);
//     // }
//     h4,
//     .h4 {
//         font-size: calc-rem(40);
//         line-height: calc-lh(40, 56);
//     }
//     h5,
//     .h5 {
//         font-size: calc-rem(32);
//         line-height: calc-lh(32, 48);
//     }
//     .main-title {
//         font-size: calc-rem(93);
//         line-height: calc-lh(93, 84);
//         font-weight: 700;
//     }
// }

@media (max-width: 767px) {
    h1,
    .h1 {
        font-size: calc-rem(44);
        line-height: calc-lh(44, 60);
        font-style: normal;
        font-weight: 400;
    }
    h2,
    .h2 {
        font-size: calc-rem(40);
        line-height: calc-lh(40, 51);
        font-style: normal;
        font-weight: 400;
    }
    // h3,
    // .h3 {
    //     font-size: calc-rem(32);
    //     line-height: calc-lh(32, 40);
    // }
    h4,
    .h4 {
        font-size: calc-rem(24);
        line-height: calc-lh(24, 32);
    }
    h5,
    .h5 {
        font-size: calc-rem(20);
        line-height: calc-lh(20, 32);
    }
    p,
    .content_normal {
    }
    .main-title {
        font-size: calc-rem(58);
        line-height: calc-lh(58, 50);
        font-weight: 700;
    }
}

Zerion Mini Shell 1.0