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/customer/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// CUSTOMER ACCOUNT - Address
// ==============================================

.account {
    // Index
    &.customer-address-index {
        .page-main {
            // Block
            .block {
                // Title
                .block-title {
                    text-align: left;
                }

                &.block-addresses-list {
                    .block-title {

                        @include breakpoint(md) {
                            margin-bottom: .5rem;
                        }
                    }
                }

                // Content
                .block-content {
                    @include breakpoint(only-md) {
                        flex-direction: column;

                        .box + .box {
                            margin-top: 2rem;
                        }
                    }

                    p.empty {
                        margin-bottom: 0;
                        font-size: 1.2rem;
                    }

                    > .table-wrapper,
                    > .customer-addresses-toolbar {
                        padding: 0 1rem;
                    }
                }

                // Box
                .box {
                    font-size: 1.2rem;

                    // Title
                    .box-title {
                        display: block;
                        margin-bottom: 1rem;
                        font-size: 1.4rem;
                        font-weight: 700;
                    }

                    // Actions
                    .box-actions {
                        .action {
                            @extend .link-1;

                            &::before {
                                display: none;
                            }

                            span {
                                margin-left: 0;
                            }
                        }
                    }
                }
            }

            // Actions
            .actions-toolbar {
                .action {
                    font-size: 1.2rem;
                }
            }
        }
    }

    // Add / Edit
    &.customer-address-form {
        // Form
        .form-address-edit {
            @include breakpoint(lg) {
                max-width: 53rem;
            }

            // Field
            .field {
                &:not(.choice) {
                    .label,
                    label {
                        @extend .visually-hidden;
                    }
                }

                &.choice {
                    label {
                        margin-bottom: 0;
                    }

                    + .choice {
                        margin-top: 1.5rem;
                    }
                }

                &.fullname {
                    @include breakpoint(only-md) {
                        .field-name-lastname {
                            margin-top: 2rem;
                        }
                    }

                    @include breakpoint(md) {
                        .fieldset-fullname {
                            .fields {
                                flex-wrap: wrap;

                                .field {
                                    flex: auto;
                                    width: 100%;

                                    + .field {
                                        margin-top: 25px;
                                    }
                                }

                                > .fields {
                                    flex: auto;
                                    width: 100%;
                                    margin: 25px 0 0;
                                }
                            }
                        }
                    }
                }

                @include breakpoint(md) {
                    &.zip,
                    &.city,
                    &.country {
                        display: inline-flex;
                        width: calc(33.3333% - 1.5rem);

                        .control {
                            width: 100%;
                        }
                    }

                    &.zip,
                    &.city {
                        margin-right: 1.8rem;
                    }
                }
            }
        }
    }
}