diff --git a/src/_flexbox.css b/src/_flexbox.css index 77d8825..fea4f52 100644 --- a/src/_flexbox.css +++ b/src/_flexbox.css @@ -66,6 +66,12 @@ .order-8 { order: 8; } .order-last { order: 99999; } +.grow-0 { flex-grow: 0; } +.grow-1 { flex-grow: 1; } + +.shrink-0 { flex-shrink: 0; } +.shrink-1 { flex-shrink: 1; } + @media (--breakpoint-not-small) { .flex-ns { display: flex; } .inline-flex-ns { display: inline-flex; } @@ -117,6 +123,12 @@ .order-7-ns { order: 7; } .order-8-ns { order: 8; } .order-last-ns { order: 99999; } + + .grow-0-ns { flex-grow: 0; } + .grow-1-ns { flex-grow: 1; } + + .shrink-0-ns { flex-shrink: 0; } + .shrink-1-ns { flex-shrink: 1; } } @media (--breakpoint-medium) { .flex-m { display: flex; } @@ -169,6 +181,12 @@ .order-7-m { order: 7; } .order-8-m { order: 8; } .order-last-m { order: 99999; } + + .grow-0-m { flex-grow: 0; } + .grow-1-m { flex-grow: 1; } + + .shrink-0-m { flex-shrink: 0; } + .shrink-1-m { flex-shrink: 1; } } @media (--breakpoint-large) { @@ -223,4 +241,10 @@ .order-7-l { order: 7; } .order-8-l { order: 8; } .order-last-l { order: 99999; } + + .grow-0-l { flex-grow: 0; } + .grow-1-l { flex-grow: 1; } + + .shrink-0-l { flex-shrink: 0; } + .shrink-1-l { flex-shrink: 1; } }