mirror of
https://github.com/facebook/docusaurus.git
synced 2025-08-03 00:39:45 +02:00
chore: enable stylelint standard config (#6442)
* chore: enable stylelint standard config * remove empty line * fix
This commit is contained in:
parent
2f4b2e1790
commit
e40cafccd5
30 changed files with 94 additions and 78 deletions
|
@ -36,7 +36,7 @@
|
|||
font-size: clamp(12px, 4vw, 16px);
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
padding: 6px 6px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.navlink:hover {
|
||||
|
|
|
@ -21,7 +21,7 @@
|
|||
transform: scale(0);
|
||||
}
|
||||
|
||||
.backToTopButton:after {
|
||||
.backToTopButton::after {
|
||||
content: ' ';
|
||||
display: inline-block;
|
||||
mask: var(--ifm-menu-link-sublist-icon) 50% / 2rem 2rem no-repeat;
|
||||
|
|
|
@ -12,8 +12,7 @@
|
|||
|
||||
.imageOnlyAuthorRow {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
.imageOnlyAuthorCol {
|
||||
|
|
|
@ -30,9 +30,11 @@
|
|||
.sidebarItemLink {
|
||||
color: var(--ifm-font-color-base);
|
||||
}
|
||||
|
||||
.sidebarItemLink:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sidebarItemLinkActive {
|
||||
color: var(--ifm-color-primary) !important;
|
||||
}
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
.codeBlockContent {
|
||||
position: relative;
|
||||
/*rtl:ignore*/
|
||||
/* rtl:ignore */
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
|
@ -43,7 +43,7 @@
|
|||
}
|
||||
|
||||
.copyButton {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
background: rgb(0 0 0 / 30%);
|
||||
border-radius: var(--ifm-global-radius);
|
||||
color: var(--ifm-color-white);
|
||||
opacity: 0;
|
||||
|
@ -63,7 +63,7 @@
|
|||
|
||||
.codeBlockLines {
|
||||
font: inherit;
|
||||
/*rtl:ignore*/
|
||||
/* rtl:ignore */
|
||||
float: left;
|
||||
min-width: 100%;
|
||||
padding: var(--ifm-pre-padding);
|
||||
|
|
|
@ -7,14 +7,13 @@
|
|||
|
||||
.cardContainer {
|
||||
height: 8rem;
|
||||
|
||||
color: var(--ifm-color-emphasis-800);
|
||||
--ifm-link-color: var(--ifm-color-emphasis-800);
|
||||
--ifm-link-hover-color: var(--ifm-color-emphasis-800);
|
||||
--ifm-link-hover-decoration: none;
|
||||
|
||||
/* box-shadow: var(--ifm-global-shadow-lw); */
|
||||
box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 0 1.5px 3px 0 rgb(0 0 0 / 15%);
|
||||
border: 1px solid var(--ifm-color-emphasis-200);
|
||||
transition: box-shadow var(--ifm-transition-fast) ease,
|
||||
background-color var(--ifm-transition-fast) ease;
|
||||
|
@ -22,8 +21,9 @@
|
|||
|
||||
.cardContainer.cardContainerLink:hover {
|
||||
/* box-shadow: var(--ifm-global-shadow-md); */
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
|
||||
}
|
||||
|
||||
html[data-theme='dark'] .cardContainer.cardContainerLink:hover {
|
||||
--ifm-card-background-color: #2d2d2d; /* original, non-hovered color is #242526 */
|
||||
}
|
||||
|
|
|
@ -68,6 +68,7 @@
|
|||
.expandSidebarButtonIcon {
|
||||
transform: rotate(0);
|
||||
}
|
||||
|
||||
html[dir='rtl'] .expandSidebarButtonIcon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
|
|
@ -71,6 +71,7 @@
|
|||
transform: rotate(180deg);
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
html[dir='rtl'] .collapseSidebarButtonIcon {
|
||||
transform: rotate(0);
|
||||
}
|
||||
|
|
|
@ -9,6 +9,7 @@
|
|||
.menuLinkText {
|
||||
cursor: initial;
|
||||
}
|
||||
|
||||
.menuLinkText:hover {
|
||||
background: none;
|
||||
}
|
||||
|
|
|
@ -9,6 +9,7 @@
|
|||
.menuLinkText {
|
||||
cursor: initial;
|
||||
}
|
||||
|
||||
.menuLinkText:hover {
|
||||
background: none;
|
||||
}
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
user-select: none;
|
||||
}
|
||||
|
||||
.hash-link:before {
|
||||
.hash-link::before {
|
||||
content: '#';
|
||||
}
|
||||
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.tocCollapsibleButton:after {
|
||||
.tocCollapsibleButton::after {
|
||||
content: '';
|
||||
background: var(--ifm-menu-link-sublist-icon) 50% 50% / 2rem 2rem no-repeat;
|
||||
filter: var(--ifm-menu-link-sublist-icon-filter);
|
||||
|
@ -45,6 +45,6 @@
|
|||
display: block;
|
||||
}
|
||||
|
||||
.tocCollapsibleExpanded .tocCollapsibleButton:after {
|
||||
.tocCollapsibleExpanded .tocCollapsibleButton::after {
|
||||
transform: none;
|
||||
}
|
||||
|
|
|
@ -33,8 +33,8 @@
|
|||
border-left: 0;
|
||||
}
|
||||
|
||||
.tagWithCount:before,
|
||||
.tagWithCount:after {
|
||||
.tagWithCount::before,
|
||||
.tagWithCount::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
@ -42,7 +42,7 @@
|
|||
transition: inherit;
|
||||
}
|
||||
|
||||
.tagWithCount:before {
|
||||
.tagWithCount::before {
|
||||
right: 100%;
|
||||
transform: translate(50%, -50%) rotate(-45deg);
|
||||
width: 1.18rem;
|
||||
|
@ -51,7 +51,7 @@
|
|||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.tagWithCount:after {
|
||||
.tagWithCount::after {
|
||||
left: 0;
|
||||
transform: translateY(-50%);
|
||||
width: 0.5rem;
|
||||
|
|
|
@ -39,8 +39,8 @@
|
|||
position: absolute;
|
||||
width: 14px;
|
||||
height: 10px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto 0;
|
||||
left: 8px;
|
||||
opacity: 0;
|
||||
|
@ -57,8 +57,8 @@
|
|||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto 0;
|
||||
right: 10px;
|
||||
opacity: 1;
|
||||
|
@ -84,7 +84,7 @@
|
|||
|
||||
.toggleFocused .toggleTrackThumb,
|
||||
.toggle:hover .toggleTrackThumb {
|
||||
box-shadow: 0px 0px 2px 3px var(--ifm-color-primary);
|
||||
box-shadow: 0 0 2px 3px var(--ifm-color-primary);
|
||||
}
|
||||
|
||||
/* stylelint-disable-next-line no-descending-specificity */
|
||||
|
@ -94,7 +94,7 @@
|
|||
}
|
||||
|
||||
.toggle:active:not(.toggleDisabled) .toggleTrackThumb {
|
||||
box-shadow: 0px 0px 5px 5px var(--ifm-color-primary);
|
||||
box-shadow: 0 0 5px 5px var(--ifm-color-primary);
|
||||
}
|
||||
|
||||
.toggleIcon {
|
||||
|
|
|
@ -26,7 +26,7 @@ CSS variables, meant to be overridden by final theme
|
|||
display: none;
|
||||
}
|
||||
|
||||
.details > summary:before {
|
||||
.details > summary::before {
|
||||
position: absolute;
|
||||
top: 0.45rem;
|
||||
left: 0;
|
||||
|
@ -45,9 +45,9 @@ CSS variables, meant to be overridden by final theme
|
|||
}
|
||||
|
||||
/* When JS disabled/failed to load: we use the open property for arrow animation: */
|
||||
.details[open]:not(.isBrowser) > summary:before,
|
||||
.details[open]:not(.isBrowser) > summary::before,
|
||||
/* When JS works: we use the data-attribute for arrow animation */
|
||||
.details[data-collapsed='false'].isBrowser > summary:before {
|
||||
.details[data-collapsed='false'].isBrowser > summary::before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
.playgroundEditor {
|
||||
font: var(--ifm-code-font-size) / var(--ifm-pre-line-height)
|
||||
var(--ifm-font-family-monospace) !important;
|
||||
/*rtl:ignore*/
|
||||
/* rtl:ignore */
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
|
|
|
@ -58,7 +58,7 @@
|
|||
}
|
||||
|
||||
.searchResultItemSummary {
|
||||
margin: 0.5rem 0 0 0;
|
||||
margin: 0.5rem 0 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
@ -114,6 +114,6 @@
|
|||
|
||||
:global(.search-result-match) {
|
||||
color: var(--docsearch-hit-color);
|
||||
background: rgba(255, 215, 142, 0.25);
|
||||
background: rgb(255 215 142 / 25%);
|
||||
padding: 0.09em 0;
|
||||
}
|
||||
|
|
|
@ -27,10 +27,10 @@
|
|||
|
||||
#nprogress .peg {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
right: 0;
|
||||
width: 100px;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
|
||||
opacity: 1;
|
||||
transform: rotate(3deg) translate(0px, -4px);
|
||||
transform: rotate(3deg) translate(0, -4px);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue