Produced by Araxis Merge on 2021-07-21 10:22:14 +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 v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source | _theme.less | 2021-02-04 08:04:12 +0000 |
| 2 | /Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto_rtl/web/css/source | _theme.less | 2021-02-04 08:04:12 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 960 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| 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 | 5 | |||||
| 6 | // | 6 | // | |||
| 7 | // Porto theme overrides | 7 | // Porto theme overrides | |||
| 8 | // _____________________________________________ | 8 | // _____________________________________________ | |||
| 9 | 9 | |||||
| 10 | // Theme file should contain declarations (overrides) ONLY OF EXISTING variables | 10 | // Theme file should contain declarations (overrides) ONLY OF EXISTING variables | |||
| 11 | // Otherwise this theme won't be available for parent nesting | 11 | // Otherwise this theme won't be available for parent nesting | |||
| 12 | // All new variables should be placed in local theme lib or local theme files | 12 | // All new variables should be placed in local theme lib or local theme files | |||
| 13 | 13 | |||||
| 14 | @rtl: true; | 14 | @rtl: true; | |||
| 15 | 15 | |||||
| 16 | // | 16 | // | |||
| 17 | // Layout grid | 17 | // Layout grid | |||
| 18 | // --------------------------------------------- | 18 | // --------------------------------------------- | |||
| 19 | 19 | |||||
| 20 | @layout__max-width: 1140px; | 20 | @layout__max-width: 1140px; | |||
| 21 | 21 | |||||
| 22 | @total-columns: 12; | 22 | @total-columns: 12; | |||
| 23 | 23 | |||||
| 24 | // Variables for layout columns | 24 | // Variables for layout columns | |||
| 25 | @layout-column__sidebar-width: 3; | 25 | @layout-column__sidebar-width: 3; | |||
| 26 | 26 | |||||
| 27 | // Checkout columns width | 27 | // Checkout columns width | |||
| 28 | @layout-column-checkout__width-left: 4; | 28 | @layout-column-checkout__width-left: 4; | |||
| 29 | 29 | |||||
| 30 | // | 30 | // | |||
| 31 | // Typography | 31 | // Typography | |||
| 32 | // --------------------------------------------- | 32 | // --------------------------------------------- | |||
| 33 | 33 | |||||
| 34 | @theme-color: #08c; | 34 | @theme-color: #08c; | |||
| 35 | @base-font-family: 'Open Sans',Arial,Helvetica,sans-serif; | 35 | @base-font-family: 'Open Sans',Arial,Helvetica,sans-serif; | |||
| 36 | @base-font-size: 1em; | 36 | @base-font-size: 1em; | |||
| 37 | @base-line-height: 1.42857143; | 37 | @base-line-height: 1.42857143; | |||
| 38 | @base-font-color: #777; | 38 | @base-font-color: #777; | |||
| 39 | @_link-color: @theme-color; | 39 | @_link-color: @theme-color; | |||
| 40 | @_link-color-visited: @theme-color; | 40 | @_link-color-visited: @theme-color; | |||
| 41 | @_link-color-hover: @theme-color; | 41 | @_link-color-hover: @theme-color; | |||
| 42 | @_link-color-active: @theme-color; | 42 | @_link-color-active: @theme-color; | |||
| 43 | 43 | |||||
| 44 | @enable_border_radius: true; | 44 | @enable_border_radius: true; | |||
| 45 | 45 | |||||
| 46 | @font-size__base: @base-font-size; | 46 | @font-size__base: @base-font-size; | |||
| 47 | @primary__color: @base-font-color; | 47 | @primary__color: @base-font-color; | |||
| 48 | @link__color: @theme-color; | 48 | @link__color: @theme-color; | |||
| 49 | @link__hover__color: @link__color; | 49 | @link__hover__color: @link__color; | |||
| 50 | @link__active__color: @link__color; | 50 | @link__active__color: @link__color; | |||
| 51 | 51 | |||||
| 52 | @button__font-size: 14px; | 52 | @button__font-size: 14px; | |||
| 53 | @button-primary__background: @theme-color; | 53 | @button-primary__background: @theme-color; | |||
| 54 | @button-primary__border: 1px solid @theme-color; | 54 | @button-primary__border: 1px solid @theme-color; | |||
| 55 | @button-primary__hover__background: @theme-color; | 55 | @button-primary__hover__background: @theme-color; | |||
| 56 | @button-primary__hover__border: 1px solid @theme-color; | 56 | @button-primary__hover__border: 1px solid @theme-color; | |||
| 57 | 57 | |||||
| 58 | @body_background-color: #fff; | 58 | @body_background-color: #fff; | |||
| 59 | 59 | |||||
| 60 | // Fonts | 60 | // Fonts | |||
| 61 | @icons__font-path: '@{baseDir}icon-fonts/font/porto-icons'; | 61 | @icons__font-path: '@{baseDir}icon-fonts/font/porto-icons'; | |||
| 62 | @icons__font-name: 'porto-icons'; | 62 | @icons__font-name: 'porto-icons'; | |||
| 63 | @font-size__base: 1em; | 63 | @font-size__base: 1em; | |||
| 64 | @line-height__base: 1.4; | 64 | @line-height__base: 1.4; | |||
| 65 | 65 | |||||
| 66 | // Form elements | 66 | // Form elements | |||
| 67 | @form-element-input-placeholder__color: #ddd; | 67 | @form-element-input-placeholder__color: #ddd; | |||
| 68 | @form-element-input__border-color: #ccc; | 68 | @form-element-input__border-color: #ccc; | |||
| 69 | @input-text__font-size: @base-font-size; | 69 | @input-text__font-size: @base-font-size; | |||
| 70 | @form-element-input__border-radius: 6px; | 70 | @form-element-input__border-radius: 6px; | |||
| 71 | @form-element-input__height: 38px; | 71 | @form-element-input__height: 38px; | |||
| 72 | @form-element-input__padding: 10px; | 72 | @form-element-input__padding: 10px; | |||
| 73 | 73 | |||||
| 74 | // Header | 74 | // Header | |||
| 75 | @collapsible-nav-background: #fff; | 75 | @collapsible-nav-background: #fff; | |||
| 76 | 76 | |||||
| 77 | @header-icons-color: @theme-color; | 77 | @header-icons-color: @theme-color; | |||
| 78 | @header-icons-color-hover: @theme-color; | 78 | @header-icons-color-hover: @theme-color; | |||
| 79 | 79 | |||||
| 80 | @header__type1_text-color: #777; | 80 | @header__type1_text-color: #777; | |||
| 81 | @header__type1_link-color: @theme-color; | 81 | @header__type1_link-color: @theme-color; | |||
| 82 | @header__type1_link-hover-color: @theme-color; | 82 | @header__type1_link-hover-color: @theme-color; | |||
| 83 | @header__type1_background-color: #fff; | 83 | @header__type1_background-color: #fff; | |||
| 84 | @header__type1_border-color: @theme-color; | 84 | @header__type1_border-color: @theme-color; | |||
| 85 | @header__type1_top_panel_background-color: #f0f0ed; | 85 | @header__type1_top_panel_background-color: #f0f0ed; | |||
| 86 | @header__type1_top_panel_text-color: #777; | 86 | @header__type1_top_panel_text-color: #777; | |||
| 87 | @header__type1_top_panel_link-color: @theme-color; | 87 | @header__type1_top_panel_link-color: @theme-color; | |||
| 88 | @header__type1_top_panel_link-hover-color: @theme-color; | 88 | @header__type1_top_panel_link-hover-color: @theme-color; | |||
| 89 | @header__type1_top_link_split-color: #ccc; | 89 | @header__type1_top_link_split-color: #ccc; | |||
| 90 | @header__type1_nav_background-color: #f0f0ed; | 90 | @header__type1_nav_background-color: #f0f0ed; | |||
| 91 | @header__type1_nav_text-color: #777; | 91 | @header__type1_nav_text-color: #777; | |||
| 92 | @header__type1_nav_link-color: @theme-color; | 92 | @header__type1_nav_link-color: @theme-color; | |||
| 93 | @header__type1_nav_link-hover-color: #fff; | 93 | @header__type1_nav_link-hover-color: #fff; | |||
| 94 | @header__type1_nav_link-hover-background-color: @theme-color; | 94 | @header__type1_nav_link-hover-background-color: @theme-color; | |||
| 95 | @header__type1_search_box_background-color: #fff; | 95 | @header__type1_search_box_background-color: #fff; | |||
| 96 | @header__type1_search_box_border-color: #ccc; | 96 | @header__type1_search_box_border-color: #ccc; | |||
| 97 | @header__type1_search_box_text-color: #777; | 97 | @header__type1_search_box_text-color: #777; | |||
| 98 | @header__type1_search_box_button-font-color: #777; | 98 | @header__type1_search_box_button-font-color: #777; | |||
| 99 | 99 | |||||
| 100 | @header__type2_text-color: #fff; | 100 | @header__type2_text-color: #fff; | |||
| 101 | @header__type2_link-color: #fff; | 101 | @header__type2_link-color: #fff; | |||
| 102 | @header__type2_link-hover-color: #fff; | 102 | @header__type2_link-hover-color: #fff; | |||
| 103 | @header__type2_background-color: #0083c1; | 103 | @header__type2_background-color: #0083c1; | |||
| 104 | @header__type2_top_panel_background-color: #008acc; | 104 | @header__type2_top_panel_background-color: #008acc; | |||
| 105 | @header__type2_top_panel_text-color: #fff; | 105 | @header__type2_top_panel_text-color: #fff; | |||
| 106 | @header__type2_top_panel_link-color: #fff; | 106 | @header__type2_top_panel_link-color: #fff; | |||
| 107 | @header__type2_top_panel_link-hover-color: #fff; | 107 | @header__type2_top_panel_link-hover-color: #fff; | |||
| 108 | @header__type2_top_link_split-color: rgba(255,255,255,.5); | 108 | @header__type2_top_link_split-color: rgba(255,255,255,.5); | |||
| 109 | @header__type2_nav_background-color: #006fa4; | 109 | @header__type2_nav_background-color: #006fa4; | |||
| 110 | @header__type2_nav_text-color: #fff; | 110 | @header__type2_nav_text-color: #fff; | |||
| 111 | @header__type2_nav_link-color: #fff; | 111 | @header__type2_nav_link-color: #fff; | |||
| 112 | @header__type2_nav_link-hover-color: #99cee8; | 112 | @header__type2_nav_link-hover-color: #99cee8; | |||
| 113 | @header__type2_search_box_background-color: #006393; | 113 | @header__type2_search_box_background-color: #006393; | |||
| 114 | @header__type2_search_box_border-color: rgba(255,255,255,.2); | 114 | @header__type2_search_box_border-color: rgba(255,255,255,.2); | |||
| 115 | @header__type2_search_box_text-color: #ddd; | 115 | @header__type2_search_box_text-color: #ddd; | |||
| 116 | @header__type2_search_box_button-font-color: #fff; | 116 | @header__type2_search_box_button-font-color: #fff; | |||
| 117 | 117 | |||||
| 118 | @header__type3_background-color: #1e1e1e; | 118 | @header__type3_background-color: #1e1e1e; | |||
| 119 | @header__type3_nav_link-color: #fff; | 119 | @header__type3_nav_link-color: #fff; | |||
| 120 | @header__type3_nav_link-hover-color: #fff; | 120 | @header__type3_nav_link-hover-color: #fff; | |||
| 121 | @header__type3_nav_link-hover-background-color: @theme-color; | 121 | @header__type3_nav_link-hover-background-color: @theme-color; | |||
| 122 | @header__type3_top_panel_text-color: #fff; | 122 | @header__type3_top_panel_text-color: #fff; | |||
| 123 | @header__type3_top_panel_link-color: #fff; | 123 | @header__type3_top_panel_link-color: #fff; | |||
| 124 | @header__type3_top_panel_link-hover-color: #fff; | 124 | @header__type3_top_panel_link-hover-color: #fff; | |||
| 125 | @header__type3_top_link_split-color: #101010; | 125 | @header__type3_top_link_split-color: #101010; | |||
| 126 | 126 | |||||
| 127 | @header__type4_background-color: #1e1e1e; | 127 | @header__type4_background-color: #1e1e1e; | |||
| 128 | @header__type4_nav_link-color: #fff; | 128 | @header__type4_nav_link-color: #fff; | |||
| 129 | @header__type4_nav_link-hover-color: #fff; | 129 | @header__type4_nav_link-hover-color: #fff; | |||
| 130 | @header__type4_nav_link-hover-background-color: @theme-color; | 130 | @header__type4_nav_link-hover-background-color: @theme-color; | |||
| 131 | @header__type4_top_panel_text-color: #fff; | 131 | @header__type4_top_panel_text-color: #fff; | |||
| 132 | @header__type4_top_panel_link-color: #fff; | 132 | @header__type4_top_panel_link-color: #fff; | |||
| 133 | @header__type4_top_panel_link-hover-color: #fff; | 133 | @header__type4_top_panel_link-hover-color: #fff; | |||
| 134 | @header__type4_top_link_split-color: #eee; | 134 | @header__type4_top_link_split-color: #eee; | |||
| 135 | 135 | |||||
| 136 | @header__type5_nav_link-color: #3d3734; | 136 | @header__type5_nav_link-color: #3d3734; | |||
| 137 | @header__type5_nav_link-hover-color: #fff; | 137 | @header__type5_nav_link-hover-color: #fff; | |||
| 138 | @header__type5_nav_link-hover-background-color: #3d3734; | 138 | @header__type5_nav_link-hover-background-color: #3d3734; | |||
| 139 | 139 | |||||
| 140 | @header__type6_nav_link-color: #08c; | 140 | @header__type6_nav_link-color: #08c; | |||
| 141 | @header__type6_nav_link-hover-color: #fff; | 141 | @header__type6_nav_link-hover-color: #fff; | |||
| 142 | @header__type6_nav_link-hover-background-color: #08c; | 142 | @header__type6_nav_link-hover-background-color: #08c; | |||
| 143 | @header__type6_top_panel_background-color: #08c; | 143 | @header__type6_top_panel_background-color: #08c; | |||
| 144 | @header__type6_top_panel_text-color: #fff; | 144 | @header__type6_top_panel_text-color: #fff; | |||
| 145 | @header__type6_top_panel_link-color: #fff; | 145 | @header__type6_top_panel_link-color: #fff; | |||
| 146 | @header__type6_top_panel_link-hover-color: #fff; | 146 | @header__type6_top_panel_link-hover-color: #fff; | |||
| 147 | 147 | |||||
| 148 | @header__background-color: @header__type1_background-color; | 148 | @header__background-color: @header__type1_background-color; | |||
| 149 | @header__border-color: @header__type1_border-color; | 149 | @header__border-color: @header__type1_border-color; | |||
| 150 | @header-panel__background-color: @header__type1_top_panel_background-color; | 150 | @header-panel__background-color: @header__type1_top_panel_background-color; | |||
| 151 | @header-panel__text-color: @header__type1_top_panel_text-color; | 151 | @header-panel__text-color: @header__type1_top_panel_text-color; | |||
| 152 | @header__top_link_split-color: @header__type1_top_link_split-color; | 152 | @header__top_link_split-color: @header__type1_top_link_split-color; | |||
| 153 | 153 | |||||
| 154 | // Minicart | 154 | // Minicart | |||
| 155 | @minicart-icons-color: @theme-color; | 155 | @minicart-icons-color: @theme-color; | |||
| 156 | @minicart-icons-color-hover: @minicart-icons-color; | 156 | @minicart-icons-color-hover: @minicart-icons-color; | |||
| 157 | @minicart__border-color: #eee; | 157 | @minicart__border-color: #eee; | |||
| 158 | @minicart__text-color: @base-font-color; | 158 | @minicart__text-color: @base-font-color; | |||
| 159 | 159 | |||||
| 160 | @header-type1-minicart__icon_color: @theme-color; | 160 | @header-type1-minicart__icon_color: @theme-color; | |||
| 161 | @header-type1-minicart__qty_color: #fff; | 161 | @header-type1-minicart__qty_color: #fff; | |||
| 162 | @header-type1-minicart-qty__height: 24px; | 162 | @header-type1-minicart-qty__height: 24px; | |||
| 163 | @header-type2-minicart__icon_color: #fff; | 163 | @header-type2-minicart__icon_color: #fff; | |||
| 164 | @header-type2-minicart__qty_color: #000; | 164 | @header-type2-minicart__qty_color: #000; | |||
| 165 | @header-type2-minicart-qty__height: 24px; | 165 | @header-type2-minicart-qty__height: 24px; | |||
| 166 | @header-type3-minicart__background_color: #101010; | 166 | @header-type3-minicart__background_color: #101010; | |||
| 167 | @header-type3-minicart__icon_color: #fff; | 167 | @header-type3-minicart__icon_color: #fff; | |||
| 168 | @header-type3-minicart__qty_color: #fff; | 168 | @header-type3-minicart__qty_color: #fff; | |||
| 169 | @header-type3-minicart-qty__height: 24px; | 169 | @header-type3-minicart-qty__height: 24px; | |||
| 170 | @header-type4-minicart__background_color: #fff; | 170 | @header-type4-minicart__background_color: #fff; | |||
| 171 | @header-type4-minicart__icon_color: #777; | 171 | @header-type4-minicart__icon_color: #777; | |||
| 172 | @header-type4-minicart__qty_color: #777; | 172 | @header-type4-minicart__qty_color: #777; | |||
| 173 | @header-type4-minicart-qty__height: 24px; | 173 | @header-type4-minicart-qty__height: 24px; | |||
| 174 | @header-type5-minicart__icon_color: #08c; | 174 | @header-type5-minicart__icon_color: #08c; | |||
| 175 | @header-type5-minicart__qty_color: #08c; | 175 | @header-type5-minicart__qty_color: #08c; | |||
| 176 | @header-type6-minicart__icon_color: #08c; | 176 | @header-type6-minicart__icon_color: #08c; | |||
| 177 | @header-type6-minicart__qty_color: #fff; | 177 | @header-type6-minicart__qty_color: #fff; | |||
| 178 | @header-type8-minicart__icon_color: #fff; | 178 | @header-type8-minicart__icon_color: #fff; | |||
| 179 | @header-type8-minicart__qty_color: #000; | 179 | @header-type8-minicart__qty_color: #000; | |||
| 180 | @header-type8-minicart-qty__height: 24px; | 180 | @header-type8-minicart-qty__height: 24px; | |||
| 181 | 181 | |||||
| 182 | @minicart__icon_color: @header-type1-minicart__icon_color; | 182 | @minicart__icon_color: @header-type1-minicart__icon_color; | |||
| 183 | @minicart__qty_color: @header-type1-minicart__qty_color; | 183 | @minicart__qty_color: @header-type1-minicart__qty_color; | |||
| 184 | @minicart-qty__height: @header-type1-minicart-qty__height; | 184 | @minicart-qty__height: @header-type1-minicart-qty__height; | |||
| 185 | 185 | |||||
| 186 | // Navigation | 186 | // Navigation | |||
| 187 | 187 | |||||
| 188 | @navigation__background: transparent; | 188 | @navigation__background: transparent; | |||
| 189 | @mobile_navigation__background: #f6f6f6; | 189 | @mobile_navigation__background: #f6f6f6; | |||
| 190 | @mobile_navigation__font-color: #777; | 190 | @mobile_navigation__font-color: #777; | |||
| 191 | @mobile_navigation__border-color: #ddd; | 191 | @mobile_navigation__border-color: #ddd; | |||
| 192 | @mobile_navigation_submenu__font-color: #777; | 192 | @mobile_navigation_submenu__font-color: #777; | |||
| 193 | @mobile_navigation_opened_submenu__background-color : #eee; | 193 | @mobile_navigation_opened_submenu__background-color : #eee; | |||
| 194 | @mobile_navigation_opened_submenu-item_icon-color: #aaa; | 194 | @mobile_navigation_opened_submenu-item_icon-color: #aaa; | |||
| 195 | @mobile_navigation-tab__background: @theme-color; | 195 | @mobile_navigation-tab__background: @theme-color; | |||
| 196 | @mobile_navigation-tab__font-color: #fff; | 196 | @mobile_navigation-tab__font-color: #fff; | |||
| 197 | @mobile_navigation-tab-active__font-color: @theme-color; | 197 | @mobile_navigation-tab-active__font-color: @theme-color; | |||
| 198 | 198 | |||||
| 199 | // Breadcrumbs | 199 | // Breadcrumbs | |||
| 200 | @breadcrumbs__font-size: 1em; | 200 | @breadcrumbs__font-size: 1em; | |||
| 201 | @breadcrumbs__container-margin: 0; | 201 | @breadcrumbs__container-margin: 0; | |||
| 202 | @breadcrumbs__padding: 12px 0; | 202 | @breadcrumbs__padding: 12px 0; | |||
| 203 | @breadcrumbs-icon__font-color: inherit; | 203 | @breadcrumbs-icon__font-color: inherit; | |||
| 204 | @breadcrumbs-icon__font-vertical-align: middle; | 204 | @breadcrumbs-icon__font-vertical-align: middle; | |||
| 205 | 205 | |||||
| 206 | @breadcrumbs__background-color: #171717; | 206 | @breadcrumbs__background-color: #171717; | |||
| 207 | @breadcrumbs__font-color: #fff; | 207 | @breadcrumbs__font-color: #fff; | |||
| 208 | 208 | |||||
| 209 | // Footer | 209 | // Footer | |||
| 210 | @footer-middle_background-color: #121214; | 210 | @footer-middle_background-color: #121214; | |||
| 211 | @footer-middle_font-color: #777; | 211 | @footer-middle_font-color: #777; | |||
| 212 | @footer-middle-block-title_font-color: #fff; | 212 | @footer-middle-block-title_font-color: #fff; | |||
| 213 | @footer-middle-link_font-color: #fff; | 213 | @footer-middle-link_font-color: #fff; | |||
| 214 | @footer-middle-icon_font-color: #777; | 214 | @footer-middle-icon_font-color: #777; | |||
| 215 | @footer-middle-newsletter-input_background-color: #dcdcdc; | 215 | @footer-middle-newsletter-input_background-color: #dcdcdc; | |||
| 216 | 216 | |||||
| 217 | @footer-bottom_background-color: #0c0c0c; | 217 | @footer-bottom_background-color: #0c0c0c; | |||
| 218 | 218 | |||||
| 219 | @footer-ribbon_background-color: @theme-color; | 219 | @footer-ribbon_background-color: @theme-color; | |||
| 220 | @footer-ribbon_font-color: #fff; | 220 | @footer-ribbon_font-color: #fff; | |||
| 221 | 221 | |||||
| 222 | // Category | 222 | // Category | |||
| 223 | @product-info-price: #222529; | 223 | @product-info-price: #222529; | |||
| 224 | @product-info-old-price: #a7a7a7; | 224 | @product-info-old-price: #a7a7a7; | |||
| 225 | @cart-price-color: #222529; | 225 | @cart-price-color: #222529; | |||
| 226 | // Toolbar | 226 | // Toolbar | |||
| 227 | @toolbar-element-background: #fff; | 227 | @toolbar-element-background: #fff; | |||
| 228 | @toolbar-mode-icon-font-size: 12px; | 228 | @toolbar-mode-icon-font-size: 12px; | |||
| 229 | 229 | |||||
| 230 | // Product | 230 | // Product | |||
| 231 | @product-view-product-info-price: #222529; | 231 | @product-view-product-info-price: #222529; | |||
| 232 | @product-view-product-info-old-price: #a7a7a7; | 232 | @product-view-product-info-old-price: #a7a7a7; | |||
| 233 | @product-info-page-title: #222529; | 233 | @product-info-page-title: #222529; | |||
| 234 | @product-reviews-summary-links: #bdbdbd; | 234 | @product-reviews-summary-links: #bdbdbd; | |||
| 235 | @tab-control__border-color: #eee; | 235 | @tab-control__border-color: #eee; | |||
| 236 | 236 | |||||
| 237 | // Addtolinks | 237 | // Addtolinks | |||
| 238 | @addto-wishlist-icon: #ed4949; | 238 | @addto-wishlist-icon: #ed4949; | |||
| 239 | @addto-compare-icon: #52b9b5; | 239 | @addto-compare-icon: #52b9b5; | |||
| 240 | @mailto-friend-icon: #999; | 240 | @mailto-friend-icon: #999; | |||
| 241 | 241 | |||||
| 242 | // | 242 | // | |||
| 243 | // Pager | 243 | // Pager | |||
| 244 | // --------------------------------------------- | 244 | // --------------------------------------------- | |||
| 245 | 245 | |||||
| 246 | @pager__font-weight: @font-weight__regular; | 246 | @pager__font-weight: @font-weight__regular; | |||
| 247 | @pager__line-height: @indent__l; | 247 | @pager__line-height: @indent__l; | |||
| 248 | @pager-item__margin: 0 5px 0 0; | 248 | @pager-item__margin: 0 5px 0 0; | |||
| 249 | @pager-item__padding: 0 @indent__xs; | 249 | @pager-item__padding: 0 @indent__xs; | |||
| 250 | 250 | |||||
| 251 | // Pager link.action | 251 | // Pager link.action | |||
| 252 | @pager-action__background: #fff; | 252 | @pager-action__background: #fff; | |||
| 253 | @pager-action__border: 1px solid #ccc; | 253 | @pager-action__border: 1px solid #ccc; | |||
| 254 | @pager-action__color: #999; | 254 | @pager-action__color: #999; | |||
| 255 | 255 | |||||
| 256 | @pager-action__hover__color: #fff; | 256 | @pager-action__hover__color: #fff; | |||
| 257 | @pager-action__hover__border: 1px solid @theme-color; | 257 | @pager-action__hover__border: 1px solid @theme-color; | |||
| 258 | @pager-action__hover__background: @theme-color; | 258 | @pager-action__hover__background: @theme-color; | |||
| 259 | @pager-icon__font-margin: 0; | 259 | @pager-icon__font-margin: 0; | |||
| 260 | @pager-icon__font-size: 16px; | 260 | @pager-icon__font-size: 16px; | |||
| 261 | 261 | |||||
| 262 | // Pager link.action active | 262 | // Pager link.action active | |||
| 263 | @pager-action__active__color: #fff; | 263 | @pager-action__active__color: #fff; | |||
| 264 | @pager__active__color: #fff; | 264 | @pager__active__color: #fff; | |||
| 265 | 265 | |||||
| 266 | @pager__background: #fff; | 266 | @pager__background: #fff; | |||
| 267 | @pager__border: 1px solid #ccc; | 267 | @pager__border: 1px solid #ccc; | |||
| 268 | @pager__hover__background: @theme-color; | 268 | @pager__hover__background: @theme-color; | |||
| 269 | @pager__hover__color: #fff; | 269 | @pager__hover__color: #fff; | |||
| 270 | @pager__hover__border: 1px solid @theme-color; | 270 | @pager__hover__border: 1px solid @theme-color; | |||
| 271 | @pager-current__color: #fff; | 271 | @pager-current__color: #fff; | |||
| 272 | @pager-current__background: @theme-color; | 272 | @pager-current__background: @theme-color; | |||
| 273 | @pager-current__border: 1px solid @theme-color; | 273 | @pager-current__border: 1px solid @theme-color; | |||
| 274 | @pager-current__font-weight: 400; | 274 | @pager-current__font-weight: 400; | |||
| 275 | @pager__font-size: 1em; | 275 | @pager__font-size: 1em; | |||
| 276 | @pager__line-height: 24px; | 276 | @pager__line-height: 24px; | |||
| 277 | 277 | |||||
| 278 | // | 278 | // | |||
| 279 | // Rating | 279 | // Rating | |||
| 280 | // --------------------------------------------- | 280 | // --------------------------------------------- | |||
| 281 | 281 | |||||
| 282 | @rating-icon__font-size: 16px; | 282 | @rating-icon__font-size: 16px; | |||
| 283 | @rating-icon__letter-spacing: 2px; | 283 | @rating-icon__letter-spacing: 2px; | |||
| 284 | @rating-icon__color: #c3c5c9; | 284 | @rating-icon__color: #c3c5c9; | |||
| 285 | @rating-icon__active__color: #ffc600; | 285 | @rating-icon__active__color: #ffc600; | |||
| 286 | 286 | |||||
| 287 | // Color nesting | 287 | // Color nesting | |||
| 288 | @color-gray80: #e7e7e7; | 288 | @color-gray80: #e7e7e7; | |||
| 289 | @panel__background-color: @color-gray-light0; | 289 | @panel__background-color: @color-gray-light0; | |||
| 290 | @border-color__base: @color-gray80; | 290 | @border-color__base: @color-gray80; | |||
| 291 | 291 | |||||
| 292 | // Headings | 292 | // Headings | |||
| 293 | @h3__font-weight: @font-weight__semibold; | 293 | @h3__font-weight: @font-weight__semibold; | |||
| 294 | @h3__margin-top: @indent__base; | 294 | @h3__margin-top: @indent__base; | |||
| 295 | 295 | |||||
| 296 | // | 296 | // | |||
| 297 | // Tables | 297 | // Tables | |||
| 298 | // --------------------------------------------- | 298 | // --------------------------------------------- | |||
| 299 | 299 | |||||
| 300 | @table-cell__padding-vertical: 11px; | 300 | @table-cell__padding-vertical: 11px; | |||
| 301 | @table-cell-stripped__background-color: @table-cell__hover__background-color; | 301 | @table-cell-stripped__background-color: @table-cell__hover__background-color; | |||
| 302 | @table-responsive-th__background-color: @table-cell-stripped__background-color; | 302 | @table-responsive-th__background-color: @table-cell-stripped__background-color; | |||
| 303 | @table-responsive-cell__padding: @indent__xs @indent__s; | 303 | @table-responsive-cell__padding: @indent__xs @indent__s; | |||
| 304 | 304 | |||||
| 305 | 305 | |||||
| 306 | // Tabs | 306 | // Tabs | |||
| 307 | @tab-control__font-weight: @font-weight__regular; | 307 | @tab-control__font-weight: @font-weight__regular; | |||
| 308 | @tab-control__height: @indent__base*2; | 308 | @tab-control__height: @indent__base*2; | |||
| 309 | @tab-control__margin-right: -1px; | 309 | @tab-control__margin-right: -1px; | |||
| 310 | @tab-control__padding-top: 1px; | 310 | @tab-control__padding-top: 1px; | |||
| 311 | @tab-control__padding-right: 35px; | 311 | @tab-control__padding-right: 35px; | |||
| 312 | 312 | |||||
| 313 | // Tabs content | 313 | // Tabs content | |||
| 314 | @tab-content__padding-top: 35px; | 314 | @tab-content__padding-top: 35px; | |||
| 315 | @tab-content__padding-right: @tab-control__padding-right; | 315 | @tab-content__padding-right: @tab-control__padding-right; | |||
| 316 | 316 | |||||
| 317 | // | 317 | // | |||
| 318 | // Accordion | 318 | // Accordion | |||
| 319 | // --------------------------------------------- | 319 | // --------------------------------------------- | |||
| 320 | 320 | |||||
| 321 | @accordion-control__font-family: false; | 321 | @accordion-control__font-family: false; | |||
| 322 | @accordion-control__font-size: @font-size__base; | 322 | @accordion-control__font-size: @font-size__base; | |||
| 323 | @accordion-control__font-style: false; | 323 | @accordion-control__font-style: false; | |||
| 324 | @accordion-control__font-weight: @font-weight__semibold; | 324 | @accordion-control__font-weight: @font-weight__semibold; | |||
| 325 | @accordion-control__border-right: false; | 325 | @accordion-control__border-right: false; | |||
| 326 | @accordion-control__border-bottom: false; | 326 | @accordion-control__border-bottom: false; | |||
| 327 | @accordion-control__border-left: false; | 327 | @accordion-control__border-left: false; | |||
| 328 | @accordion-control__background-color: false; | 328 | @accordion-control__background-color: false; | |||
| 329 | @accordion-control__color: @primary__color; | 329 | @accordion-control__color: @primary__color; | |||
| 330 | @accordion-control__hover__background-color: false; | 330 | @accordion-control__hover__background-color: false; | |||
| 331 | @accordion-control__hover__color: @accordion-control__color; | 331 | @accordion-control__hover__color: @accordion-control__color; | |||
| 332 | @accordion-control__active__background-color: false; | 332 | @accordion-control__active__background-color: false; | |||
| 333 | @accordion-control__active__color: @accordion-control__color; | 333 | @accordion-control__active__color: @accordion-control__color; | |||
| 334 | @accordion-control__margin-bottom: 0; | 334 | @accordion-control__margin-bottom: 0; | |||
| 335 | @accordion-control__padding-right: @indent__s; | 335 | @accordion-control__padding-right: @indent__s; | |||
| 336 | @accordion-control__padding-left: @indent__s; | 336 | @accordion-control__padding-left: @indent__s; | |||
| 337 | @accordion-content__border: false; | 337 | @accordion-content__border: false; | |||
| 338 | @accordion-content__margin: 0; | 338 | @accordion-content__margin: 0; | |||
| 339 | @accordion-content__padding: @indent__s @indent__s @indent__l; | 339 | @accordion-content__padding: @indent__s @indent__s @indent__l; | |||
| 340 | 340 | |||||
| 341 | // | 341 | // | |||
| 342 | // Buttons | 342 | // Buttons | |||
| 343 | // --------------------------------------------- | 343 | // --------------------------------------------- | |||
| 344 | 344 | |||||
| 345 | @button__font-weight: @font-weight__semibold; | 345 | @button__font-weight: @font-weight__semibold; | |||
| 346 | 346 | |||||
| 347 | // Default = secondary button | 347 | // Default = secondary button | |||
| 348 | @button__background: @color-gray-darken0; | 348 | @button__background: @color-gray-darken0; | |||
| 349 | @button__border: 1px solid @border-color__base; | 349 | @button__border: 1px solid @border-color__base; | |||
| 350 | @button__hover__color: @button__color; | 350 | @button__hover__color: @button__color; | |||
| 351 | @button__hover__background: darken(@button__background, 5%); | 351 | @button__hover__background: darken(@button__background, 5%); | |||
| 352 | @button__active__background: @color-gray-darken1; | 352 | @button__active__background: @color-gray-darken1; | |||
| 353 | 353 | |||||
| 354 | // Primary button | 354 | // Primary button | |||
| 355 | @button-primary__hover__color: @color-white; | 355 | @button-primary__hover__color: @color-white; | |||
| 356 | @button-primary__active__background: @link__hover__color; | 356 | @button-primary__active__background: @link__hover__color; | |||
| 357 | @button-primary__active__border: 1px solid @link__hover__color; | 357 | @button-primary__active__border: 1px solid @link__hover__color; | |||
| 358 | @button-primary__active__color: @color-white; | 358 | @button-primary__active__color: @color-white; | |||
| 359 | 359 | |||||
| 360 | // Button with icon | 360 | // Button with icon | |||
| 361 | @button-icon__line-height: @icon-font__line-height; | 361 | @button-icon__line-height: @icon-font__line-height; | |||
| 362 | 362 | |||||
| 363 | // | 363 | // | |||
| 364 | // Icons | 364 | // Icons | |||
| 365 | // --------------------------------------------- | 365 | // --------------------------------------------- | |||
| 366 | 366 | |||||
| 367 | @icon-wishlist-empty: false; | 367 | @icon-wishlist-empty: false; | |||
| 368 | @icon-comment-reflected: false; | 368 | @icon-comment-reflected: false; | |||
| 369 | @icon-compare-empty: false; | 369 | @icon-compare-empty: false; | |||
| 370 | @icon-arrow-up-thin: false; | 370 | @icon-arrow-up-thin: false; | |||
| 371 | @icon-arrow-right-thin: false; | 371 | @icon-arrow-right-thin: false; | |||
| 372 | @icon-arrow-left-thin: false; | 372 | @icon-arrow-left-thin: false; | |||
| 373 | @icon-arrow-down-thin: false; | 373 | @icon-arrow-down-thin: false; | |||
| 374 | @icon-wishlist-empty: '\e601'; | 374 | @icon-wishlist-empty: '\e601'; | |||
| 375 | 375 | |||||
| 376 | // | 376 | // | |||
| 377 | // Messages | 377 | // Messages | |||
| 378 | // --------------------------------------------- | 378 | // --------------------------------------------- | |||
| 379 | 379 | |||||
| 380 | @message__padding: 12px @indent__base 12px @indent__m; | 380 | @message__padding: 12px @indent__base 12px @indent__m; | |||
| 381 | @message__line-height: false; | 381 | @message__line-height: false; | |||
| 382 | @message-icon__font-size: 24px; | 382 | @message-icon__font-size: 24px; | |||
| 383 | @message-icon__inner-padding-left: 45px; | 383 | @message-icon__inner-padding-left: 45px; | |||
| 384 | @message-icon__top: 22px; | 384 | @message-icon__top: 22px; | |||
| 385 | @message-error-icon: @icon-error; | 385 | @message-error-icon: @icon-error; | |||
| 386 | @message-success-icon: @icon-success; | 386 | @message-success-icon: @icon-success; | |||
| 387 | 387 | |||||
| 388 | // | 388 | // | |||
| 389 | // Loaders | 389 | // Loaders | |||
| 390 | // --------------------------------------------- | 390 | // --------------------------------------------- | |||
| 391 | 391 | |||||
| 392 | @loader-overlay__background-color: rgba(255, 255, 255, .7); | 392 | @loader-overlay__background-color: rgba(255, 255, 255, .7); | |||
| 393 | 393 | |||||
| 394 | // | 394 | // | |||
| 395 | // Forms | 395 | // Forms | |||
| 396 | // --------------------------------------------- | 396 | // --------------------------------------------- | |||
| 397 | 397 | |||||
| 398 | // Form fieldset | 398 | // Form fieldset | |||
| 399 | @form-fieldset-legend__font-size: 18px; | 399 | @form-fieldset-legend__font-size: 18px; | |||
| 400 | @form-fieldset-legend__font-weight: @font-weight__light; | 400 | @form-fieldset-legend__font-weight: @font-weight__light; | |||
| 401 | @form-fieldset-legend__margin: 0 0 @indent__base; | 401 | @form-fieldset-legend__margin: 0 0 @indent__base; | |||
| 402 | @form-fieldset-legend__padding: 0 0 @indent__s; | 402 | @form-fieldset-legend__padding: 0 0 @indent__s; | |||
| 403 | @form-fieldset-legend__width: 100%; | 403 | @form-fieldset-legend__width: 100%; | |||
| 404 | 404 | |||||
| 405 | // Form field | 405 | // Form field | |||
| 406 | @form-field-type-revert: false; | 406 | @form-field-type-revert: false; | |||
| 407 | @form-field__additional-vertical-indent: @indent__s; | 407 | @form-field__additional-vertical-indent: @indent__s; | |||
| 408 | 408 | |||||
| 409 | // Form field label | 409 | // Form field label | |||
| 410 | @form-field-label__font-size: 14px; | 410 | @form-field-label__font-size: 14px; | |||
| 411 | @form-field-label__font-weight: 400; | 411 | @form-field-label__font-weight: 400; | |||
| 412 | @form-field-type-label-block__margin: 0 0 8px; | 412 | @form-field-type-label-block__margin: 0 0 8px; | |||
| 413 | 413 | |||||
| 414 | // Form field note icon | 414 | // Form field note icon | |||
| 415 | @form-field-note-icon-font__content: false; | 415 | @form-field-note-icon-font__content: false; | |||
| 416 | 416 | |||||
| 417 | // | 417 | // | |||
| 418 | // Dropdowns | 418 | // Dropdowns | |||
| 419 | // --------------------------------------------- | 419 | // --------------------------------------------- | |||
| 420 | 420 | |||||
| 421 | @dropdown-toggle-icon__content: @icon-down; | 421 | @dropdown-toggle-icon__content: @icon-down; | |||
| 422 | @dropdown-toggle-icon__active__content: @icon-up; | 422 | @dropdown-toggle-icon__active__content: @icon-up; | |||
| 423 | @dropdown-toggle-icon__font-size: 12px; | 423 | @dropdown-toggle-icon__font-size: 12px; | |||
| 424 | 424 | |||||
| 425 | // Split dropdown | 425 | // Split dropdown | |||
| 426 | @dropdown-split-actions__padding: 0 @indent__xs; | 426 | @dropdown-split-actions__padding: 0 @indent__xs; | |||
| 427 | @dropdown-split-toggle__actions__padding: false; | 427 | @dropdown-split-toggle__actions__padding: false; | |||
| 428 | 428 | |||||
| 429 | // Actions-toolbar | 429 | // Actions-toolbar | |||
| 430 | @actions-toolbar-actions__position: left; | 430 | @actions-toolbar-actions__position: left; | |||
| 431 | @actions-toolbar-actions-primary__margin: 0 15px 0 0; | 431 | @actions-toolbar-actions-primary__margin: 0 15px 0 0; | |||
| 432 | 432 | |||||
| 433 | // | 433 | // | |||
| 434 | // Breadcrumbs | 434 | // Breadcrumbs | |||
| 435 | // --------------------------------------------- | 435 | // --------------------------------------------- | |||
| 436 | 436 | |||||
| 437 | @breadcrumbs__container-margin: 0 0 15px; | 437 | @breadcrumbs__container-margin: 0 0 15px; | |||
| 438 | @breadcrumbs-icon__font-size: 10px; | 438 | @breadcrumbs-icon__font-size: 10px; | |||
| 439 | @breadcrumbs-icon__font-margin: 0 @indent__s; | 439 | @breadcrumbs-icon__font-margin: 0 @indent__s; | |||
| 440 | 440 | |||||
| 441 | // | 441 | // | |||
| 442 | // Popups | 442 | // Popups | |||
| 443 | // --------------------------------------------- | 443 | // --------------------------------------------- | |||
| 444 | 444 | |||||
| 445 | @popup__border: 1px solid @color-gray68; | 445 | @popup__border: 1px solid @color-gray68; | |||
| 446 | @popup-title-headings__level: h2; | 446 | @popup-title-headings__level: h2; | |||
| 447 | 447 | |||||
| 448 | // Popup icons | 448 | // Popup icons | |||
| 449 | @popup-icon-font__size: 16px; | 449 | @popup-icon-font__size: 16px; | |||
| 450 | @popup-icon-font__line-height: 16px; | 450 | @popup-icon-font__line-height: 16px; | |||
| 451 | @popup-icon-font__color: @color-gray55; | 451 | @popup-icon-font__color: @color-gray55; | |||
| 452 | @popup-icon-font__color-hover: darken(@popup-icon-font__color, 10%); | 452 | @popup-icon-font__color-hover: darken(@popup-icon-font__color, 10%); | |||
| 453 | @popup-icon-font__color-active: @popup-icon-font__color-hover; | 453 | @popup-icon-font__color-active: @popup-icon-font__color-hover; | |||
| 454 | 454 | |||||
| 455 | // Window overlay | 455 | // Window overlay | |||
| 456 | @overlay__background: @color-gray55; | 456 | @overlay__background: @color-gray55; | |||
| 457 | @overlay__opacity: .7; | 457 | @overlay__opacity: .7; | |||
| 458 | @overlay__opacity-old: 70; | 458 | @overlay__opacity-old: 70; | |||
| 459 | 459 | |||||
| 460 | @gallery-thumb-border-color-active: @active__color; | 460 | @gallery-thumb-border-color-active: @active__color; | |||
| 461 | 461 | |||||
| 462 | // Modal popup | 462 | // Modal popup | |||
| 463 | @modal-action-close__font-size: @font-size__base; | 463 | @modal-action-close__font-size: @font-size__base; | |||
| 464 | 464 | |||||
| 465 | // Checkout tooltip icon | 465 | // Checkout tooltip icon | |||
| 466 | @checkout-tooltip-icon__font-size: 21px; | 466 | @checkout-tooltip-icon__font-size: 21px; | |||
| 467 | 467 | |||||
| 468 | // Checkout Payment Option icon | 468 | // Checkout Payment Option icon | |||
| 469 | @checkout-payment-option-title-icon__font-size: 14px; | 469 | @checkout-payment-option-title-icon__font-size: 14px; | |||
| 470 | @checkout-payment-option-title-icon__line-height: 16px; | 470 | @checkout-payment-option-title-icon__line-height: 16px; | |||
| 471 | @checkout-payment-option-title-icon__margin: 0 0 0 @indent__s; | 471 | @checkout-payment-option-title-icon__margin: 0 0 0 @indent__s; | |||
| 472 | 472 | |||||
| 473 | // Checkout Sidebar Shipping Information | 473 | // Checkout Sidebar Shipping Information | |||
| 474 | @checkout-sidebar-shipping-information-edit-icon__content: @icon-edit; | 474 | @checkout-sidebar-shipping-information-edit-icon__content: @icon-edit; | |||
| 475 | @checkout-sidebar-shipping-information-edit-icon__font-size: 18px; | 475 | @checkout-sidebar-shipping-information-edit-icon__font-size: 18px; | |||
| 476 | @checkout-sidebar-shipping-information-edit-icon__line-height: 20px; | 476 | @checkout-sidebar-shipping-information-edit-icon__line-height: 20px; | |||
| 477 | @checkout-sidebar-shipping-information-edit-icon__top: @indent__s; | 477 | @checkout-sidebar-shipping-information-edit-icon__top: @indent__s; | |||
| 478 | 478 | |||||
| 479 | // Checkout | 479 | // Checkout | |||
| 480 | @checkout-sidebar__columns: 8; | 480 | @checkout-sidebar__columns: 8; |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.