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.

Sign up for GitHub

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

Flex basis alias support #13

Merged
merged 9 commits into from
Feb 17, 2023
Merged

Flex basis alias support #13

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
79b831c
feat(flex): add flex-basis alias support
lievenjanssen Feb 13, 2023
40f6892
fix(flex): add test for flex basis aliases
lievenjanssen Feb 15, 2023
eeb0ecf
fix(flex): fix flex basis alias attributes
lievenjanssen Feb 15, 2023
57bd210
fix(flex): fix flex basis alias attributes
lievenjanssen Feb 15, 2023
31525c3
fix(flex): improve selectors for flex basis alias
lievenjanssen Feb 15, 2023
9a84f06
Merge branch 'flex-basis-alias-support' of https://github.com/Salesfl…
lievenjanssen Feb 15, 2023
ab3c0d5
fix(flex): fix typo
lievenjanssen Feb 16, 2023
5865faf
fix(flex): update flex-auto-properties to 100%
lievenjanssen Feb 16, 2023
42567e0
fix(flex): automatically add layout row for flex attributes for media…
lievenjanssen Feb 16, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix(flex): fix flex basis alias attributes
  • Loading branch information
@lievenjanssen
lievenjanssen committed Feb 15, 2023
commit eeb0ecfe8b6bc582b5b7cfe57a83e837cfe18438
38 changes: 23 additions & 15 deletions src/lib/flex-attributes.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,35 @@
@include flex-properties;
}

*[data-fx-flex-auto] {
*[data-fx-flex^="auto"] {
@include flex-auto-properties;
}

*[data-fx-flex-grow] {
*[data-fx-flex^="grow"] {
@include flex-grow-properties;
}

*[data-fx-flex-initial] {
*[data-fx-flex-grow] {
@include flex-grow-properties;
}

*[data-fx-flex^="initial"] {
@include flex-initial-properties;
}

*[data-fx-flex-none] {
*[data-fx-flex^="none"] {
@include flex-none-properties;
}

*[data-fx-flex-nogrow] {
*[data-fx-flex^="nogrow"] {
@include flex-nogrow-properties;
}

*[data-fx-flex-noshrink] {
*[data-fx-flex^="noshrink"] {
@include flex-noshrink-properties;
}

*:has(>[data-fx-flex],>[data-fx-flex-auto],>[data-fx-flex-grow],>[data-fx-flex-initial],>[data-fx-flex-none],>[data-fx-flex-nogrow],>[data-fx-flex-noshrink]):not([data-layout]) {
*:has(>[data-fx-flex],>[data-fx-flex-grow]):not([data-layout]) {
@include flex-row-properties;
}
}
Expand All @@ -40,30 +44,34 @@
@each $name, $_ in $flex-layout-media-queries {
@include flex-layout-media($name) {
*[data-fx-flex-#{$name}] {
@include flex-auto-properties;
}

*[data-fx-flex-#{$name}^="auto"] {
@include flex-properties;
}

*[data-fx-flex-auto-#{$name}] {
@include flex-auto-properties;
*[data-fx-flex-#{$name}^="grow"] {
@include flex-grow-properties;
}

*[data-fx-flex-grow-#{$name}] {
@include flex-grow-properties;
}

*[data-fx-flex-initial-#{$name}] {
*[data-fx-flex-#{$name}^="initial"] {
@include flex-initial-properties;
}

*[data-fx-flex-none-#{$name}] {
*[data-fx-flex-#{$name}^="none"] {
@include flex-none-properties;
}

*[data-fx-flex-nogrow-#{$name}] {
*[data-fx-flex-#{$name}^="nogrow"] {
@include flex-nogrow-properties;
}

*[data-fx-flex-noshrink-#{$name}] {
*[data-fx-flex-#{$name}^="noshrink"] {
@include flex-noshrink-properties;
}
}
Expand Down