Conditional CSS based on background color variable

by

There’s contrast function, e.g.:

li {
    color: contrast(@bodyBackground,
            lighten(@bodyBackground, 13%),
             darken(@bodyBackground, 13%));
}

More Related Contents:

  1. Loop over an array of name value pairs in LESS
  2. How to use if statements in LESS
  3. Multiple properties are getting treated as separate arguments in mixins
  4. Arrays with Less
  5. Conditionally setting one variable’s value based on another
  6. Why I can see Less instead of CSS in a browser [closed]
  7. Twitter Bootstrap Customization Best Practices [closed]
  8. Disable LESS-CSS Overwriting calc() [duplicate]
  9. Loop through array of variable names in Less
  10. Is there a SASS.js? Something like LESS.js?
  11. Using variables in property names in LESS (dynamic properties / property name interpolation)
  12. How to thematize in lesscss
  13. Double border with different color [duplicate]
  14. import .css file into .less file
  15. What does an “&” before a pseudo element in CSS mean?
  16. LessCss dynamic variables based on ancestor class
  17. Defining Variable Variables using LESS CSS
  18. How to use bootstrap with 16 or 24 columns
  19. Compile a referenced LESS file into CSS with PHP automatically
  20. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  21. LESS CSS: abusing the & Operator when nesting?
  22. How to add different CSS style to every nth element, depending on n using LESS
  23. LESS: Unrecognized input error when using Bootstrap
  24. LESS mixin a variable class name
  25. LESS CSS nesting classes
  26. Less CSS: Mixins with Variable Number of Arguments
  27. Prefixing all selectors for twitter bootstrap in less
  28. Media Query grouping instead of multiple scattered media queries that match
  29. Less and Bootstrap: how to use a span3 (or spanX [any number]) class as a mixin?
  30. Font awesome not working in Firefox

Leave a Comment