Less

Less is a dynamic preprocessor style sheet language that can be compiled into Cascading Style Sheets (CSS) and run on the client side or server side.

test.scss

$frames: ("one", "two", "three");

@each $name in $frames {
  @keyframes frame-#{$name} {
    /* CSS ... */
  }
}

$ npx stylelint test.scss

test.scss
 4:14  ✖  Expected keyframe name to be kebab-case  keyframes-name-pattern

The name is kebab case, but due to the string interpolation, the line is f

I wanted to declare the assets like so but it doesn't want to work. I tried all paths.

  [
    '@nuxtjs/style-resources', {
      scss: [ "~css/variables.scss"],
     }
  ]

It only works with this Syntax, could someone explain why or what im doing wrong?

  modules: ["@nuxtjs/style-resources"],

  styleResources: {
    scss: ["~css/variables.scss"]
  },

Here are 2,112 public repositories matching this topic...