OXID Mobile Theme LESS compiling issues

English forums
1

i posted this already here on GitHub:

https://github.com/OXID-eSales/mobile_theme/issues/5

i am fairly new to LESS so it just may be my inexperience, i had issues compiling the oxid.less with lessphp.

i tried it again with lessc locally on my mac, i figured out it would only compile if switch the positions of

@import "bootstrap/bootstrap.less";
@import "variables.less";

in the oxid.less and adding a the variable

@form-webkit-inner-spin-button-margin

as it was reported missing.

finally i got it compiling , i uploaded the oxid.css to try it out and the whole template looked differently? doing a comparison with the older oxid.css it has major differences.
my understanding was that the oxid.css is directly created from the oxid.less?

2

ok there has been a commit to to the dev branch with fixes the above errors.

i still have problem compiling the oxid.less file

undefined_methodError: error evaluating function `darken`: Object #<Object> has no method 'toHSL' in /Volumes/data/Users/kritop/Downloads/mbtheme2/OXID eShop mobile theme/copy_this/out/mobile/src/less/bootstrap/tables.less on line 234, column 19:
233     background-color: darken(@state-danger-bg, 5%);
234     border-color: darken(@state-danger-border, 5%);
235   }
3

solved: the problematic line was 657 in variables.less:

@state-warning-border:        transparent;

changing transparent to an actual color solves the compilation errors!

4

Thanks for your monologue and letting us know the resolution :slight_smile: