Home

I’m having an issue when I generate the website. I am using semantic-ui and the order of the CSS classes is important.

My template looks like this:

<template>
<section class="row">
  <div class="ui equal width grid">
    <div class="column" v-for="p in products">
      <small-product :product="p" />
    </div>
  </div>
</section>
</template>

When I generate the site, the classes ui equal width grid order is changed and it becomes: ui equal grid width.

Is there a way to prevent that? It makes it impossible to use semantic-ui properly.