diff --git a/docs/hooks/md_image_sizing.py b/docs/hooks/md_image_sizing.py
index 426a8c0d..8f6aba7d 100644
--- a/docs/hooks/md_image_sizing.py
+++ b/docs/hooks/md_image_sizing.py
@@ -20,7 +20,7 @@ def _add_attr_handler(match: re.Match[str]) -> str:
width = str(int(width) * multi)
height = str(int(height) * multi)
res = match.group(0) + string.Template(
- '{ style="width:${width}px; height:${height}px;" }'
+ '{ style="max-width:${width}px; max-height:${height}px; width: 100%;" }'
).substitute(width=width, height=height)
return res
diff --git a/docs/src/index.md b/docs/src/index.md
index 98c50de9..15fb8d78 100644
--- a/docs/src/index.md
+++ b/docs/src/index.md
@@ -12,8 +12,6 @@ A quick list of stuff you might be interested in checking out:
- [:material-harddisk: **Installing Bazzite**](General/Installation_Guide/index.md){ style="font-size: 1.1rem" }
- ***
-
From [desktop/laptops][install_pc_laptop],
Framework [13][frame_13]/[16][frame_16], to a multitude of handhelds:
- [Steam Deck (and OLED)][install_handheld]
@@ -25,8 +23,6 @@ A quick list of stuff you might be interested in checking out:
- [:material-download-circle: **Install software**][installing_software]{ style="font-size: 1.1rem" }
- ***
-
Order reflects the recommendation degree
1. [Flatpak][flatpak] for graphical apps
@@ -44,8 +40,6 @@ A quick list of stuff you might be interested in checking out:
- [:fontawesome-brands-windows: **Run Windows games**][run_win_game]{ style="font-size: 1.1rem" }
- ***
-
Bazzite comes bundled with :fontawesome-brands-steam: Steam\* and [Lutris](Gaming/Game_Launchers.md#lutris-setup).
As well, compatible with other tools:
@@ -58,8 +52,6 @@ A quick list of stuff you might be interested in checking out:
- [:fontawesome-solid-handshake: **Contribute to the project**][contrib]{ style="font-size: 1.1rem" }
- ***
-
One of the strengths of Bazzite (inherited from [Universal Blue](https://universal-blue.org/)) is how easy is to contribute.
- Something seems broken? You might want to [report a bug](General/reporting_bugs.md).
diff --git a/docs/src/stylesheets/bazzite.css b/docs/src/stylesheets/bazzite.css
index 63d55cfc..3c650d6f 100644
--- a/docs/src/stylesheets/bazzite.css
+++ b/docs/src/stylesheets/bazzite.css
@@ -1,7 +1,15 @@
@import url(https://fonts.googleapis.com/css?family=DM+Sans);
+@import url(https://fonts.googleapis.com/css?family=Fira+Code);
body {
--md-text-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+ --md-code-font-family: "Fira Code";
+}
+
+.md-typeset code,
+.md-typeset kbd,
+.md-typeset pre {
+ font-variant-ligatures: normal;
}
.md-header--shadow,
@@ -41,11 +49,6 @@ body {
padding: 30px;
box-shadow: none!important;
}
-.md-typeset .grid.cards > ol > li > hr,
-.md-typeset .grid.cards > ul > li > hr,
-.md-typeset .grid > .card > hr {
- border: none!important;
-}
.md-typeset blockquote {
background-color: #fff;
@@ -56,6 +59,20 @@ body {
padding: 10px;
}
+[data-md-component="search"].md-search {
+ --md-accent-fg-color: #a47bea;
+}
+
+header > nav > div.md-search {
+ & form{
+ border-radius: 99999px;
+ }
+
+ .md-search__output {
+ border-radius: 0 0 20px 20px;
+ }
+}
+
@media screen and (max-width: 59.9844em) {
.md-nav__source {
padding: 10px .2rem;
@@ -67,11 +84,13 @@ body {
backdrop-filter: none;
}
- h1,
- h2,
- h3,
- h4 {
- text-align: center;
+ [data-md-component="content"].md-content {
+ h1,
+ h2,
+ h3,
+ h4 {
+ text-align: center;
+ }
}
}