Skip to content

Commit

Permalink
Revert CSS layers due to incompatibility with supported browsers (#3210)
Browse files Browse the repository at this point in the history
  • Loading branch information
@olliecurtis
olliecurtis authored Feb 2, 2024
1 parent 563a5e4 commit 773b1e5
Show file tree
Hide file tree
Showing 252 changed files with 4,092 additions and 4,352 deletions.
2 changes: 1 addition & 1 deletion packages/bpk-component-accordion/src/BpkAccordion.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,4 +15,4 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@layer bpk-component{.bpk-accordion{margin:0}.bpk-accordion--on-dark{color:#fff}}
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-accordion{margin:0}.bpk-accordion--on-dark{color:#fff}
10 changes: 4 additions & 6 deletions packages/bpk-component-accordion/src/BpkAccordion.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,10 @@

@import '../../bpk-mixins/index.scss';

@layer bpk-component {
.bpk-accordion {
margin: 0;
.bpk-accordion {
margin: 0;

&--on-dark {
color: $bpk-text-on-dark-day;
}
&--on-dark {
color: $bpk-text-on-dark-day;
}
}
2 changes: 1 addition & 1 deletion packages/bpk-component-accordion/src/BpkAccordionItem.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,4 +15,4 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@layer bpk-component{.bpk-accordion__title{height:auto}.bpk-accordion__title--collapsed{box-shadow:0 -1px 0 0 #c2c9cd inset}.bpk-accordion__title--collapsed-on-dark{box-shadow:0 -1px 0 0 rgba(255,255,255,0.5) inset}.bpk-accordion__toggle-button{width:100%;padding:0;border:0;background-color:transparent;color:#161616;text-align:left;cursor:pointer;appearance:none}html[dir='rtl'] .bpk-accordion__toggle-button{text-align:right}.bpk-accordion__flex-container{display:inline-flex;width:100%;margin:1rem 0;flex-direction:row}.bpk-accordion__title-text{display:inline-block;flex-grow:1}.bpk-accordion__title-text--on-dark{color:#fff}.bpk-accordion__icon-wrapper{display:inline-block}.bpk-accordion__leading-icon{margin-left:0;margin-right:.5rem}html[dir='rtl'] .bpk-accordion__leading-icon{margin-left:.5rem;margin-right:0}.bpk-accordion__item-expand-icon{fill:#161616}.bpk-accordion__item-expand-icon--flipped{transform:scaleY(-1)}.bpk-accordion__item-expand-icon--on-dark{fill:#fff}.bpk-accordion__content-container{margin:0}.bpk-accordion__content-container--expanded{padding-bottom:1rem;box-shadow:0 -1px 0 0 #c2c9cd inset}.bpk-accordion__content-container--expanded-on-dark{padding-bottom:1rem;box-shadow:0 -1px 0 0 rgba(255,255,255,0.5) inset}}
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-accordion__title{height:auto}.bpk-accordion__title--collapsed{box-shadow:0 -1px 0 0 #c2c9cd inset}.bpk-accordion__title--collapsed-on-dark{box-shadow:0 -1px 0 0 rgba(255,255,255,0.5) inset}.bpk-accordion__toggle-button{width:100%;padding:0;border:0;background-color:transparent;color:#161616;text-align:left;cursor:pointer;appearance:none}html[dir='rtl'] .bpk-accordion__toggle-button{text-align:right}.bpk-accordion__flex-container{display:inline-flex;width:100%;margin:1rem 0;flex-direction:row}.bpk-accordion__title-text{display:inline-block;flex-grow:1}.bpk-accordion__title-text--on-dark{color:#fff}.bpk-accordion__icon-wrapper{display:inline-block}.bpk-accordion__leading-icon{margin-left:0;margin-right:.5rem}html[dir='rtl'] .bpk-accordion__leading-icon{margin-left:.5rem;margin-right:0}.bpk-accordion__item-expand-icon{fill:#161616}.bpk-accordion__item-expand-icon--flipped{transform:scaleY(-1)}.bpk-accordion__item-expand-icon--on-dark{fill:#fff}.bpk-accordion__content-container{margin:0}.bpk-accordion__content-container--expanded{padding-bottom:1rem;box-shadow:0 -1px 0 0 #c2c9cd inset}.bpk-accordion__content-container--expanded-on-dark{padding-bottom:1rem;box-shadow:0 -1px 0 0 rgba(255,255,255,0.5) inset}
112 changes: 55 additions & 57 deletions packages/bpk-component-accordion/src/BpkAccordionItem.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,84 +18,82 @@

@import '../../bpk-mixins/index.scss';

@layer bpk-component {
.bpk-accordion {
&__title {
height: auto;
.bpk-accordion {
&__title {
height: auto;

&--collapsed {
@include bpk-border-bottom-sm($bpk-line-day);
&--collapsed {
@include bpk-border-bottom-sm($bpk-line-day);

&-on-dark {
@include bpk-border-bottom-sm($bpk-line-on-dark-day);
}
&-on-dark {
@include bpk-border-bottom-sm($bpk-line-on-dark-day);
}
}
}

&__toggle-button {
width: 100%;
padding: 0;
border: 0;
background-color: transparent;
color: $bpk-text-primary-day;
text-align: left;
cursor: pointer;
appearance: none;

@include bpk-rtl {
text-align: right;
}
&__toggle-button {
width: 100%;
padding: 0;
border: 0;
background-color: transparent;
color: $bpk-text-primary-day;
text-align: left;
cursor: pointer;
appearance: none;

@include bpk-rtl {
text-align: right;
}
}

&__flex-container {
display: inline-flex;
width: 100%;
margin: (bpk-spacing-base()) 0;
flex-direction: row;
}
&__flex-container {
display: inline-flex;
width: 100%;
margin: (bpk-spacing-base()) 0;
flex-direction: row;
}

&__title-text {
display: inline-block;
flex-grow: 1;
&__title-text {
display: inline-block;
flex-grow: 1;

&--on-dark {
color: $bpk-canvas-day;
}
&--on-dark {
color: $bpk-canvas-day;
}
}

&__icon-wrapper {
display: inline-block;
}
&__icon-wrapper {
display: inline-block;
}

&__leading-icon {
@include bpk-margin-trailing(bpk-spacing-md(), true);
}
&__leading-icon {
@include bpk-margin-trailing(bpk-spacing-md(), true);
}

&__item-expand-icon {
fill: $bpk-text-primary-day;
&__item-expand-icon {
fill: $bpk-text-primary-day;

&--flipped {
transform: scaleY(-1);
}
&--flipped {
transform: scaleY(-1);
}

&--on-dark {
fill: $bpk-canvas-day;
}
&--on-dark {
fill: $bpk-canvas-day;
}
}

&__content-container {
margin: 0;
&__content-container {
margin: 0;

&--expanded {
padding-bottom: bpk-spacing-base();
&--expanded {
padding-bottom: bpk-spacing-base();

@include bpk-border-bottom-sm($bpk-line-day);
@include bpk-border-bottom-sm($bpk-line-day);

&-on-dark {
padding-bottom: bpk-spacing-base();
&-on-dark {
padding-bottom: bpk-spacing-base();

@include bpk-border-bottom-sm($bpk-line-on-dark-day);
}
@include bpk-border-bottom-sm($bpk-line-on-dark-day);
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion packages/bpk-component-aria-live/src/BpkAriaLive.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,4 +15,4 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}@layer bpk-component{.bpk-aria-live--invisible{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}}
@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-aria-live--invisible{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}
8 changes: 3 additions & 5 deletions packages/bpk-component-aria-live/src/BpkAriaLive.module.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,10 +18,8 @@

@import '../../bpk-mixins/index.scss';

@layer bpk-component {
.bpk-aria-live {
&--invisible {
@include bpk-visually-hidden;
}
.bpk-aria-live {
&--invisible {
@include bpk-visually-hidden;
}
}
2 changes: 1 addition & 1 deletion packages/bpk-component-autosuggest/src/BpkAutosuggest.module.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 773b1e5

Please sign in to comment.