Files
danbooru/app/javascript/src/styles/base/020_base.scss
evazion 77d2260576 css: clean up <ul> css.
* Remove `list-style-type: none` rules (this is the default).
* Add `list-bulleted` and `list-inline` utility classes.
* Wrap terms of service and user deletion pages in dtext `.prose` class
  so we don't have to redefine basic list styles on these pages.
2019-09-23 19:10:40 -05:00

135 lines
1.9 KiB
SCSS

@import "../base/000_vars.scss";
body {
color: var(--text-color);
background-color: var(--body-background-color);
font-family: $base_font_family;
font-size: 87.5%;
line-height: 1.25em;
}
abbr[title=required] {
display: none;
}
code {
font-family: monospace;
font-size: 1.2em;
}
dd {
margin-bottom: 1em;
}
dt {
font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
line-height: 1.5em;
}
h1 {
font-size: $h1_size;
}
h2 {
font-size: $h2_size;
}
h3, h4, h5, h6 {
font-size: $h3_size;
}
fieldset {
margin-bottom: 1em;
}
header {
margin: 0 0 1em 0;
padding: 0;
}
img {
border: none;
vertical-align: middle;
}
input, select, textarea {
background: var(--form-input-background);
border: var(--form-input-border);
color: var(--form-input-text-color);
padding-left: 0.25em;
}
input[type="button"], input[type="submit"], button {
border-radius: 3px;
padding: 0.25em 1em;
background: var(--form-button-background);
border: var(--form-button-border);
color: var(--form-button-text-color);
&:hover {
box-shadow: var(--form-button-hover-box-shadow);
background: var(--form-button-hover-background);
}
&:active {
box-shadow: var(--form-button-hover-box-shadow);
background: var(--form-button-active-background);
}
}
/* placeholder text in <input type="text"> elements */
::placeholder {
color: var(--form-input-placeholder-text-color);
font-size: 0.9em;
padding-left: 0.5em;
}
menu {
margin: 0;
padding: 0;
ul {
margin: 0;
padding: 0;
}
li {
margin: 0;
padding: 0 0.2em;
display: inline;
}
}
p {
margin-bottom: 1em;
}
table tfoot {
margin-top: 2em;
}
.fineprint {
color: var(--muted-text-color);
font-style: italic;
font-size: 0.8em;
}
.fixed-width-container {
max-width: 70em;
}
ul.list-bulleted {
list-style: inside disc;
}
ul.list-inline {
&, li {
display: inline;
}
}