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 - View
// ==============================================

.blog-page {
    &.blog-post-view {
        .post-view {
            // Gallery
            .post-gallery {
                .gallery-image-hld {
                    border: 1px solid $c-grey-border;
                }
            }

            // Nav prev/next
            .post-nextprev-hld {
                a.nextprev-link {
                    @extend .link-1;
                    font-size: 1.2rem;
                    text-decoration: none;

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

            // Related
            .block.related {
                &::before {
                    left: -2rem;
                    right: -2rem;
                    width: calc(100% + 4rem);
                    transform: translateX(0);

                    @include breakpoint(md) {
                        left: -3rem;
                        right: -3rem;
                        width: calc(100% + 6rem);
                    }

                    @include breakpoint(md) {
                        left: -4rem;
                        right: -4rem;
                        width: calc(100% + 8rem);
                    }
                }

                .block-title {
                    @extend .title-3;
                }

                ol.block-content {
                    @extend .list-1;
                    padding-left: 2rem;

                    > li.item {
                        > a {
                            font-size: 1.2rem;
                            color: $c-blue;
                            text-decoration: underline;
                            transition: color.3s;

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

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

            // Comments
            .block.comments {
                padding: 2rem;
                margin-bottom: 0;
                background: $c-white-dark;
                border-radius: $radius-box / 2;

                .c-count {
                    padding-bottom: 2rem;
                    margin-bottom: 2rem;
                    border-bottom: 1px solid $c-grey-border;
                    color: $c-base;
                }

                textarea {
                    border: 1px solid $c-grey;
                    color: $c-blue-dark;

                    &::placeholder {
                        font-family: $f-roboto;
                        font-weight: $fw-roboto-regular;
                        color: $c-blue-dark;
                    }
                }

                .c-btn-hld {
                    background: none;
                    border: none;

                    > button {
                        @extend .btn;
                        border-radius: $radius-btn !important;

                        &[type="submit"] {
                            @extend .btn--pink;
                        }
                    }
                }

                .c-post {
                    .p-name {
                        margin-bottom: .5rem;
                        font-size: 1.2rem;
                        color: $c-blue-dark;

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

                    .p-text {
                        font-size: 1.2rem;
                        color: $c-base;

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

                    .p-actions {
                        a {
                            @extend .link-1;
                            margin-right: .5rem;
                        }
                    }

                    .c-replyform {
                        textarea,
                        input {
                            color: $c-blue-dark;

                            &::placeholder {
                                font-family: $f-roboto;
                                font-weight: $fw-roboto-regular;
                                color: $c-blue-dark;
                            }
                        }
                    }
                }
            }
        }
    }
}