Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for flex-grow and flex-shrink #45

Merged
merged 1 commit into from
Apr 12, 2021

Conversation

davidmyersdev
Copy link
Contributor

Closes #44.

Summary

https://getbootstrap.com/docs/4.6/utilities/flex/#grow-and-shrink

The CSS utilities for flex-grow and flex-shrink are not yet supported in tailwindo. This PR adds support for the various combinations of values and media breakpoints.

./tailwindo --recursive=true --extensions=vue --replace=true Example.vue

Before

<!-- Example.vue -->
<template>
  <div class="flex-shrink-1 flex-grow-0 flex-md-grow-1 flex-sm-shrink-1 flex-lg-shrink-0"></div>
</template>

After

<!-- Example.vue -->
<template>
  <div class="flex-shrink flex-grow-0 md:flex-grow sm:flex-shrink lg:flex-shrink-0"></div>
</template>

@abdumu abdumu merged commit 7fd3e58 into awssat:master Apr 12, 2021
@davidmyersdev davidmyersdev deleted the support-flex-grow-and-shrink branch April 13, 2021 18:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

flex-grow-1 and flex-shrink-1 not converted
2 participants