diff --git a/application/utils.inc.php b/application/utils.inc.php index 3d5b47679..175181952 100644 --- a/application/utils.inc.php +++ b/application/utils.inc.php @@ -1943,7 +1943,7 @@ class utils public static function CompileCSSFromSASS($sSassContent, $aImportPaths = array(), $aVariables = array()) { $oSass = new Compiler();//['checkImportResolutions'=>true]); - $oSass->setOutputStyle(OutputStyle::EXPANDED); + $oSass->setOutputStyle(OutputStyle::COMPRESSED); // Setting our variables $aCssVariable = []; foreach ($aVariables as $entry=>$value) { diff --git a/css/backoffice/components/_panel.scss b/css/backoffice/components/_panel.scss index ecd22f647..92331faa5 100644 --- a/css/backoffice/components/_panel.scss +++ b/css/backoffice/components/_panel.scss @@ -89,7 +89,7 @@ $ibo-panel--collapsible-toggler--color: $ibo-color-grey-700 !default; .ibo-panel { - --ibo-main-color: map-get(#{$ibo-panel-colors}, 'neutral'); /* --ibo-main-color is to allow overload from custom dynamic value from the DM. The overload will be done through an additional CSS class of a particular DM class or DM attribute */ + --ibo-main-color: #{map-get($ibo-panel-colors, 'neutral')}; /* --ibo-main-color is to allow overload from custom dynamic value from the DM. The overload will be done through an additional CSS class of a particular DM class or DM attribute */ position: relative; diff --git a/css/backoffice/components/_pill.scss b/css/backoffice/components/_pill.scss index f8ad35b0f..71481bc63 100644 --- a/css/backoffice/components/_pill.scss +++ b/css/backoffice/components/_pill.scss @@ -79,8 +79,8 @@ $ibo-pill-states-colors: ( /* Rules */ .ibo-pill { /* --ibo-main-color-xxx is to allow overload from custom dynamic value from the DM. The overload will be done through an additional CSS class of a particular DM class or DM attribute */ - --ibo-main-color--100: map-get(map-get( #{$ibo-pill-states-colors}, 'neutral'), 'primary-color'); - --ibo-main-color--900: map-get(map-get( #{$ibo-pill-states-colors}, 'neutral'), 'secondary-color'); + --ibo-main-color--100: #{map-get(map-get($ibo-pill-states-colors, 'neutral'), 'primary-color')}; + --ibo-main-color--900: #{map-get(map-get($ibo-pill-states-colors, 'neutral'), 'secondary-color')}; @extend %ibo-fully-centered-content; max-width: $ibo-pill--max-width;