diff options
Diffstat (limited to 'assets/css/base.tpl.css')
-rw-r--r-- | assets/css/base.tpl.css | 136 |
1 files changed, 136 insertions, 0 deletions
diff --git a/assets/css/base.tpl.css b/assets/css/base.tpl.css new file mode 100644 index 0000000..b51fb6f --- /dev/null +++ b/assets/css/base.tpl.css @@ -0,0 +1,136 @@ +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + line-height: 1.6; + display: flex; + flex-direction: column; + min-height: 100vh; + margin: 0; + padding: 0; +} + +main { + flex-grow: 1; +} + +img { + max-width: 100%; + border-radius: 0.2rem; +} + +pre { + overflow-x: auto; + border: 0.1rem solid lightgray; + padding: 1rem; +} + +code { + font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; +} + +.Banner { + list-style: none; + display: flex; + flex-flow: row-reverse wrap-reverse; + justify-content: space-between; + margin: 0; + padding: 0; +} + +{{ $len := len site.Menus.nav }} +{{ range seq $len }} + +.Banner-item:nth-child({{ . }}) { + order: {{ sub $len . | add 1 }}; +} + +{{ end }} + +.Banner-item--title { + flex-grow: 1; +} + +.Banner-link { + font-size: 1.25rem; + color: white; + padding: 0.5rem 1rem; +} + +.Heading { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: baseline; +} + +.Heading-title { + margin: 1.5rem 0.5rem 0 0; +} + +.Heading-link { + color: inherit; +} + +.Tags { + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + margin: 1.5rem 0; + padding: 0; +} + +.Tags-item { + border-radius: 0.2rem; + margin: 0.2rem; + padding: 0 0.3rem; +} + +.Tags-link { + color: white; +} + +{{ with site.Params.divider }} + +.Divider { + display: flex; + justify-content: center; +} + +.Divider::after { + content: "{{ . }}"; +} + +{{ end }} + +.Pagination { + font-size: 1.25rem; + color: inherit; +} + +.Pagination--right { + float: right; +} + +.Footer { + text-align: center; + margin: 1rem 0; +} + +.u-wrapper { + {{ with site.Params.width }}max-width: {{ . }};{{ end }} + margin: auto; +} + +.u-padding { + padding: 0 1rem; +} + +.u-background { + background: {{ site.Params.color }}; +} + +.u-clickable { + font-weight: bold; + text-decoration: none; + display: inline-block; +} |