Hi Everyone, when we are activating Horizon theme and running extension manager we are seeing issue in sass file, is this a defect?

Hi Swathi, could you please elaborate, which errors are you seeing?

We are seeing, there is an error in _cart-summary.scss file

@Flo I am getting the same error.

{"type":"error.SuiteScriptError","name":"1825","message":"Compiler was unable to compile the given input file.","id":null,"stack":["createError(N/error)"],"cause":{"message":"Compiler was unable to compile the given input file.","stack":["createError(N/error)","map(/SuiteBundles/Bundle 477064/ExtensionMechanism.Server/CompilersMapReduce/SassCompilerMapReduce.js:150)"],"name":"1825","data":{"response":null,"notifications":[{"message":"Compilation error occured.","status":"1","json":"{\n \"status\": 1,\n \"file\": \"/SuiteScripts/extensions/SC/com.netsuite.horizontheme/Horizon@3.1.0/Modules/Cart@sco-2018.1.0/Sass/_cart-summary.scss\",\n \"line\": 105,\n \"column\": 15,\n \"message\": \"You may not @extend selectors across media queries.\\nUse \\\"@extend .button-proceed-checkout !optional\\\" to avoid this error.\",\n \"formatted\": \"Error: You may not @extend selectors across media queries.\\n Use \\\"@extend .button-proceed-checkout !optional\\\" to avoid this error.\\n on line 81:9 of ../SuiteScripts/extensions/SC/com.netsuite.horizontheme/Horizon@3.1.0/Modules/Checkout/checkout.scss\\n from line 33:9 of ../Web%20Site%20Hosting%20Files/Live%20Hosting%20Files/SSP%20Applications/NetSuite%20Inc.%20-%20SCS/SuiteCommerce%20Standard/extensions/meta_checkout_2.scss\\n>> @extend .button-proceed-checkout;\\n\\n --------------^\\n\"\n}","file":"/SuiteScripts/extensions/SC/com.netsuite.horizontheme/Horizon@3.1.0/Modules/Cart@sco-2018.1.0/Sass/_cart-summary.scss","src":"@function override($name, $value) {\n @if variable-exists(overrides) {\n @if map-has-key($overrides, $name) {\n @return map-get($overrides, $name);\n }\n }\n @return $value;\n}\n@function wrap($name, $value) {\n @if (outputstyle() != \"COMPRESSED\") {\n @if ($value) {\n @return unquote(\"/* << var:\" + $name + \" */ \" + quotes-verbatim($value) + \" /* >> */\");\n }\n @return null;\n }\n @return $value;\n}\n@function quotes-verbatim($value) {\n @if (type-of($value) == \"string\") {\n $list-expr: \"#{inspect(($value, \"\"))}\";\n @return str-slice($list-expr, 0, str-length($list-expr) - 4);\n }\n @else {\n @return $value;\n }\n}\n.cart-summary-container {\n margin-bottom: wrap('$sc-margin-lv4',$sc-margin-lv4);\n @media (min-width: $screen-sm-min) {\n margin-bottom: 0px;\n }\n}\n\n.cart-summary-title {\n text-align: center;\n padding: wrap('$sc-padding-lv4',$sc-padding-lv4) 0px wrap('$sc-padding-lv4',$sc-padding-lv4) 0px;\n margin-bottom: wrap('$sc-margin-lv4',$sc-margin-lv4);\n border-bottom: 1px solid wrap('$sc-color-theme-border',$sc-color-theme-border);\n font-size: wrap('$sc-font-size-xxxl',$sc-font-size-xxxl);\n}\n\n.cart-summary-expander-container {\n padding: wrap('$sc-padding-lv3',$sc-padding-lv3) 0;\n clear: both;\n .control-group {\n margin-top: 0;\n }\n\n}\n\n.cart-summary-expander-head {\n @extend .accordion-head;\n}\n\n.cart-summary-expander-head-toggle {\n @extend .accordion-head-toggle;\n font-weight: normal;\n width: 100%;\n border-left: 0;\n border-right: 0;\n}\n\n.cart-summary-expander-toggle-icon {\n @extend .accordion-toggle-icon;\n}\n\n.cart-summary-expander-toggle-icon-promocode {\n @extend .accordion-toggle-icon;\n}\n\n.cart-summary-expander-body {\n @extend .accordion-body-alt;\n}\n\n.cart-summary-button-estimate {\n @extend .button-secondary;\n @extend .button-medium;\n margin-top: wrap('$dummy112',$sc-margin-lv4 / 2);\n}\n\n.cart-summary-estimate-input {\n @extend .input-generic !optional;\n margin-bottom: wrap('$sc-margin-lv2',$sc-margin-lv2);\n}\n\n.cart-summary-button-container {\n @media (min-width: $screen-sm-min), (orientation: landscape) {\n padding: wrap('$sc-padding-lv3',$sc-padding-lv3);\n margin-bottom: wrap('$sc-margin-lv2',$sc-margin-lv2);\n display: block;\n }\n}\n\n.cart-summary-button-proceed-checkout {\n @media (max-width: $screen-xs-max) {\n display: none;\n }\n &.cart-summary-button-proceed-checkout-sb {\n @extend .button-proceed-checkout;\n display: block;\n }\n\n @media (min-width: $screen-sm-min), (orientation: landscape) {\n .cart-summary-button-proceed-checkout {\n @extend .button-proceed-checkout;\n display: block;\n }\n\n }\n}\n\n.cart-summary-total {\n p {\n @extend .summary-total;\n }\n\n}\n\n.cart-summary-subtotal {\n margin-bottom: wrap('$sc-margin-lv3',$sc-margin-lv3);\n font-weight: wrap('$sc-font-weight-bold',$sc-font-weight-bold);\n text-transform: uppercase;\n font-size: wrap('$sc-font-size-s',$sc-font-size-s);\n}\n\n.cart-summary-subtotal-legend {\n font-size: wrap('$sc-font-size-s',$sc-font-size-s);\n text-transform: capitalize;\n font-weight: wrap('$sc-font-weight-normal',$sc-font-weight-normal);\n margin: 0px wrap('$sc-margin-lv3',$sc-margin-lv3) wrap('$sc-margin-lv3',$sc-margin-lv3) wrap('$sc-margin-lv3',$sc-margin-lv3);\n}\n\n.cart-summary-grid {\n clear: both;\n}\n\n.cart-summary-grid-float {\n @extend .summary-grid-float;\n}\n\n.cart-summary-shipping-cost-applied {\n margin-bottom: wrap('$sc-margin-lv4',$sc-margin-lv4);\n font-size: wrap('$sc-font-size-m',$sc-font-size-m);\n}\n\n.cart-summary-grid-left {\n padding-left: wrap('$sc-padding-lv3',$sc-padding-lv3);\n}\n\n.cart-summary-grid-right {\n float: right;\n padding-left: wrap('$sc-padding-lv1',$sc-padding-lv1);\n padding-right: wrap('$sc-padding-lv3',$sc-padding-lv3);\n}\n\n.cart-summary-remove-action {\n margin-left: wrap('$sc-margin-lv1',$sc-margin-lv1);\n cursor: pointer;\n cursor: hand;\n float: right;\n margin-top: -3px;\n margin-right: wrap('$sc-margin-lv2',$sc-margin-lv2);\n i {\n @extend .icon-base;\n @extend %fa-times-circle;\n color: wrap('$sc-color-secondary',$sc-color-secondary);\n position: relative;\n top: 2px;\n }\n\n}\n\n.cart-summary-label-shipto {\n @extend .cart-summary-grid-left;\n}\n\n.cart-summary-label-shipto-success {\n @extend .text-success !optional;\n color: wrap('$sc-color-senary',$sc-color-senary);\n float: right;\n}\n\n.cart-summary-label-shipping {\n @extend .cart-summary-grid-left;\n}\n\n.cart-summary-amount-shipping {\n @extend .cart-summary-grid-right;\n color: wrap('$sc-color-senary',$sc-color-senary);\n}\n\n.cart-summary-amount-handling {\n @extend .cart-summary-grid-right;\n color: wrap('$sc-color-senary',$sc-color-senary);\n}\n\n.cart-summary-label-tax {\n @extend .cart-summary-grid-left;\n}\n\n.cart-summary-amount-tax {\n @extend .cart-summary-grid-right;\n color: wrap('$sc-color-senary',$sc-color-senary);\n}\n\n.cart-summary-label-total {\n @extend .cart-summary-grid-left;\n}\n\n.cart-summary-amount-total {\n @extend .cart-summary-grid-right;\n color: wrap('$sc-color-senary',$sc-color-senary);\n}\n\n.cart-summary-label-subtotal {\n @extend .cart-summary-grid-left;\n}\n\n.cart-summary-amount-subtotal {\n @extend .cart-summary-grid-right;\n color: wrap('$sc-color-senary',$sc-color-senary);\n}\n\n.cart-summary-label-discount-total {\n @extend .cart-summary-grid-left;\n font-size: wrap('$sc-font-size-m',$sc-font-size-m);\n}\n\n.cart-summary-amount-discount-total {\n @extend .cart-summary-grid-right;\n font-size: wrap('$sc-font-size-m',$sc-font-size-m);\n}\n\n.cart-summary-label {\n @extend .input-label !optional;\n display: block;\n}\n\n.cart-summary-input-country {\n @extend .input-generic !optional;\n margin-bottom: wrap('$sc-margin-lv2',$sc-margin-lv2);\n}\n\n.cart-summary-giftcertificate-applied {\n padding-bottom: wrap('$sc-padding-lv2',$sc-padding-lv2);\n}\n\n.cart-summary-giftcertificate-applied-title {\n @extend .cart-summary-grid-float;\n}\n\n.cart-summary-promocode {\n font-size: wrap('$sc-font-size-m',$sc-font-size-m);\n overflow: hidden;\n}\n\n.cart-summary-promocode-container {\n margin-top: wrap('$sc-margin-lv3',$sc-margin-lv3);\n}\n\n.cart-summary-discount-applied {}\n.cart-summary-expander-tooltip {\n @extend .sc-tooltip;\n @extend .icon-question-sign !optional;\n}\n\n.cart-summary-item-quantity-subtotal {\n font-weight: wrap('$sc-font-weight-normal',$sc-font-weight-normal);\n color: wrap('$sc-color-senary',$sc-color-senary);\n}\n\n.cart-summary-zip-code {\n @extend .input-small;\n @extend .zip !optional;\n}\n\n.cart-summary-button-proceed-checkout {\n @extend .button-proceed-checkout;\n}\n\n.cart-summary-btn-paypal-express {\n @extend .btn-paypal-express;\n margin-left: wrap('$dummy113',-$sc-margin-lv3);\n margin-right: wrap('$dummy114',-$sc-margin-lv3);\n margin-bottom: wrap('$sc-margin-lv3',$sc-margin-lv3);\n background-color: wrap('$sc-color-theme-background',$sc-color-theme-background);\n padding-bottom: wrap('$sc-padding-lv2',$sc-padding-lv2);\n padding-top: wrap('$sc-padding-lv2',$sc-padding-lv2);\n @media (min-width: $screen-sm-min), (orientation: landscape) {\n margin-left: auto;\n margin-right: auto;\n margin-bottom: auto;\n padding-bottom: auto;\n padding-top: auto;\n }\n}\n\n.cart-summary-btn-paypal-express-image {\n width: 100%;\n @media (max-width: $screen-xs-max) {\n width: auto;\n }\n}\n\n.cart-summary-continue-shopping {\n @extend .small-title-navigable;\n display: inline-block;\n margin-top: wrap('$sc-margin-lv2',$sc-margin-lv2);\n}\n\n.cart-summary-login-to-see-price {\n font-weight: normal;\n}\n\n.cart-summary-message {\n @extend .message;\n}\n\n.cart-summary-msg-description {\n @extend .message-info;\n display: block;\n text-align: left;\n margin-left: wrap('$sc-margin-lv2',$sc-margin-lv2);\n margin-right: wrap('$sc-margin-lv2',$sc-margin-lv2);\n}\n\n.cart-summary-pickup-container {\n margin-bottom: wrap('$sc-margin-lv4',$sc-margin-lv4);\n font-size: wrap('$sc-font-size-m',$sc-font-size-m);\n}\n\n.cart-summary-pickup-label-free {\n @extend .cart-summary-grid-right;\n color: wrap('$sc-color-success',$sc-color-success);\n}\n\n","detail":"Error: You may not @extend selectors across media queries.\n Use \"@extend .button-proceed-checkout !optional\" to avoid this error.\n on line 81:9 of ../SuiteScripts/extensions/SC/com.netsuite.horizontheme/Horizon@3.1.0/Modules/Checkout/checkout.scss\n from line 33:9 of ../Web%20Site%20Hosting%20Files/Live%20Hosting%20Files/SSP%20Applications/NetSuite%20Inc.%20-%20SCS/SuiteCommerce%20Standard/extensions/meta_checkout_2.scss\n>> @extend .button-proceed-checkout;\n\n --------------^\n","text":"You may not @extend selectors across media queries.\nUse \"@extend .button-proceed-checkout !optional\" to avoid this error.","severity":{"label":"ERROR","value":3}}]}},"notifyOff":false,"userFacing":true}