question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] add prefix to grid classes

See original GitHub issue

Problem to solve

If implement the vuetify to an existing project, it’s easy to break the original style for vuetify have a set of util style classes, like container, layout or success etc. And it also apply some style to default element like padding in ul > li, which could affect the existing style.

see this problem: https://stackoverflow.com/questions/54293336/how-to-avoid-vuetify-overrides-default-css

Proposed solution

Maybe add a prefix to these util classes and not apply style to default element?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:5
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
josvoscommented, Nov 7, 2019

Just started evaluating Vuetify to see if I can / want to use it in my project and this is the first issue I came across in the first hour: the conflict with my existing container class, adding unwanted padding. It would be great if these generic classes can be renamed with a v- prefix.

2reactions
Dinvercommented, Jul 30, 2019

The problem is relevant. In the transition from 1.5 to 2.2. In Vuetify there should be no global styles. Styles should apply only to Vuetify components. 00001 Same with links: 000002

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using feature queries - CSS: Cascading Style Sheets | MDN
Feature Queries can help you start to use newer features by enhancing a simpler display of the site used for older browsers.
Read more >
rework-class-prefix
Add a class prefix to further sandbox CSS styling for third-party imports. This comes in handy when you want to import two different...
Read more >
CSS Grid Layout not working in IE11 even with prefixes
Since I'm using auto-prefixer in my workflow it automatically adds all relevant properties with -ms prefix. I can confirm it via inspect element ......
Read more >
Create a custom grid
Grid systems are stored as a feature in Sitecore and include: The grid theme – includes the css file with all grid classes....
Read more >
Progress® Telerik® UI for ASP.NET MVC Feedback Portal
Add configurations for custom decimal and number group separators ... Grid ClientTemplate Feature should also be available in TreeList.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found