Produced by Araxis Merge on 2023-03-13 03:01:19 +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 | Porto v4.0.4/Porto Theme/app/design/frontend/Smartwave/porto_rtl/Smartwave_Filterproducts/web/css/source | _module.less | 2021-03-27 08:09:08 +0000 |
| 2 | Porto v4.0.5/Porto Theme/app/design/frontend/Smartwave/porto_rtl/Smartwave_Filterproducts/web/css/source | _module.less | 2023-03-07 15:40:45 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 2 | 472 |
| Changed | 0 | 0 |
| Inserted | 1 | 11 |
| Removed | 0 | 0 |
| 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 | & when (@media-common = true) { | 5 | & when (@media-common = true) { | |||
| 6 | .filterproducts.products { | 6 | .filterproducts.products { | |||
| 7 | margin: 0; | 7 | margin: 0; | |||
| 8 | } | 8 | } | |||
| 9 | p.fullwidth-filter-description { | 9 | p.fullwidth-filter-description { | |||
| 10 | font-size: 14px; | 10 | font-size: 14px; | |||
| 11 | color: #666; | 11 | color: #666; | |||
| 12 | line-height: 1.4; | 12 | line-height: 1.4; | |||
| 13 | } | 13 | } | |||
| 14 | .section-title, .slider-title, | 14 | .section-title, .slider-title, | |||
| 15 | .widget .widget-title, | 15 | .widget .widget-title, | |||
| 16 | .widget .widget-title a { | 16 | .widget .widget-title a { | |||
| 17 | color: #313131; | 17 | color: #313131; | |||
| 18 | } | 18 | } | |||
| 19 | .slider-title, .section-title { | 19 | .slider-title, .section-title { | |||
| 20 | font-size: 1.1429em; | 20 | font-size: 1.1429em; | |||
| 21 | line-height: 1.4; | 21 | line-height: 1.4; | |||
| 22 | letter-spacing: normal; | 22 | letter-spacing: normal; | |||
| 23 | font-weight: 700; | 23 | font-weight: 700; | |||
| 24 | text-transform: uppercase; | 24 | text-transform: uppercase; | |||
| 25 | margin-top: 0; | 25 | margin-top: 0; | |||
| 26 | margin-bottom: 1.25rem; | 26 | margin-bottom: 1.25rem; | |||
| 27 | position: relative; | 27 | position: relative; | |||
| 28 | 28 | |||||
| 29 | .line { | 29 | .line { | |||
| 30 | display: block; | 30 | display: block; | |||
| 31 | height: 1px; | 31 | height: 1px; | |||
| 32 | position: relative; | 32 | position: relative; | |||
| 33 | bottom: 0.65em; | 33 | bottom: 0.65em; | |||
| 34 | width: 0; | 34 | width: 0; | |||
| 35 | } | 35 | } | |||
| 36 | } | 36 | } | |||
| 37 | .porto-products.title-border-bottom > .section-title, | 37 | .porto-products.title-border-bottom > .section-title, | |||
| 38 | .related.products .slider-title { | 38 | .related.products .slider-title { | |||
| 39 | letter-spacing: -0.01em; | 39 | letter-spacing: -0.01em; | |||
| 40 | line-height: 22px; | 40 | line-height: 22px; | |||
| 41 | padding-bottom: 10px; | 41 | padding-bottom: 10px; | |||
| 42 | margin-bottom: 24px; | 42 | margin-bottom: 24px; | |||
| 43 | } | 43 | } | |||
| 44 | .porto-products.title-border-bottom, .related.products { | 44 | .porto-products.title-border-bottom, .related.products { | |||
| 45 | .products-slider.show-dots-title-right { | 45 | .products-slider.show-dots-title-right { | |||
| 46 | .owl-dots { | 46 | .owl-dots { | |||
| 47 | top: -52px; | 47 | top: -52px; | |||
| 48 | height: 32px; | 48 | height: 32px; | |||
| 49 | } | 49 | } | |||
| 50 | } | 50 | } | |||
| 51 | .products-slider.show-nav-title .owl-nav { | 51 | .products-slider.show-nav-title .owl-nav { | |||
| 52 | margin-top: -36px; | 52 | margin-top: -36px; | |||
| 53 | } | 53 | } | |||
| 54 | } | 54 | } | |||
| 55 | .porto-products.title-border-middle { | 55 | .porto-products.title-border-middle { | |||
| 56 | >.section-title { | 56 | >.section-title { | |||
| 57 | display: flex; | 57 | display: flex; | |||
| 58 | flex-direction: row; | 58 | flex-direction: row; | |||
| 59 | flex-wrap: nowrap; | 59 | flex-wrap: nowrap; | |||
| 60 | align-items: center; | 60 | align-items: center; | |||
| 61 | margin-bottom: 24px; | 61 | margin-bottom: 24px; | |||
| 62 | .line-l { | 62 | .line-l { | |||
| 63 | height: 1px; | 63 | height: 1px; | |||
| 64 | position: relative; | 64 | position: relative; | |||
| 65 | flex: 1 1 auto; | 65 | flex: 1 1 auto; | |||
| 66 | min-width: 10%; | 66 | min-width: 10%; | |||
| 67 | background: rgba(0,0,0,.08); | 67 | background: rgba(0,0,0,.08); | |||
| 68 | } | 68 | } | |||
| 69 | .line-r { | 69 | .line-r { | |||
| 70 | height: 1px; | 70 | height: 1px; | |||
| 71 | position: relative; | 71 | position: relative; | |||
| 72 | flex: 1 1 auto; | 72 | flex: 1 1 auto; | |||
| 73 | min-width: 10%; | 73 | min-width: 10%; | |||
| 74 | background: rgba(0,0,0,.08); | 74 | background: rgba(0,0,0,.08); | |||
| 75 | } | 75 | } | |||
| 76 | .inline-title{padding: 0 12px;} | 76 | .inline-title{padding: 0 12px;} | |||
| 77 | &.text-left { | 77 | &.text-left { | |||
| 78 | .line-l {display: none;} | 78 | .line-l {display: none;} | |||
| 79 | .inline-title{ | 79 | .inline-title{ | |||
| 80 | padding-left: 0; | 80 | padding-left: 0; | |||
| 81 | } | 81 | } | |||
| 82 | } | 82 | } | |||
| 83 | &.text-right { | 83 | &.text-right { | |||
| 84 | .inline-title{ | 84 | .inline-title{ | |||
| 85 | padding-right: 0; | 85 | padding-right: 0; | |||
| 86 | } | 86 | } | |||
| 87 | .line-r {display: none;} | 87 | .line-r {display: none;} | |||
| 88 | } | 88 | } | |||
| 89 | } | 89 | } | |||
| 90 | .products-slider.show-dots-title-right { | 90 | .products-slider.show-dots-title-right { | |||
| 91 | .owl-dots { | 91 | .owl-dots { | |||
| 92 | top: -40px; | 92 | top: -40px; | |||
| 93 | height: 32px; | 93 | height: 32px; | |||
| 94 | } | 94 | } | |||
| 95 | } | 95 | } | |||
| 96 | .products-slider.show-nav-title .owl-nav { | 96 | .products-slider.show-nav-title .owl-nav { | |||
| 97 | margin-top: -24px; | 97 | margin-top: -24px; | |||
| 98 | } | 98 | } | |||
| 99 | } | 99 | } | |||
| 100 | .porto-products.title-border-bottom>.section-title, | 100 | .porto-products.title-border-bottom>.section-title, | |||
| 101 | .related.products .slider-title, | 101 | .related.products .slider-title, | |||
| 102 | .porto-products.title-border-middle>.section-title .inline-title:before { | 102 | .porto-products.title-border-middle>.section-title .inline-title:before { | |||
| 103 | border-bottom: 1px solid rgba(0,0,0,.08); | 103 | border-bottom: 1px solid rgba(0,0,0,.08); | |||
| 104 | } | 104 | } | |||
| 105 | .slider-wrapper {margin-left: -10px;margin-right: -10px;} | 105 | .slider-wrapper {margin-left: -10px;margin-right: -10px;} | |||
| 106 | .products-slider.owl-carousel, .slider-wrapper .products {margin: 0!important;} | 106 | .products-slider.owl-carousel, .slider-wrapper .products {margin: 0!important;} | |||
| 107 | .porto-products.title-border-bottom .products-slider.show-dots-title-right .owl-dots, | 107 | .porto-products.title-border-bottom .products-slider.show-dots-title-right .owl-dots, | |||
| 108 | .related.products .products-slider.show-dots-title-right .owl-dots {top: -52px;height: 32px;} | 108 | .related.products .products-slider.show-dots-title-right .owl-dots {top: -52px;height: 32px;} | |||
| 109 | .porto-products.title-border-bottom.move-related .products-slider.show-dots-title-right .owl-dots { | |||||
| 110 | top: -86px; | |||||
| 111 | } | |||||
| 112 | .move-related .product-item-details { | |||||
| 113 | position: static; | |||||
| 114 | } | |||||
| 115 | .block.related.move-related .field.choice { | |||||
| 116 | top: 3px; | |||||
| 117 | right: 8px; | |||||
| 118 | left: auto; | |||||
| 119 | } | |||||
| 109 | .products-slider.owl-carousel .product-item {padding-top: 0;padding-bottom: 0;margin-bottom: 0;} | 120 | .products-slider.owl-carousel .product-item {padding-top: 0;padding-bottom: 0;margin-bottom: 0;} | |||
| 110 | .products-slider.owl-carousel .owl-stage-outer {padding-top: 10px;margin-top: -10px;} | 121 | .products-slider.owl-carousel .owl-stage-outer {padding-top: 10px;margin-top: -10px;} | |||
| 111 | 122 | |||||
| 112 | .ajax-products{ | 123 | .ajax-products{ | |||
| 113 | display:flex;flex-wrap: wrap; | 124 | display:flex;flex-wrap: wrap; | |||
| 114 | >.category-list{ | 125 | >.category-list{ | |||
| 115 | border-left: 1px solid #dcdcdc; | 126 | border-left: 1px solid #dcdcdc; | |||
| 116 | padding: 0 15px; | 127 | padding: 0 15px; | |||
| 117 | >span{ | 128 | >span{ | |||
| 118 | font-size: 1.125rem; | 129 | font-size: 1.125rem; | |||
| 119 | letter-spacing: -.01em; | 130 | letter-spacing: -.01em; | |||
| 120 | margin-bottom: 15px; | 131 | margin-bottom: 15px; | |||
| 121 | color: #111; | 132 | color: #111; | |||
| 122 | text-transform: uppercase; | 133 | text-transform: uppercase; | |||
| 123 | font-weight: 700; | 134 | font-weight: 700; | |||
| 124 | display: block; | 135 | display: block; | |||
| 125 | line-height: 1.4; | 136 | line-height: 1.4; | |||
| 126 | } | 137 | } | |||
| 127 | >ul{ | 138 | >ul{ | |||
| 128 | list-style:none; | 139 | list-style:none; | |||
| 129 | padding:0; | 140 | padding:0; | |||
| 130 | margin-bottom: 2rem; | 141 | margin-bottom: 2rem; | |||
| 131 | >li{ | 142 | >li{ | |||
| 132 | padding: 0;margin: 0; | 143 | padding: 0;margin: 0; | |||
| 133 | >a { | 144 | >a { | |||
| 134 | text-transform: uppercase; | 145 | text-transform: uppercase; | |||
| 135 | font-size: 12px; | 146 | font-size: 12px; | |||
| 136 | font-weight: 600; | 147 | font-weight: 600; | |||
| 137 | padding: 12px 24px 12px 0; | 148 | padding: 12px 24px 12px 0; | |||
| 138 | color: #111; | 149 | color: #111; | |||
| 139 | display: block; | 150 | display: block; | |||
| 140 | position: relative; | 151 | position: relative; | |||
| 141 | &:before { | 152 | &:before { | |||
| 142 | content: ''!important; | 153 | content: ''!important; | |||
| 143 | margin-left: 10px; | 154 | margin-left: 10px; | |||
| 144 | position: absolute; | 155 | position: absolute; | |||
| 145 | right: 0; | 156 | right: 0; | |||
| 146 | width: 14px; | 157 | width: 14px; | |||
| 147 | height: 14px; | 158 | height: 14px; | |||
| 148 | border: 1px solid #d6d6d6; | 159 | border: 1px solid #d6d6d6; | |||
| 149 | background: #fff; | 160 | background: #fff; | |||
| 150 | top: 50%; | 161 | top: 50%; | |||
| 151 | transform: translateY(-50%); | 162 | transform: translateY(-50%); | |||
| 152 | } | 163 | } | |||
| 153 | &.active:after { | 164 | &.active:after { | |||
| 154 | content: ''; | 165 | content: ''; | |||
| 155 | width: 8px; | 166 | width: 8px; | |||
| 156 | height: 8px; | 167 | height: 8px; | |||
| 157 | position: absolute; | 168 | position: absolute; | |||
| 158 | background: #111; | 169 | background: #111; | |||
| 159 | top: 50%; | 170 | top: 50%; | |||
| 160 | transform: translateY(-50%); | 171 | transform: translateY(-50%); | |||
| 161 | right: 3px; | 172 | right: 3px; | |||
| 162 | } | 173 | } | |||
| 163 | >span{display:inline-block} | 174 | >span{display:inline-block} | |||
| 164 | &:hover{text-decoration:none} | 175 | &:hover{text-decoration:none} | |||
| 165 | } | 176 | } | |||
| 166 | } | 177 | } | |||
| 167 | } | 178 | } | |||
| 168 | } | 179 | } | |||
| 169 | >.category-detail{ | 180 | >.category-detail{ | |||
| 170 | position: relative; | 181 | position: relative; | |||
| 171 | padding-right: 4vw; | 182 | padding-right: 4vw; | |||
| 172 | padding-left: 0; | 183 | padding-left: 0; | |||
| 173 | margin-bottom: 50px; | 184 | margin-bottom: 50px; | |||
| 174 | letter-spacing: -.025em; | 185 | letter-spacing: -.025em; | |||
| 175 | min-height: 70vh; | 186 | min-height: 70vh; | |||
| 176 | >h2{ | 187 | >h2{ | |||
| 177 | text-align:center; | 188 | text-align:center; | |||
| 178 | margin:30px 0; | 189 | margin:30px 0; | |||
| 179 | font-size:26px; | 190 | font-size:26px; | |||
| 180 | color:#000; | 191 | color:#000; | |||
| 181 | text-transform:uppercase; | 192 | text-transform:uppercase; | |||
| 182 | font-weight:700; | 193 | font-weight:700; | |||
| 183 | letter-spacing:10px; | 194 | letter-spacing:10px; | |||
| 184 | } | 195 | } | |||
| 185 | >.ajax_products_loader{ | 196 | >.ajax_products_loader{ | |||
| 186 | position:absolute; | 197 | position:absolute; | |||
| 187 | right:0; | 198 | right:0; | |||
| 188 | top:0; | 199 | top:0; | |||
| 189 | width:100%; | 200 | width:100%; | |||
| 190 | height:100%; | 201 | height:100%; | |||
| 191 | z-index:9; | 202 | z-index:9; | |||
| 192 | background-color:rgba(255,255,255,.5); | 203 | background-color:rgba(255,255,255,.5); | |||
| 193 | } | 204 | } | |||
| 194 | } | 205 | } | |||
| 195 | } | 206 | } | |||
| 196 | .load-more-area{ | 207 | .load-more-area{ | |||
| 197 | text-align:center; | 208 | text-align:center; | |||
| 198 | margin:20px 0; | 209 | margin:20px 0; | |||
| 199 | >a{ | 210 | >a{ | |||
| 200 | margin: 12px 40px; | 211 | margin: 12px 40px; | |||
| 201 | border: 1px solid #000; | 212 | border: 1px solid #000; | |||
| 202 | width: auto; | 213 | width: auto; | |||
| 203 | display: inline-block; | 214 | display: inline-block; | |||
| 204 | letter-spacing: .075em; | 215 | letter-spacing: .075em; | |||
| 205 | color: #000; | 216 | color: #000; | |||
| 206 | padding: 18px 55px; | 217 | padding: 18px 55px; | |||
| 207 | font-size: 12px; | 218 | font-size: 12px; | |||
| 208 | line-height: 1.3333; | 219 | line-height: 1.3333; | |||
| 209 | text-transform: uppercase; | 220 | text-transform: uppercase; | |||
| 210 | font-weight: 700; | 221 | font-weight: 700; | |||
| 211 | } | 222 | } | |||
| 212 | } | 223 | } | |||
| 213 | } | 224 | } | |||
| 214 | 225 | |||||
| 215 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | 226 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | |||
| 216 | .slider-title, .section-title { | 227 | .slider-title, .section-title { | |||
| 217 | .line { | 228 | .line { | |||
| 218 | display: none !important; | 229 | display: none !important; | |||
| 219 | } | 230 | } | |||
| 220 | } | 231 | } | |||
| 221 | .ajax-products{ | 232 | .ajax-products{ | |||
| 222 | display:block; | 233 | display:block; | |||
| 223 | >.category-list{ | 234 | >.category-list{ | |||
| 224 | border-left:0;padding:0; | 235 | border-left:0;padding:0; | |||
| 225 | >ul>li{ | 236 | >ul>li{ | |||
| 226 | display:inline-block; | 237 | display:inline-block; | |||
| 227 | margin-left:20px; | 238 | margin-left:20px; | |||
| 228 | } | 239 | } | |||
| 229 | } | 240 | } | |||
| 230 | >.category-detail{ | 241 | >.category-detail{ | |||
| 231 | padding-top:0; | 242 | padding-top:0; | |||
| 232 | min-height:70vh; | 243 | min-height:70vh; | |||
| 233 | padding: 0; | 244 | padding: 0; | |||
| 234 | } | 245 | } | |||
| 235 | } | 246 | } | |||
| 236 | } | 247 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.