diff options
Diffstat (limited to 'css3/framework/base.css')
-rw-r--r-- | css3/framework/base.css | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/css3/framework/base.css b/css3/framework/base.css new file mode 100644 index 00000000..d2124e1a --- /dev/null +++ b/css3/framework/base.css @@ -0,0 +1,84 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; + color: #171717; + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 1rem; + line-height: 1.5; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 500; +} +h1, .h1 {font-size: 1.75rem; } +h2 { font-size: 1.5rem; } +h3 { font-size: 1.25rem; } +h4 { font-size: 1.125rem; } +h5, h6 { font-size: 1rem; } + +p, dl, ol, ul { + margin-top: 0; + margin-bottom: 1rem; +} + +dl { margin: 0; padding-top: -0.7em; } +dt { margin: 0.7em 0 0 0; font-weight: 600; } +dd { margin: 0; color: #3f3f3f;} + +dd > dl { padding: 0; } +dd > dl > dt { color: #3f3f3f; font-weight: 400; margin: 0; } +dd > dl > dd { margin-left: 1.4em; } + +.dl--horizontal { display: flex; flex-wrap: wrap; align-content: flex-start; } +.dl--horizontal > dt { margin: 0 0 0.7em 0; font-weight: 600; width: 35%; } +.dl--horizontal > dd { margin: 0 0 0.7em 0; color: #3f3f3f; width: 65%; } + +a { + color: #005ec3; + text-decoration: none; + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:hover { + color: #004ea2; + text-decoration: underline; +} + +a.link--subtle { + color: #3f3f3f; +} + +a.link--subtle:hover { + color: #004ea2; + text-decoration: none; +} + +dt > a { color: #004ea2; } + +fieldset { + border: none; + margin: 0; + padding: 0; +} + +table { + border-collapse: collapse; +} + +th { + text-align: inherit; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.2); +} |