@ -136,6 +136,7 @@
"selector-combinator-space-after": "always",
"selector-combinator-space-before": "always",
"selector-descendant-combinator-no-non-space": true,
"selector-list-comma-newline-after": "always",
"selector-list-comma-newline-before": "never-multi-line",
"selector-max-empty-lines": 0,
"selector-pseudo-class-case": "lower",
@ -86,7 +86,12 @@ form {
max-width: 40rem;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0.4rem;
@ -147,11 +152,13 @@ menu {
// We'll use lists for their semantic value sometimes, so we don't want them to
// have the normal list numbering/etc. by default. We'll specifically add that
// back in for text-based lists in places where it's needed.
ol, ul {
ol,
ul {
list-style: none;
margin: 0;
@ -188,7 +195,8 @@ table {
margin-bottom: 1rem;
td, th {
td,
th {
border-bottom: $border-width solid;
padding: $unit-3 $unit-2;
@ -16,7 +16,8 @@
max-width: $paragraph-max-width;
$list-left-margin: 2rem;
margin: 0 0 0.4rem $list-left-margin;
@ -25,7 +26,8 @@
max-width: $paragraph-max-width - $list-left-margin;
margin-left: 1rem;
@ -215,7 +215,8 @@
.is-comment-deleted, .is-comment-removed {
.is-comment-deleted,
.is-comment-removed {
font-size: 0.7rem;
font-style: italic;
@ -1,6 +1,7 @@
// Copyright (c) 2018 Tildes contributors <code@tildes.net>
// SPDX-License-Identifier: AGPL-3.0-or-later
.divider, .divider[data-content] {
.divider,
.divider[data-content] {
margin: 1rem;
@ -14,7 +14,8 @@ select.form-select:not([multiple]) {
.form-listing-options {
label, select {
label,
select {
font-size: 0.6rem;
@ -28,7 +28,8 @@
align-items: center;
margin: 1rem 0;
.group-subscription-count, button {
.group-subscription-count,
button {
flex: 1; // makes the two elements equal width
@ -1,7 +1,8 @@
a.link-user, a.link-group {
a.link-user,
a.link-group {
white-space: nowrap;
text-decoration: none;
@ -3,7 +3,8 @@
.menu {
.menu-item {
> a:hover, > a:focus {
> a:hover,
> a:focus {
background-color: transparent;
@ -6,7 +6,8 @@
.is-topic-mine, .is-topic-official {
.is-topic-mine,
.is-topic-official {
margin-left: -1px;
@ -43,7 +43,9 @@
font-size: 1.2rem;
font-weight: bold;
&:hover, &:active, &:focus {
&:hover,
&:active,
&:focus {
@ -12,23 +12,33 @@
// special formatting rules for wiki pages
.text-wiki {
a {
h1, h2, h3 {
h3 {
border-bottom: 1px dotted;
padding-bottom: 0.2rem;
h1, h2 {
h2 {
margin-top: 2rem;
// smaller margin when two large headers are sequential
h1 + h1, h1 + h2, h2 + h2 {
h1 + h1,
h1 + h2,
h2 + h2 {
margin-top: 1rem;
@ -445,7 +445,12 @@
color: map-get($theme, "foreground-highlight");