Jonas_Jones/docs.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/docs.jonasjones.dev.git synced 2025-10-23 11:09:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

moved css to global file

Browse source
This commit is contained in:
Jonas_Jones 2025-02-02 18:36:36 +01:00
parent 3a31237dbc
commit fdbbbec8b6
2 changed files with 34 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

29
docs/index.md
View file

@ -33,35 +33,6 @@ Check out the sidebar or here, below:
An Overview of all my Achievement Guides An Overview of all my Achievement Guides
</div> </div>
</div> </div>
<style>
{`
.page-content-flex-container {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.page-content-flex-box {
flex: 1;
padding: 15px;
margin: 10px;
border-radius: 8px;
border: 1px lightgray solid;
padding-bottom: 0;
}
.page-content-flex-box1 {
margin-left: 0;
}
.page-content-flex-box2 {
margin-right: 0;
}
@media (max-width: 600px) {
.box {
flex: 1 1 100%;
}
}
`}
</style>
<div className="page-content-flex-container"> <div className="page-content-flex-container">
<div className="page-content-flex-box page-content-flex-box1"> <div className="page-content-flex-box page-content-flex-box1">
### [3D Printables](/overview/3d-printables) ### [3D Printables](/overview/3d-printables)

33
src/css/custom.css
View file

@ -42,3 +42,36 @@ table {
border-radius: 10px; border-radius: 10px;
border: 2px solid var(--custom-table-outline-color); border: 2px solid var(--custom-table-outline-color);
} }
/* used for hiding Pages from sidebar such as the overviews pages */
.hidden {
display: none !important;
}
/* themed link boxes */
.page-content-flex-container {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.page-content-flex-box {
flex: 1;
padding: 15px;
margin: 10px;
border-radius: 8px;
border: 1px lightgray solid;
padding-bottom: 0;
}
.page-content-flex-box1 {
margin-left: 0;
}
.page-content-flex-box2 {
margin-right: 0;
text-align: right;
}
@media (max-width: 600px) {
.box {
flex: 1 1 100%;
}
}