diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2022-08-13 00:09:40 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-08-13 00:09:40 -0700 |
| commit | d54588c7a4adfa05969713111d36673f3a9b988e (patch) | |
| tree | 3f41bf5171a9121517ced0f0e49160b3d86e932e /examples/blog/src/styles/global.css | |
| parent | d4b06f9d8e5d62893743b191c6bd108fc33b7805 (diff) | |
| download | astro-d54588c7a4adfa05969713111d36673f3a9b988e.tar.gz astro-d54588c7a4adfa05969713111d36673f3a9b988e.tar.zst astro-d54588c7a4adfa05969713111d36673f3a9b988e.zip | |
Update: blog template (#4283)
* add new blog template
* update placeholder images
* use svg favicon
* Update examples/blog/src/pages/blog/using-mdx.mdx
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
* fred pass
* more fred pass
Co-authored-by: Nate Moore <nate@astro.build>
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Diffstat (limited to 'examples/blog/src/styles/global.css')
| -rw-r--r-- | examples/blog/src/styles/global.css | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/examples/blog/src/styles/global.css b/examples/blog/src/styles/global.css new file mode 100644 index 000000000..0f544009d --- /dev/null +++ b/examples/blog/src/styles/global.css @@ -0,0 +1,66 @@ +/* + The CSS in this style tag is based off of Bear Blog's default CSS. + https://github.com/HermanMartinus/bearblog/blob/297026a877bc2ab2b3bdfbd6b9f7961c350917dd/templates/styles/blog/default.css + License MIT: https://github.com/HermanMartinus/bearblog/blob/master/LICENSE.md + */ +body { + font-family: Verdana, sans-serif; + margin: auto; + padding: 20px; + max-width: 65ch; + text-align: left; + background-color: #fff; + word-wrap: break-word; + overflow-wrap: break-word; + line-height: 1.5; + color: #444; +} +h1, +h2, +h3, +h4, +h5, +h6, +strong, +b { + color: #222; +} +a { + color: #3273dc; +} +nav a { + margin-right: 10px; +} +textarea { + width: 100%; + font-size: 16px; +} +input { + font-size: 16px; +} +content { + line-height: 1.6; +} +table { + width: 100%; +} +img { + max-width: 100%; +} +code { + padding: 2px 5px; + background-color: #f2f2f2; +} +pre { + padding: 1rem; +} +pre > code { + all: unset; +} +blockquote { + border: 1px solid #999; + color: #222; + padding: 2px 0px 2px 20px; + margin: 0px; + font-style: italic; +} |