LouisMazel / maz-ui

Vue & Nuxt library of standalone components & tools to build interfaces

Home Page:https://maz-ui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Issue][<COMPONENT>]

parsagholipour opened this issue · comments

Importing css/main.css overwrites styles.
*,:after,:before{border:0 solid;}
is making borders colors black(initial).
Screenshot (104)
and is overwriting the border colors I set on *.
Using border-style: solid; border-width: 0 doesn't produce the same thing.

commented

Hey @parsagholipour,

I think your CSS rules are overridden because maz-ui's CSS is loaded after your CSS.
You must import maz-ui/css/main.css before your own CSS.

Check this doc: Getting Started - Import Necessary CSS File

@LouisMazel I'm using Nuxt 3 and added mazui css at defineNuxtConfig. I'm using Windicss and have no control over the css.
Fixed this by changing the file: border: 0 solid to border-style: solid; border-width: 0