refactor(docs-infra): merge style rules in _resources.scss (#40704)

This commit cleans up the styles in `_resources.scss` by merging
together blocks that target the same elements.

PR Close #40704
This commit is contained in:
George Kalpakas 2021-02-05 12:49:06 +02:00 committed by Alex Rickabaugh
parent 8528717892
commit f1c7d2b865

View File

@ -1,10 +1,3 @@
.showcase {
width: 80%;
@media (max-width: 600px) {
width: 100%;
}
}
.resources-container { .resources-container {
position: relative; position: relative;
} }
@ -17,8 +10,13 @@ aio-resource-list {
} }
.showcase { .showcase {
margin-bottom: 8px * 6;
border-radius: 4px; border-radius: 4px;
margin-bottom: 8px * 6;
width: 80%;
@media (max-width: 600px) {
width: 100%;
}
} }
.c-resource { .c-resource {
@ -63,9 +61,8 @@ aio-resource-list {
position: relative; position: relative;
text-decoration: none; text-decoration: none;
transition: all .3s; transition: all .3s;
}
.resource-row-link:hover { &:hover {
color: #1a2326; color: #1a2326;
text-decoration: none; text-decoration: none;
border-color: #2B85E7; border-color: #2B85E7;
@ -73,4 +70,5 @@ aio-resource-list {
box-shadow: 0 8px 8px rgba(1, 67, 163, .24), 0 0 8px rgba(1, 67, 163, .12), 0 6px 18px rgba(43, 133, 231, .12); box-shadow: 0 8px 8px rgba(1, 67, 163, .24), 0 0 8px rgba(1, 67, 163, .12), 0 6px 18px rgba(43, 133, 231, .12);
transform: translateY(-2px); transform: translateY(-2px);
} }
}
} }