refactor(docs-infra): scope contributor-list styles to the `<aio-contributor-list>` element (#40704)
This commit ensures that all styles for the contributor list (which are defined in `_contributor.scss`) only apply to elements inside an `<aio-contributor-list>` element. This will prevent the styles accidentally taking effect on a different part of the app. PR Close #40704
This commit is contained in:
parent
cb4b8d9ab4
commit
7d45667873
|
@ -1,4 +1,11 @@
|
||||||
aio-contributor-list {
|
aio-contributor-list {
|
||||||
|
.contributor-group {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
@media handheld and (max-width: 480px), screen and (max-width: 900px) {
|
@media handheld and (max-width: 480px), screen and (max-width: 900px) {
|
||||||
.grid-fluid {
|
.grid-fluid {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
|
@ -10,13 +17,6 @@ aio-contributor-list {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.contributor-group {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
aio-contributor {
|
aio-contributor {
|
||||||
background: $white;
|
background: $white;
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
|
|
Loading…
Reference in New Issue