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 {
|
.resources-container {
|
||||||
position: relative;
|
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 {
|
aio-resource-list {
|
||||||
|
|
||||||
.shadow-1 {
|
.shadow-1 {
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
box-shadow: 0 1px 4px 0 rgba($black, 0.37);
|
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 {
|
.h-anchor-offset {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -173,18 +48,6 @@ aio-resource-list {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.c-resource-header {
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.c-contribute {
|
|
||||||
margin-bottom: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.c-resource-header h2 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.subcategory-title {
|
.subcategory-title {
|
||||||
padding: 16px 23px;
|
padding: 16px 23px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -192,14 +55,6 @@ aio-resource-list {
|
||||||
color: #373E41;
|
color: #373E41;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-capitalize {
|
|
||||||
text-transform: capitalize;
|
|
||||||
}
|
|
||||||
|
|
||||||
.h-hide {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resource-row-link {
|
.resource-row-link {
|
||||||
color: #1a2326;
|
color: #1a2326;
|
||||||
border: transparent solid 1px;
|
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);
|
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);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 900px) {
|
|
||||||
.c-resource-nav {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue