If you’re wondering why we didn’t approve your post, this is probably one of the reasons
- Hover, focus, active, and other states will give you a higher chance of getting approved
- Use em's when possible so that the dimensions are proportionate to font-size (this applies mainly to buttons, checkboxes, inputs…)
- You can only have one element in each post (in most cases)
- You are adding tags that are not relevant to the post
- Don’t style outside elements, like <body> or <html>
- Avoid global styles, everything should be scoped to a class name
- Any external links are not allowed and will be filtered out, this applies for images, fonts etc.
- You can use SVG (both in CSS and HTML) as long as the SVG is not too big.
- The use of SVG should complement the HTML & CSS, the SVG itself shouldn’t be the main content.
This SVG is too big and takes up about 270 lines in the HTML, this should be avoided
This is a good example of an SVG usage
- Use of CSS custom properties/variables is encouraged, but don't specify them globally (:root, body...).
- Don't write CSS prefixes, code will be prefixed on the server.
- JavaScript is forbidden. Any XSS attempts will get you banned.
- Don’t make your elements too big, try to keep roughly the same size as other elements in the category
Example:
Too big!
Good size, similar to all other buttons on Uiverse and in the real world
- We don’t approve posts that are either already posted on Uiverse by you or someone else or they are too similar.
- Make sure your elements are accessible by web standards. Enough contrast for example.
- Elements should be unique or detailed enough, changing background color on hover is not enough.