discourse/app/assets/stylesheets/common/foundation/base.scss

102 lines
1.5 KiB
SCSS
Raw Normal View History

@import "./variables";
@import "./mixins";
2013-02-05 14:16:51 -05:00
// --------------------------------------------------
// Base styles for HTML elements
// --------------------------------------------------
html {
color: $primary;
font-family: $base-font-family;
font-size: $base-font-size;
line-height: $base-line-height;
background-color: $secondary;
2013-02-05 14:16:51 -05:00
overflow-y: scroll;
direction: ltr;
}
2013-02-05 14:16:51 -05:00
// Links
// --------------------------------------------------
a {
color: $tertiary;
2013-02-05 14:16:51 -05:00
text-decoration: none;
cursor: pointer;
2013-02-05 14:16:51 -05:00
&:visited {
color: $tertiary;
2013-02-05 14:16:51 -05:00
}
&:hover {
color: $tertiary;
2013-02-05 14:16:51 -05:00
}
&:active {
color: $tertiary;
2013-02-05 14:16:51 -05:00
}
}
// Typography
// --------------------------------------------------
hr {
display: block;
height: 1px;
margin: 1em 0;
border: 0;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
2013-02-05 14:16:51 -05:00
padding: 0;
}
// Lists
// --------------------------------------------------
ul,
ol,
dd {
margin: 0 0 9px 25px;
padding: 0;
}
.cooked ul, .cooked ol, .cooked dd {
clear: both;
}
2013-02-05 14:16:51 -05:00
li {
> ul,
> ol {
margin-bottom: 0;
}
}
// Embedded content
// --------------------------------------------------
img {
vertical-align: middle;
}
// Forms
// --------------------------------------------------
fieldset {
margin: 0;
border: 0;
padding: 0;
}
2013-06-20 03:46:18 -04:00
pre code {
overflow: auto;
tab-size: 4;
2013-06-20 03:46:18 -04:00
}
// TODO figure out a clean place to put stuff like this
.row:before, .row:after {
display: table;
content: "";
}
.row:after {clear: both;}
2014-12-04 08:48:25 -05:00
#offscreen-content {
display: none;
}