Fixes to list-straight-left. Change body fallback font to Charter from Baskervill. Some minor css fixes.
This commit is contained in:
parent
d7cbfefb7a
commit
12fc3bd4a2
4 changed files with 15 additions and 10 deletions
|
|
@ -1,14 +1,17 @@
|
|||
// Lists with a straight left margin.
|
||||
|
||||
%ul-straight-left {
|
||||
display: table;
|
||||
list-style: none;
|
||||
padding-left: 1rem;
|
||||
text-indent: -1rem;
|
||||
padding: 0;
|
||||
|
||||
& > li {
|
||||
display: table-row;
|
||||
|
||||
&::before {
|
||||
@include font-size(s);
|
||||
@include padding-right(.5);
|
||||
display: table-cell;
|
||||
content: '\2022';
|
||||
|
||||
@include respond-to(xxl) {
|
||||
|
|
@ -42,14 +45,16 @@
|
|||
}
|
||||
|
||||
%ul-straight-left--off {
|
||||
padding-left: 0;
|
||||
text-indent: 0;
|
||||
display: block;
|
||||
list-style: inherit;
|
||||
|
||||
& > li {
|
||||
display: list-item;
|
||||
|
||||
&::before {
|
||||
font-size: inherit;
|
||||
padding-right: 0;
|
||||
content: '';
|
||||
display: inline;
|
||||
padding: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ $font-weight: (
|
|||
$times-new-roman: 'Times New Roman', Times, Georgia, 'DejaVu Serif', serif;
|
||||
$times: Times, 'Times New Roman', Georgia, 'DejaVu Serif', serif;
|
||||
$georgia: Georgia, 'Times New Roman', 'DejaVu Serif', serif;
|
||||
$garamond: 'Garamond Premier Pro', 'Adobe Garamond', Garamond, Baskerville, 'Times New Roman', serif;
|
||||
$garamond: 'Garamond Premier Pro', 'Adobe Garamond', Garamond, Charter, 'Times New Roman', serif;
|
||||
|
||||
// Sans-serif font stacks.
|
||||
$verdana: Verdana, Tahoma, 'DejaVu Sans', sans-serif;
|
||||
|
|
|
|||
|
|
@ -15,13 +15,13 @@ $layout-swap-height: 2 * $base-line-height;
|
|||
%layout-swap {
|
||||
position: relative;
|
||||
|
||||
@include respond-to(xs) {
|
||||
@include respond-to(s) {
|
||||
// Move all the children down to make room for the "top" element.
|
||||
padding-top: $layout-swap-height;
|
||||
}
|
||||
|
||||
&__top {
|
||||
@include respond-to(xs) {
|
||||
@include respond-to(s) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: $layout-swap-height;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue