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 sizing utility classes (good to have)

See original GitHub issue

Problem to solve

Easily make an element as wide or as tall (relative to its parent) with our width and height utilities.

Proposed solution

https://getbootstrap.com/docs/4.0/utilities/sizing/

Width 25% w-25 Width 50% w-50 Width 75% w-75 Width 100% w-100

Height 25% h-25 Height 50% h-50 Height 75% h-75 Height 100% h-100

With breakpoints

w-sm-100 h-md-50

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:8
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
andreyrkcommented, Jun 2, 2021

Bump! That would be pretty useful. Wish it would also be added into 2.x 😄

0reactions
wicaksana94commented, Mar 1, 2022

$utilities: ( ‘width’: ( responsive: true, property: width, class: w, values: ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, ), ), ‘height’: ( responsive: true, property: height, class: h, values: ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, ), ), );

@import ‘~vuetify/src/styles/styles.sass’;

hy @mahammad-sixberries , I need to know the implementation, can you bring some examples?

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS utility classes: Your library of extendable styles
Learn what CSS utility classes are and why you should be using them, plus how to build your own super-powered utility framework in...
Read more >
Digital Ambition - Utility Classes vs Custom Classes - YouTube
There's a clear line between * good * web devs and * great * web devs. If you want to elevate, this training...
Read more >
Utility and helper classes - a code smell?
This is a very spicy & hot take of mine: I consider most utility or helper classes I've seen throughout my professional career...
Read more >
Feature: Add utility classes to Olivero to be used by site-builders
I'd like it if utility classes are included and have often wanted them in completely unrelated projects to bring up here like admin...
Read more >
If we're gonna criticize utility-class frameworks, let's be fair ...
You need to have specific css on one page use additional style sheet inline or external. Why you need to complicate stuff? You...
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