Produced by Araxis Merge on 2021-05-13 09:09:07 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/css/source | _buttons.less | 2015-10-06 16:51:32 +0000 |
| 2 | /Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/css/source | _buttons.less | 2021-02-09 09:26:42 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 5 | 116 |
| Changed | 2 | 9 |
| Inserted | 1 | 1 |
| Removed | 1 | 7 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | // /** | 1 | // /** | |||
| 2 | // * Copyright © 2015 Magento. All rights reserved. | 2 | // * Copyright © 2015 Magento. All rights reserved. | |||
| 3 | // * See COPYING.txt for license details. | 3 | // * See COPYING.txt for license details. | |||
| 4 | // */ | 4 | // */ | |||
| 5 | 5 | |||||
| 6 | // | 6 | // | |||
| 7 | // Common | 7 | // Common | |||
| 8 | //-------------------------------------- | 8 | //-------------------------------------- | |||
| 9 | 9 | |||||
| 10 | & when (@media-common = true) { | 10 | & when (@media-common = true) { | |||
| 11 | 11 | |||||
| 12 | // | 12 | // | |||
| 13 | // Using buttons mixins | 13 | // Using buttons mixins | |||
| 14 | //-------------------------------------- | 14 | //-------------------------------------- | |||
| 15 | button, | |||||
| 16 | a.action.primary { | |||||
| 17 | .lib-css(border-radius, @button__border-radius); | |||||
| 18 | height: 38px; | |||||
| 19 | line-height: 22px; | |||||
| 20 | font-weight: 400; | |||||
| 21 | } | |||||
| 22 | 15 | |||||
| 23 | button.action.switch { | 16 | button.action.switch { | |||
| 24 | height: auto; | 17 | height: auto; | |||
| 25 | } | 18 | } | |||
| 26 | 19 | |||||
| 27 | button { | 20 | button { | |||
| 21 | font-size: 1em; | |||||
| 28 | &:not(.primary) { | 22 | &:not(.primary) { | |||
| 29 | border: 1px solid #ccc; | 23 | border: 1px solid #ccc; | |||
| 30 | color: #777; | 24 | color: #777; | |||
| 31 | line-height: 30px; | 25 | line-height: 40px; | |||
| 32 | padding: 0 12px; | 26 | padding: .8em 2em; | |||
| 33 | height: 32px; | 27 | height: 40px; | |||
| 34 | background-color: #fff; | 28 | background-color: #fff; | |||
| 35 | } | 29 | } | |||
| 36 | &:hover { | 30 | &:hover { | |||
| 37 | color: #fff; | 31 | color: #fff; | |||
| 38 | background-color: @theme-color; | 32 | background-color: @theme-color; | |||
| 39 | border-color: @theme-color; | 33 | border-color: @theme-color; | |||
| 40 | } | 34 | } | |||
| 41 | } | 35 | } | |||
| 42 | 36 | |||||
| 43 | body { | 37 | body { | |||
| 44 | &:not(._keyfocus) { | 38 | &:not(._keyfocus) { | |||
| 45 | button { | 39 | button { | |||
| 46 | &:focus { | 40 | &:focus { | |||
| 47 | box-shadow: none; | 41 | box-shadow: none; | |||
| 48 | } | 42 | } | |||
| 49 | } | 43 | } | |||
| 50 | } | 44 | } | |||
| 51 | } | 45 | } | |||
| 52 | 46 | |||||
| 53 | a.action.primary { | 47 | a.action.primary { | |||
| 54 | .lib-link-as-button(); | 48 | .lib-link-as-button(); | |||
| 55 | } | 49 | } | |||
| 56 | 50 | |||||
| 57 | .action.primary { | 51 | .action.primary { | |||
| 58 | .lib-button-primary(); | 52 | .lib-button-primary(); | |||
| 59 | font-weight: 400; | 53 | font-weight: 400; | |||
| 60 | line-height: 22px; | 54 | line-height: 22px; | |||
| 61 | } | 55 | } | |||
| 62 | 56 | |||||
| 63 | #discount-coupon-form { | 57 | #discount-coupon-form { | |||
| 64 | #coupon_code { | 58 | #coupon_code { | |||
| 65 | border-radius: 3px 0 0 3px; | 59 | border-radius: | |||
| 60 | height: 43px; | |||||
| 66 | } | 61 | } | |||
| 67 | } | 62 | } | |||
| 68 | 63 | |||||
| 69 | } | 64 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.