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/common/buttons/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// BUTTONS - Native
// ==============================================

// Configuration
$button-icons-color:              lighten($c-black, 30%);

//
//  Magento filled buttons
//  _____________________________________________

.action {
    &.action-apply,
    &.action.apply,
    &.action-auth-toggle,
    &.action-login,
    &.action-menu-item,
    &.action-show-popup,
    &.clear,
    &.compare,
    &.create,
    &.customize,
    &.login,
    &.save,
    &.select,
    &.share,
    &.submit,
    &.subscribe,
    &.update {
        @extend .btn;
    }

    &.tocart,
    &.checkout,
    &.continue,
    &.viewcart + .viewcart {
        @extend .btn--pink;
    }
}

//
//  Magento links buttons
//  _____________________________________________

.action {
    &.add,
    &.action-remind {
        @extend .link-1;
    }
}

//
//  Magento icon buttons
//  _____________________________________________

.action {
    &.change-password,
    &.edit,
    &.action-edit,
    &.delete,
    &.action-delete,
    &.next,
    &.previous,
    &.sorter-action,
    &.tocompare,
    &.towishlist {
        color: $button-icons-color;
        text-decoration: none;

        &::before {
            content: "";
            @extend %icon-icomoon;
        }

        span {
            margin-left: 4px;
        }
    }
}

// Edit
.action.edit,
.action.action-edit,
.action.change-password {
    &::before {
        content: "\e601";
    }
}

// Delete
.action.delete,
.action.action-delete {
    &::before {
        content: "\e90e";
    }
}

// Wishlist
.action.towishlist::before {
    content: "\e600";
}

// Compare
.action.tocompare::before {
    content: "\e61e";
}

// Sorter
.action.sorter-action::before {
    content: "\e614";
}

// Next/Previous
.action.previous,
.action.next {
    &::before {
        content: "\e914";
    }

    span {
        display: none;
    }
}

// Previous
.action.previous {
    transform: scaleX(-1);
}

// Full width button on mobile
@include breakpoint(only-md) {
    .actions-toolbar button.action,
    .actions-toolbar .primary a.action,
    form button.action {
        display: block;
        width: 100%;
        text-align: center;
    }
}