More spacious layout and typography for outline (https://github.com/outline/outline)
Spacious Outline by upsiflu
Details
Authorupsiflu
LicenseNo License
Categorydocs.allmende.io
Created
Updated
Size2.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name docs.allmende.io - Jul 2024
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("docs.allmende.io") {
/* Insert code here... */
/*Document title*/
[data-placeholder]{
font-weight:100;
font-size:2em;
}
/* Bold font must be really bold */
.ProseMirror :is(b,strong){font-weight:700;}
body{line-height:1.5em;}
.ProseMirror :is(p, h4) {
margin-top:0.25em;
margin-bottom:0.5em;
}
.ProseMirror :is(h1, h2, h3, h4, h5, h6) {
margin-top:1.5em !important;
margin-bottom:0.75em !important;
margin-left:-0.07em
}
.ProseMirror>:is(h1, h2, h3, h4, h5, h6) {
margin-top:1.5em !important;
margin-bottom:0.75em !important;
margin-left:-0.07em
}
.ProseMirror>h1 {
margin-top:2.5em !important;
margin-bottom:0.5em !important;
font-size:2.25em !important;
font-weight:450 !important;
margin-left:-0.11em
}
.ProseMirror>h3{
margin-top:1.66666em !important;
font-size:1.3333em !important;
}
.ProseMirror blockquote{
overflow:visible;
}
.ProseMirror blockquote::before{
background:currentcolor;
margin-left:calc(-1.5em - 1px)
}
:has(>*>.ProseMirror)+div:empty{background:currentcolor;
}
.ProseMirror :is(ul, ol) {
padding-left:41px !important;
}
.ProseMirror :is(ul) {list-style-type: '— ' !important;
padding-left:47px !important;
}
.ProseMirror code.inline{border:none; font-family:"Fira Code"; font-weight:inherit; font-size: 0.95em; border-radius:80% 0 80% 0;}
.ProseMirror table {
margin-left:-9px;
margin-right:-9px;
}
.ProseMirror table :is(th,td) {
border-color:transparent;
background:transparent;
color:inherit;
}
.ProseMirror table :is(th, tr:has(+tr)>td) {
border-bottom:1px solid currentcolor;
}
.ProseMirror .table-scrollable{
padding-top:0;
padding-bottom:0;
margin-bottom:1.25em
}
.ProseMirror h4{
font-weight:1000 !important;
}
.ProseMirror table :is(th,td) p {
margin:0;
}
.ProseMirror :is(.notice-block, .notice-block.success) {
background:transparent;
border-left-width:.5px;
border-radius:1.5px;
}
.ProseMirror :is(.notice-block, .notice-block.success) .icon {
margin-right:8px;
}
.ProseMirror .content h4:first-of-type{margin-top:.125em !important; opacity:.75;}
}