# wt-security/2.1.7/htdocs/scss/blocks.scss

WebTotem Security, version 2.1.7. 86 lines.

- Page: https://pluginprobe.com/plugins/wt-security/2.1.7/code/htdocs/scss/blocks.scss
- Raw: https://pluginprobe.com/plugins/wt-security/2.1.7/raw/htdocs/scss/blocks.scss
- Modified: 2020-07-13T13:03:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wt-security/2.1.7/code/htdocs/scss/blocks.scss#L10-L20`.

```scss
@import "variables.scss";

.wtotem_container {
    max-width: 1020px;
    margin: 0 auto;
}

.wtotem_title-info {
    &__title {
        font-size: 14px;
        text-transform: uppercase;
    }

    &__info {
        background: url("../img/info-gray.svg") no-repeat center center / cover;
        display: inline-block;
        vertical-align: middle;
        width: 17px;
        height: 17px;
        margin-top: -2px;
    }
}

.title {
    //h2
    font-size: 24px;
    font-weight: 700;
}

.section-header-mb {
    margin-bottom: 25px;
}

.arrow-right {
    color: $c-blue;
    cursor: pointer;
    display: flex;
    align-items: center;
    &:after {
        content: "";
        border: solid $c-blue;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        margin-left: 10px;
    }
}

.wtotem_print {
    display: flex;
    align-items: center;
    cursor: pointer;
    &__img {
        display: block;
        width: 17px;
        height: 17px;
        margin-right: 10px;
        background: url("../img/print.svg") no-repeat center center / cover;
    }

    &__label {
        color: #86939e;
    }
}

.card {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background: #fff;
}

/* 576-768px sm  Small */
@media screen and (max-width: 768px) {
    .section-header-mb {
        margin-bottom: 20px;
    }

    .arrow-right {
        &:after {
            margin-left: 5px;
        }
    }
}

```
