How do less and sass define variables?

In Less, variables can be defined using the “@” symbol. Here is an example:

@color: #FF0000;
@fontSize: 16px;

p {
  color: @color;
  font-size: @fontSize;
}

In Sass, variables can be defined using the $ symbol. Here’s an example:

$color: #FF0000;
$fontSize: 16px;

p {
  color: $color;
  font-size: $fontSize;
}

Both of these methods can be used to define variables for reuse in style sheets.