mirror of
https://github.com/facebook/docusaurus.git
synced 2025-12-27 20:02:50 +00:00
9857f7b2b5
* Add json styling to config debug
* Style debug content page
* Add style and collapse depth to json viewer
* Add style to debug layout
* Add style to metadata debug
* Add style support to registry debugger
* Remove default content if other instances are present
* Change colors for more contrast
* Add debug routes styles
* Add active link style
* Fix container css issues
* Style registry debug page
* Remove unused style modules
* Add white space to style files
* Add font scaling
* Fix prettier errors
* Add child routes to route debug
* Readd default content plugin json
* Add empty home page to debug
* Prettier
* Revert "Add empty home page to debug"
This should be included in a separate PR
This reverts commit 9c43c9f7fb.
* Set colors to dark theme
* Add plugin debug doc + minor fixes + expose global data
* more debug plugin doc
Co-authored-by: Drewbi <drewalexander986@gmail.com>
76 lines
1.3 KiB
CSS
76 lines
1.3 KiB
CSS
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
.container {
|
|
padding: 20px;
|
|
padding-top: 80px;
|
|
overflow-x: hidden;
|
|
background-color: #18191a;
|
|
color: white;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.nav {
|
|
position: fixed;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
height: 3.75rem;
|
|
background-color: #242526;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
.navlink {
|
|
color: white;
|
|
font-weight: 500;
|
|
font-size: clamp(12px, 4vw, 16px);
|
|
text-align: center;
|
|
border-radius: 4px;
|
|
padding: 6px 6px;
|
|
}
|
|
|
|
.navlink:hover {
|
|
text-decoration: none;
|
|
background-color: #292a2b;
|
|
}
|
|
|
|
code {
|
|
color: white;
|
|
background-color: #444950;
|
|
}
|
|
|
|
.active {
|
|
background-color: #363739;
|
|
}
|
|
|
|
@media screen and (min-width: 800px) {
|
|
.nav {
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
height: 100vh;
|
|
width: 200px;
|
|
float: left;
|
|
background-color: #18191a;
|
|
border-right: 1px solid #606770;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.navlink {
|
|
width: 80%;
|
|
margin-top: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
.container {
|
|
padding-top: 40px;
|
|
float: right;
|
|
width: calc(100% - 200px);
|
|
}
|
|
}
|