4 replies

Conflicts with CSS classes

I have a CSS class given by a JS.

.show {
  opacity 1;
  filter: grayscale(0);
  filter: blur(0);
  scale: 1;
  transform: translateX(0);
  transform: translateY(0);
  transform: translateZ(0);
}

.show {
  opacity 1;
  filter: grayscale(0);
  filter: blur(0);
  scale: 1;
  transform: translateX(0);
  transform: translateY(0);
  transform: translateZ(0);
}

And then a bunch of utility classes, like (and many other examples):

.scale {
  scale: 0;
  transition: all 1s;
}

.hidden {
  opacity: 0;
  transition: all 3s;
}

.scale {
  scale: 0;
  transition: all 1s;
}

.hidden {
  opacity: 0;
  transition: all 3s;
}

Would it conflict if I keep

.show

.show

like that?
It's quite a lazy method to just have one class given, but maybe it won't conflict, or maybe there's a better way.

Opinions, thoughts, knowledge?

KP-C

Kevin Powell - Community•4y ago•

4 replies

Myndi

Conflicts with CSS classes

I have a CSS class given by a JS.

.show {
  opacity 1;
  filter: grayscale(0);
  filter: blur(0);
  scale: 1;
  transform: translateX(0);
  transform: translateY(0);
  transform: translateZ(0);
}

.show {
  opacity 1;
  filter: grayscale(0);
  filter: blur(0);
  scale: 1;
  transform: translateX(0);
  transform: translateY(0);
  transform: translateZ(0);
}

And then a bunch of utility classes, like (and many other examples):

.scale {
  scale: 0;
  transition: all 1s;
}

.hidden {
  opacity: 0;
  transition: all 3s;
}

.scale {
  scale: 0;
  transition: all 1s;
}

.hidden {
  opacity: 0;
  transition: all 3s;
}

Would it conflict if I keep

.show

.show

like that?
It's quite a lazy method to just have one class given, but maybe it won't conflict, or maybe there's a better way.

Opinions, thoughts, knowledge?

Conflicts with CSS classes

Similar Threads

Conflicts with CSS classes

Similar Threads

Similar Threads

Similar Threads