@responsive not generating default class

[Striffly]

The @responsive functions generate the responsive classes, but seems to not generate the default class.

Exemple :

@responsive {
  .container-fluid {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
  }
}

.sm:container-fluid {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

.lg:container-fluid {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

.xl:container-fluid {
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

# .container-fluid {} is missing

[adamwathan]

Hey! Make sure you have @tailwind utilities in your CSS, anything in a @responsive rule is automatically dumped into the utilities layer if you don't manually wrap it in a layer.

Works as expected then 👍🏻

[Striffly]

Indeed the problem came exactly from there... I still can't understand why all responsive classes are generated, except the default one
Anyway, thanks !