Skip to content

Commit

Permalink
Apply styles starting w/ pb_timeline_item_step for global props like …
Browse files Browse the repository at this point in the history 
…my_xxs
  • Loading branch information
@kangaree
kangaree committed Jan 9, 2025
1 parent 7022aa6 commit 53de453
Showing 1 changed file with 16 additions and 16 deletions.
32 changes: 16 additions & 16 deletions playbook/app/pb_kits/playbook/pb_timeline/_timeline.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ $gap_lg: $height_from_top + $space_lg;
>div {
&:last-child {
flex-basis: auto !important;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
opacity: 0;
}
Expand All @@ -66,7 +66,7 @@ $gap_lg: $height_from_top + $space_lg;
[class*=pb_timeline_item_kit] {
&[class*=_solid] {
flex-basis: 100%;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(row);
align-items: center;
margin-top: $space_xs;
Expand All @@ -78,7 +78,7 @@ $gap_lg: $height_from_top + $space_lg;
}
&[class*=_dotted] {
flex-basis: 100%;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(row);
align-items: center;
margin-top: $space_xs;
Expand All @@ -95,7 +95,7 @@ $gap_lg: $height_from_top + $space_lg;
>div {
&:last-child {
flex-basis: auto !important;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
opacity: 0;
}
Expand Down Expand Up @@ -125,7 +125,7 @@ $gap_lg: $height_from_top + $space_lg;
}
}
}
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(row);
margin-top: $space_xs;
margin-bottom: $space_xs;
Expand All @@ -149,7 +149,7 @@ $gap_lg: $height_from_top + $space_lg;
}
}
}
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(row);
margin-top: $space_xs;
margin-bottom: $space_xs;
Expand All @@ -166,7 +166,7 @@ $gap_lg: $height_from_top + $space_lg;
align-items: flex-start;
align-self: auto;
>div:last-child {
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
opacity: 0;
}
Expand All @@ -176,7 +176,7 @@ $gap_lg: $height_from_top + $space_lg;
@include flex_wrapper(row);
&[class*=_solid] {
flex-basis: 100%;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(column);
align-items: center;
align-content: flex-start;
Expand All @@ -197,7 +197,7 @@ $gap_lg: $height_from_top + $space_lg;
}
&[class*=_dotted] {
flex-basis: 100%;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(column);
align-items: center;
margin-right: $space_sm;
Expand All @@ -221,7 +221,7 @@ $gap_lg: $height_from_top + $space_lg;
align-items: flex-start;
align-self: auto;
>div:last-child {
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
opacity: 0;
}
Expand All @@ -231,7 +231,7 @@ $gap_lg: $height_from_top + $space_lg;
@include flex_wrapper(row);
&[class*=_solid] {
flex-basis: 100%;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(column);
align-items: center;
align-content: flex-start;
Expand All @@ -252,7 +252,7 @@ $gap_lg: $height_from_top + $space_lg;
}
&[class*=_dotted] {
flex-basis: 100%;
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
@include flex_wrapper(column);
align-items: center;
margin-right: $space_sm;
Expand All @@ -274,7 +274,7 @@ $gap_lg: $height_from_top + $space_lg;
}
&[class*=_gap_xs] {
[class*=pb_timeline_item_kit] {
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
height: $gap_xs !important;
}
Expand All @@ -283,7 +283,7 @@ $gap_lg: $height_from_top + $space_lg;
}
&[class*=_gap_sm] {
[class*=pb_timeline_item_kit] {
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
height: $gap_sm !important;
}
Expand All @@ -292,7 +292,7 @@ $gap_lg: $height_from_top + $space_lg;
}
&[class*=_gap_md] {
[class*=pb_timeline_item_kit] {
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
height: $gap_md !important;
}
Expand All @@ -301,7 +301,7 @@ $gap_lg: $height_from_top + $space_lg;
}
&[class*=_gap_lg] {
[class*=pb_timeline_item_kit] {
[class=pb_timeline_item_step] {
[class^=pb_timeline_item_step] {
[class=pb_timeline_item_connector] {
height: $gap_lg !important;
}
Expand Down

0 comments on commit 53de453

Please sign in to comment.