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:
parent
8528717892
commit
f1c7d2b865
|
@ -1,10 +1,3 @@
|
|||
.showcase {
|
||||
width: 80%;
|
||||
@media (max-width: 600px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.resources-container {
|
||||
position: relative;
|
||||
}
|
||||
|
@ -17,8 +10,13 @@ aio-resource-list {
|
|||
}
|
||||
|
||||
.showcase {
|
||||
margin-bottom: 8px * 6;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 8px * 6;
|
||||
width: 80%;
|
||||
|
||||
@media (max-width: 600px) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.c-resource {
|
||||
|
@ -63,14 +61,14 @@ aio-resource-list {
|
|||
position: relative;
|
||||
text-decoration: none;
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.resource-row-link:hover {
|
||||
color: #1a2326;
|
||||
text-decoration: none;
|
||||
border-color: #2B85E7;
|
||||
border-radius: 4px;
|
||||
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);
|
||||
&:hover {
|
||||
color: #1a2326;
|
||||
text-decoration: none;
|
||||
border-color: #2B85E7;
|
||||
border-radius: 4px;
|
||||
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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue