Skip to content

Commit

Permalink
chore: hover
Browse files Browse the repository at this point in the history
  • Loading branch information
@borisdamevin
borisdamevin committed Jul 22, 2023
1 parent 79500fe commit 360f1ec
Show file tree
Hide file tree
Showing 4 changed files with 284 additions and 145 deletions.
264 changes: 168 additions & 96 deletions __tests__/properties/width/screens.spec.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,205 +19,277 @@
width: 0;
}

.w-auto {
width: auto;
}

.w-full {
width: 100%;
@media (min-width: 320px) {
.xs\:w-0 {
width: 0;
}
}

.w-screen {
width: 100vw;
@media (min-width: 480px) {
.sm\:w-0 {
width: 0;
}
}

.w-min {
width: min-content;
@media (min-width: 768px) {
.md\:w-0 {
width: 0;
}
}

.w-max {
width: max-content;
@media (min-width: 960px) {
.lg\:w-0 {
width: 0;
}
}

.w-fit {
width: fit-content;
@media (min-width: 1200px) {
.xl\:w-0 {
width: 0;
}
}

@media (min-width: 320px) {
.xs\:w-0 {
@media (min-width: 1400px) {
.\32 xl\:w-0 {
width: 0;
}
}

.w-auto {
width: auto;
}

@media (min-width: 320px) {
.xs\:w-auto {
width: auto;
}
}

.xs\:w-full {
width: 100%;
@media (min-width: 480px) {
.sm\:w-auto {
width: auto;
}
}

.xs\:w-screen {
width: 100vw;
@media (min-width: 768px) {
.md\:w-auto {
width: auto;
}
}

.xs\:w-min {
width: min-content;
@media (min-width: 960px) {
.lg\:w-auto {
width: auto;
}
}

.xs\:w-max {
width: max-content;
@media (min-width: 1200px) {
.xl\:w-auto {
width: auto;
}
}

.xs\:w-fit {
width: fit-content;
@media (min-width: 1400px) {
.\32 xl\:w-auto {
width: auto;
}
}

@media (min-width: 480px) {
.sm\:w-0 {
width: 0;
}
.w-full {
width: 100%;
}

.sm\:w-auto {
width: auto;
@media (min-width: 320px) {
.xs\:w-full {
width: 100%;
}
}

@media (min-width: 480px) {
.sm\:w-full {
width: 100%;
}
}

.sm\:w-screen {
width: 100vw;
@media (min-width: 768px) {
.md\:w-full {
width: 100%;
}
}

.sm\:w-min {
width: min-content;
@media (min-width: 960px) {
.lg\:w-full {
width: 100%;
}
}

.sm\:w-max {
width: max-content;
@media (min-width: 1200px) {
.xl\:w-full {
width: 100%;
}
}

.sm\:w-fit {
width: fit-content;
@media (min-width: 1400px) {
.\32 xl\:w-full {
width: 100%;
}
}

@media (min-width: 768px) {
.md\:w-0 {
width: 0;
}
.w-screen {
width: 100vw;
}

.md\:w-auto {
width: auto;
@media (min-width: 320px) {
.xs\:w-screen {
width: 100vw;
}
}

.md\:w-full {
width: 100%;
@media (min-width: 480px) {
.sm\:w-screen {
width: 100vw;
}
}

@media (min-width: 768px) {
.md\:w-screen {
width: 100vw;
}
}

.md\:w-min {
width: min-content;
@media (min-width: 960px) {
.lg\:w-screen {
width: 100vw;
}
}

.md\:w-max {
width: max-content;
@media (min-width: 1200px) {
.xl\:w-screen {
width: 100vw;
}
}

.md\:w-fit {
width: fit-content;
@media (min-width: 1400px) {
.\32 xl\:w-screen {
width: 100vw;
}
}

@media (min-width: 960px) {
.lg\:w-0 {
width: 0;
}
.w-min {
width: min-content;
}

.lg\:w-auto {
width: auto;
@media (min-width: 320px) {
.xs\:w-min {
width: min-content;
}
}

.lg\:w-full {
width: 100%;
@media (min-width: 480px) {
.sm\:w-min {
width: min-content;
}
}

.lg\:w-screen {
width: 100vw;
@media (min-width: 768px) {
.md\:w-min {
width: min-content;
}
}

@media (min-width: 960px) {
.lg\:w-min {
width: min-content;
}
}

.lg\:w-max {
width: max-content;
@media (min-width: 1200px) {
.xl\:w-min {
width: min-content;
}
}

.lg\:w-fit {
width: fit-content;
@media (min-width: 1400px) {
.\32 xl\:w-min {
width: min-content;
}
}

@media (min-width: 1200px) {
.xl\:w-0 {
width: 0;
}
.w-max {
width: max-content;
}

.xl\:w-auto {
width: auto;
@media (min-width: 320px) {
.xs\:w-max {
width: max-content;
}
}

.xl\:w-full {
width: 100%;
@media (min-width: 480px) {
.sm\:w-max {
width: max-content;
}
}

.xl\:w-screen {
width: 100vw;
@media (min-width: 768px) {
.md\:w-max {
width: max-content;
}
}

.xl\:w-min {
width: min-content;
@media (min-width: 960px) {
.lg\:w-max {
width: max-content;
}
}

@media (min-width: 1200px) {
.xl\:w-max {
width: max-content;
}

.xl\:w-fit {
width: fit-content;
}
}

@media (min-width: 1400px) {
.\32 xl\:w-0 {
width: 0;
.\32 xl\:w-max {
width: max-content;
}
}

.\32 xl\:w-auto {
width: auto;
.w-fit {
width: fit-content;
}

@media (min-width: 320px) {
.xs\:w-fit {
width: fit-content;
}
}

.\32 xl\:w-full {
width: 100%;
@media (min-width: 480px) {
.sm\:w-fit {
width: fit-content;
}
}

.\32 xl\:w-screen {
width: 100vw;
@media (min-width: 768px) {
.md\:w-fit {
width: fit-content;
}
}

.\32 xl\:w-min {
width: min-content;
@media (min-width: 960px) {
.lg\:w-fit {
width: fit-content;
}
}

.\32 xl\:w-max {
width: max-content;
@media (min-width: 1200px) {
.xl\:w-fit {
width: fit-content;
}
}

@media (min-width: 1400px) {
.\32 xl\:w-fit {
width: fit-content;
}
Expand Down
Loading

0 comments on commit 360f1ec

Please sign in to comment.