3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-03 11:22:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: standardize using media queries (#5630)

Browse source 
* refactor: standardize using media queries

* Better reusing
This commit is contained in:
Alexey Pyltsyn 2021-10-01 17:09:51 +03:00 • committed by GitHub
parent afff053cc9
commit a96878048d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
View file

@ -51,7 +51,7 @@ html[data-announcement-bar-initially-dismissed='true'] .announcementBar {
text-decoration: underline;
}
@media screen and (min-width: 1024px) {
@media (min-width: 997px) {
:root {
--docusaurus-announcement-bar-height: 30px;
}

2
packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
View file

@ -37,7 +37,7 @@
color: var(--ifm-color-primary) !important;
}
@media only screen and (max-width: 996px) {
@media (max-width: 996px) {
.sidebar {
display: none;
}

2
packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
View file

@ -10,7 +10,7 @@
margin-top: 0;
}
@media only screen and (min-width: 997px) {
@media (min-width: 997px) {
.docItemCol {
max-width: 75% !important;
}

2
packages/docusaurus-theme-classic/src/theme/DocItemFooter/styles.module.css
View file

@ -11,7 +11,7 @@
font-size: smaller;
}
@media only screen and (min-width: 997px) {
@media (min-width: 997px) {
.lastUpdated {
text-align: right;
}

2
packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css
View file

@ -8,7 +8,7 @@
/*
Hide toggle in small viewports
*/
@media screen and (max-width: 997px) {
@media (max-width: 996px) {
.toggle {
display: none;
}

2
packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css
View file

@ -12,7 +12,7 @@
top: calc(var(--ifm-navbar-height) + 1rem);
}
@media only screen and (max-width: 996px) {
@media (max-width: 996px) {
.tableOfContents {
display: none;
}