bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-14 21:10:28 +01:00
Code Releases Activity

tweaks for nicer code blocks

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-04-12 18:49:50 +02:00
parent c7fcc86c89
commit e7f4da77e6
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
3 changed files with 28 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
_config.yml
View File

@ -45,15 +45,8 @@ permalink: /:title/
# -------------------- # --------------------
markdown: redcarpet markdown: redcarpet
kramdown:
input: GFM
extensions:
- autolink
- footnotes
- smart
redcarpet: redcarpet:
extensions: ['autolink', 'smart', 'hard_wrap', 'with_toc_data'] extensions: ['no_intra_emphasis', 'autolink', 'tables', 'smart', 'hard_wrap', 'fenced_code_blocks', 'strikethrough', 'highlight', 'quote', 'footnotes', 'with_toc_data', 'space_after_headers', 'superscript', 'lax_spacing']
# Generator # Generator

18
_src/_assets/styles/bigchain/_code.scss
View File

@ -9,6 +9,7 @@ pre,
samp { samp {
font-family: $font-family-monospace; font-family: $font-family-monospace;
font-size: .75rem; font-size: .75rem;
hyphens: none;
} }
// Inline code // Inline code
@ -46,19 +47,22 @@ pre {
background-color: $pre-bg; background-color: $pre-bg;
border-radius: $border-radius; border-radius: $border-radius;
// make 'em scrollable
overflow: scroll;
-webkit-overflow-scrolling: touch;
max-height: $pre-scrollable-max-height;
// Account for some code outputs that place code tags in pre tags // Account for some code outputs that place code tags in pre tags
code { code {
padding: 0; padding: 0;
font-size: inherit; font-size: inherit;
color: inherit; color: inherit;
white-space: pre-wrap; white-space: pre;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
overflow: auto;
background-color: transparent; background-color: transparent;
border-radius: 0; border-radius: 0;
} }
} }
// Enable scrollable blocks of code
.pre-scrollable {
max-height: $pre-scrollable-max-height;
overflow-y: scroll;
}

20
_src/styleguide.md
View File

@ -248,11 +248,23 @@ Logo can be used with a base class and modifier classes for size & color:
<div class="alert alert-danger"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div> <div class="alert alert-danger"><strong class="alert__title">Lucas ipsum</strong> Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div>
```html ```html
<div class="alert alert-success"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div> <div class="alert alert-success">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>
<div class="alert alert-info"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div> <div class="alert alert-info">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>
<div class="alert alert-warning"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div> <div class="alert alert-warning">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>
<div class="alert alert-danger"><strong class="alert__title">Lucas ipsum</strong>Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus</div> <div class="alert alert-danger">
<strong class="alert__title">Lucas ipsum</strong>
Lucas ipsum dolor sit amet kenobi ubese yaka weequay aka trioculus
</div>
``` ```