refactor(docs-infra): remove unused styles from `_resources.scss` (#40704)
This commit removes some styles from `_resources.scss` that are no longer used (i.e. either their CSS selectors do not match any element in the app or they are overridden by other rules). PR Close #40704
This commit is contained in:
parent
becb8e751e
commit
8528717892
|
@ -5,92 +5,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.c-resource-nav {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.resources-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.grid-fixed:after, .grid-fixed:before {
|
||||
content: '.';
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
@include font-size(0);
|
||||
@include line-height(0);
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 900px) {
|
||||
.grid-fixed {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 900px) {
|
||||
.grid-fixed .c3, .grid-fixed .c8 {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
float: none;
|
||||
display: block;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 480px) {
|
||||
.grid-fixed .c3, .grid-fixed .c8 {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
float: none;
|
||||
display: block;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media handheld and (max-width: 900px), screen and (max-width: 900px) {
|
||||
/* line 6, ../scss/_responsive.scss */
|
||||
.grid-fixed {
|
||||
margin: 0 auto;
|
||||
*zoom: 1;
|
||||
}
|
||||
.grid-fixed:after, .grid-fixed:before {
|
||||
content: '.';
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
@include font-size(0);
|
||||
@include line-height(0);
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media handheld and (max-width: 480px), screen and (max-width: 480px) {
|
||||
/* line 6, ../scss/_responsive.scss */
|
||||
.grid-fixed {
|
||||
margin: 0 auto;
|
||||
*zoom: 1;
|
||||
}
|
||||
.grid-fixed:after, .grid-fixed:before {
|
||||
content: '.';
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
@include font-size(0);
|
||||
@include line-height(0);
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
aio-resource-list {
|
||||
|
||||
.shadow-1 {
|
||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
box-shadow: 0 1px 4px 0 rgba($black, 0.37);
|
||||
|
@ -112,51 +32,6 @@ aio-resource-list {
|
|||
}
|
||||
}
|
||||
|
||||
.c-resource-nav {
|
||||
position: fixed;
|
||||
top: 142px;
|
||||
right: 32px;
|
||||
width: 8px * 20;
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
|
||||
a {
|
||||
color: #373E41;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.category {
|
||||
padding: 10px 0;
|
||||
|
||||
.category-link {
|
||||
display: block;
|
||||
margin: 2px 0;
|
||||
padding: 3px 14px;
|
||||
font-size: 18px !important;
|
||||
font-size: 1.8rem !important;
|
||||
|
||||
&:hover {
|
||||
background: #edf0f2;
|
||||
color: #2B85E7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.subcategory {
|
||||
.subcategory-link {
|
||||
display: block;
|
||||
margin: 2px 0;
|
||||
padding: 4px 14px;
|
||||
|
||||
&:hover {
|
||||
background: #edf0f2;
|
||||
color: #2B85E7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.h-anchor-offset {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
@ -173,18 +48,6 @@ aio-resource-list {
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
.c-resource-header {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.c-contribute {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.c-resource-header h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.subcategory-title {
|
||||
padding: 16px 23px;
|
||||
margin: 0;
|
||||
|
@ -192,14 +55,6 @@ aio-resource-list {
|
|||
color: #373E41;
|
||||
}
|
||||
|
||||
.h-capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.h-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.resource-row-link {
|
||||
color: #1a2326;
|
||||
border: transparent solid 1px;
|
||||
|
@ -218,10 +73,4 @@ 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);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.c-resource-nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue