12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- // /**
- // * Copyright © Magento, Inc. All rights reserved.
- // * See COPYING.txt for license details.
- // */
- //
- // Utilities -> Actions
- // _____________________________________________
- .action-reset() {
- background-color: transparent;
- border: none;
- border-radius: 0;
- box-shadow: none;
- margin: 0;
- padding: 0;
- &:hover {
- background-color: transparent;
- border: none;
- box-shadow: none;
- }
- }
- .action-icon() {
- background-color: transparent;
- border-color: transparent;
- box-shadow: none;
- &:hover {
- background-color: transparent;
- border-color: transparent;
- box-shadow: none;
- }
- }
- // Used in action dropdown, actions split & all other actions with triangle marker
- .action-toggle-triangle (
- @_dropdown__padding-right: 3rem;
- @_triangle__height: @button-marker-triangle__height;
- @_triangle__width: @button-marker-triangle__width;
- @_triangle__color: @color-black;
- @_triangle__hover__color: darken(@_triangle__color, 10%);
- @_triangle__right: (@_dropdown__padding-right / 2) - (@_triangle__width / 2);
- ) {
- padding-right: @_dropdown__padding-right;
- &._active,
- &.active {
- &:after {
- transform: rotate(180deg);
- }
- }
- &:after {
- border-color: @_triangle__color transparent transparent transparent;
- border-style: solid;
- border-width: @_triangle__height @_triangle__width / 2 0 @_triangle__width / 2;
- content: '';
- height: 0;
- margin-top: -((@_triangle__width / 2) / 2);
- position: absolute;
- right: @_triangle__right;
- top: 50%;
- transition: all .2s linear;
- width: 0;
- ._active &,
- .active & {
- transform: rotate(180deg);
- }
- }
- &:hover {
- &:after {
- border-color: @_triangle__hover__color transparent transparent transparent;
- }
- }
- }
|