// Color variables are scoped to the colors() mixin
.colors() {
  @pink: #E2127A;
  @brand-primary: @pink;
  @site-background: @brand-primary;  
}

body {
  // access the .colors() namespace
  .colors;
  background: @site-background;


  // other styles...
  font-size: 8vmin;
  font-family: monospace;
  text-align: center;
  padding: 40vmin 2em;

  &::after {
    content: '‘site-background’ == @{site-background}';
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.