atst/styles/elements/_typography.scss
2018-08-03 09:09:07 -04:00

59 lines
852 B
SCSS

/*
* Typography
* @see https://designsystem.digital.gov/components/typography/
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_typography.scss
*/
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p {
margin: 0 0 ($gap * 2) 0;
@include line-max;
}
h1, h2, h3, h4, h5, h6 {
font-family: $font-sans;
margin: ($gap * 2) 0;
+ .subtitle * {
margin-top: 0;
}
}
.h1 { @include h1; }
.h2 { @include h2; }
.h3 { @include h3; }
.h4 { @include h4; }
.h5 { @include h5; }
.h6 { @include h6; }
a,
a:hover {
transition:
background 0.2s,
border 0.2s,
box-shadow 0.2s,
color 0.2s;
}
a:visited {
color: $color-blue;
}
dl {
dt {
display: inline;
font-weight: bold;
}
dd {
-webkit-margin-start: 0;
}
> div {
margin-bottom: $gap * 2;
}
}