Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/modules/magefan/blog/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// BLOG - Common
// ==============================================

.blog-page {
    // Page title
    .page-title-wrapper {
        .page-title {
            @extend .title-1;
        }
    }

    // Sidebar
    .sidebar {
        &.sidebar-additional {

            // Title
            .block-title {
                @extend .title-3;
                margin-bottom: 1rem;
                text-align: left;
            }

            // Link
            .post-item-link,
            .archive-item-link {
                @extend .link-1;
                font-size: 1.2rem;

                @include breakpoint(md) {
                    font-size: 1.4rem;
                }
            }

            // Date
            .post-item-date {
                margin-top: .5rem;
                font-size: 1rem;
                font-style: italic;

                @include breakpoint(md) {
                    font-size: 1.2rem;
                }
            }

            .widget {
                @include breakpoint(md) {
                    margin-bottom: 0;

                    + .widget {
                        padding-top: 2rem;
                        margin-top: 2rem;
                        border-top: 1px solid $c-grey-border;
                    }
                }

                &:last-child {
                    margin-bottom: 0;
                }

                // Search
                &.blog-search {
                    float: none;

                    .form {
                        display: flex;

                        > .field.search {
                            width: calc(100% - 36px);

                            @include breakpoint(md) {
                                width: calc(100% - 48px);
                            }
                        }

                        > .actions {
                            > .action.search {
                                position: static;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                height: 36px;
                                width: 36px;
                                padding: 1rem;
                                background-color: $c-pink;
                                color: $c-white;
                                border-radius: 0 20px 20px 0;
                                cursor: pointer;

                                @include breakpoint(md) {
                                    height: 40px;
                                    width: 48px;
                                }

                                &::before {
                                    @extend %icon-icomoon;
                                    width: auto;
                                    height: auto;
                                    content: "\e923";
                                    font-size: 1.3rem;
                                    background: none;
                                    opacity: 1;

                                    @include breakpoint(md) {
                                        font-size: 1.5rem;
                                    }
                                }
                            }
                        }
                    }
                }

                // Categories
                &.block-categories {
                    li {
                        font-size: 1.2rem;
                        color: $c-blue;

                        @include breakpoint(md) {
                            font-size: 1.4rem;
                        }

                        a {
                            @extend .link-1;
                        }
                    }
                }

                // Archives
                &.block-archive {
                    .item {
                        + .item {
                            margin-top: .8rem;
                        }
                    }
                }

                // Tag
                &.block-tagclaud {
                    .tagclaud-hld {
                        display: flex;
                        flex-wrap: wrap;
                        margin: 0 -.2rem;
                    }

                    .largest {
                        margin: .6rem .2rem;
                        font-size: 1.4rem;

                        a {
                            padding: .2rem .5rem;
                            border: 1px solid currentColor;
                            border-radius: .25rem;
                            color: $c-blue;
                            transition: color;

                            &:hover,
                            &:focus,
                            &:active {
                                color: $c-blue-dark;
                            }
                        }
                    }
                }
            }
        }
    }

    // Post holder
    .post-holder {
        border: 1px solid $c-grey-border;

        @include breakpoint(md) {
            padding: 3rem;
        }

        @include breakpoint(lg) {
            padding: 4rem;
        }

        // Post header
        .post-header {
            margin-bottom: 1.5rem;
            border-bottom: 1px solid $c-grey-border;

            .post-info {
                font-size: 1.2rem;

                @include breakpoint(md) {
                    font-size: 1.4rem;
                }

                a {
                    @extend .link-1;
                }
            }
        }

        // Content
        .post-content {
            h1, h2, h3, h4 {
                margin: 1em 0;
            }
            h1 {
                @extend .title-1;
            }
            h2 {
                @extend .title-2;
            }
            h3 {
                @extend .title-3;
            }
            h4 {
                @extend .title-3;
            }
            p,
            ul,
            ol,
            div {
                font-size: 1.2rem;

                @include breakpoint(md) {
                    font-size: 1.4rem;
                }
            }
            ul, ol {
                @extend .list-1;
                padding-left: 2rem;
            }
            a {
                @extend .link-1;
            }
        }
    }

    // Pager
    .toolbar.toolbar-blog-posts {
        .pages ul.items {
            justify-content: center;
        }
    }
}