This style makes the new Laravel's documentation way more readable for everyday use.
Better Laravel documentation by maxime-anoloc
Details
Authormaxime-anoloc
LicenseNo License
Categorylaravel.com/docs
Created
Updated
Code size1.4 kB
Code checksum22d2450b
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
- Increased page's max width (i.e more content is shown)
- Decreased left navbar width, as well as unnecessarily large margins
- Decreased unnecessarily large paddings in code blocks
Source code
/* ==UserStyle==
@name Better Laravel documentation
@namespace laravel.com/docs
@version 2.0.0
@description A way more readable Laravel documentation
@author Maxime Gross
==/UserStyle== */
@-moz-document url-prefix("https://laravel.com/docs") {
body > div.max-w-full {
max-width: 2000px;
}
#docsScreen > aside {
grid-column: span 2/span 2;
}
#docsScreen > section {
grid-column: span 7/span 7;
}
#docsScreen > div {
grid-column: span 3/span 3;
}
#docsScreen > section > div > section > section {
max-width: none;
}
.docs_main pre code.torchlight .line-number {
padding: 0;
}
#main-content > .code-container pre {
padding: 0.5rem 1rem;
}
#main-content > .code-container .code-block-wrapper {
border: none;
padding: 0;
}
#main-content > .code-block-wrapper pre {
border: none;
padding: 0;
}
#main-content > .code-block-wrapper pre code {
padding: 0.5rem 1rem;
}
#main-content > .code-block-wrapper pre::before {
inset: 0;
}
.tabbed-code .tabbed-code-body .code-container {
padding: 0.5rem 1rem;
}
}