Skip to content
This repository was archived by the owner on Sep 26, 2022. It is now read-only.

Commit 858ed15

Browse files
author
TheComputerM
authored
Merge pull request #66 from rodgco/flexgrow
feat(style): implemented flex grow and shrink
2 parents 7cef40a + 1591070 commit 858ed15

File tree

1 file changed

+31
-0
lines changed
  • packages/svelte-materialify/src/styles/generic

1 file changed

+31
-0
lines changed

packages/svelte-materialify/src/styles/generic/_flex.scss

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -249,3 +249,34 @@
249249
}
250250
}
251251
}
252+
253+
.flex-grow-0 {
254+
flex-grow: 0;
255+
}
256+
257+
.flex-grow-1 {
258+
flex-grow: 1;
259+
}
260+
261+
.flex-shrink-0 {
262+
flex-shrink: 0;
263+
}
264+
265+
.flex-shrink-1 {
266+
flex-shrink: 1;
267+
}
268+
269+
@include create_breakpoints() using ($screen_size) {
270+
.flex-#{$screen_size}-grow-0 {
271+
flex-grow: 0;
272+
}
273+
.flex-#{$screen_size}-grow-1 {
274+
flex-grow: 1;
275+
}
276+
.flex-#{$screen_size}-shrink-0 {
277+
flex-shrink: 0;
278+
}
279+
.flex-#{$screen_size}-shrink-1 {
280+
flex-shrink: 1;
281+
}
282+
}

0 commit comments

Comments
 (0)