blog/_src/_assets/styl/_kremalicious/code.styl

//
// kremalicious3
// --------------
// Code
//

code,
kbd,
pre,
samp
    font-family: $font-family-monospace
    font-size: $font-size-small
    hyphens: none

code,
kbd
    padding: 2px 4px

code,
samp
    color: darken($code-color, 40%)
    background-color: alpha($code-bg, 5%)
    border-radius: $border-radius-base

kbd
    color: $kbd-color
    background-color: $kbd-bg
    border-radius: $border-radius-small
    border: 1px solid $kbd-bg
    box-shadow: inset 0 1px 0 rgba(#fff, .4)

pre
    display: block
    padding: 0
    margin-bottom: $spacer
    line-height: $line-height
    color: $code-color
    background-color: $code-bg
    margin-left: -($spacer)
    margin-right: -($spacer)

    // make 'em scrollable
    overflow: scroll
    -webkit-overflow-scrolling: touch
    max-height: 300px

    @media $screen-sm
        max-height: 500px

    @media $screen-md
        border-radius: $border-radius-base

    // Account for some code outputs that place code tags in pre tags
    code
        white-space: pre
        overflow: auto
        display: block
        padding: $spacer
        font-size: inherit
        color: inherit
        background-color: transparent
        border-radius: 0

        overflow-wrap: normal
        word-wrap: normal
        word-break: normal

code.language-shell
    padding-left: 1.5em
    display: block

    &:before
        @extend .text-dimmed
        content: "$"
        display: inline-block
        margin-left: -.5em
        margin-right: .8em
first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`//`
			`// kremalicious3`
			`// --------------`
			`// Code`
			`//`

			`code,`
			`kbd,`
			`pre,`
			`samp`
			`font-family: $font-family-monospace`
add actions section under each post - comment vi tweet, thanks through bitcoin - add vex modals with custom theme - add bitcoin icon - fix footer layout 2016-04-17 20:01:42 +02:00			`font-size: $font-size-small`
remove hyphenation from code elements, fixes #18 2014-09-06 14:57:49 +02:00			`hyphens: none`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00
			`code,`
			`kbd`
death to semicolons 2014-07-21 21:07:43 +02:00			`padding: 2px 4px`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00
add simple styleguide page - modify lots of typographic elements - activate all the redcarpet extensions 2016-05-05 17:33:57 +02:00			`code,`
			`samp`
nicer syntax highlighting 2015-07-26 21:41:59 +02:00			`color: darken($code-color, 40%)`
add simple styleguide page - modify lots of typographic elements - activate all the redcarpet extensions 2016-05-05 17:33:57 +02:00			`background-color: alpha($code-bg, 5%)`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`border-radius: $border-radius-base`

			`kbd`
			`color: $kbd-color`
			`background-color: $kbd-bg`
			`border-radius: $border-radius-small`
typography 2015-08-02 21:15:22 +02:00			`border: 1px solid $kbd-bg`
			`box-shadow: inset 0 1px 0 rgba(#fff, .4)`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00
			`pre`
death to semicolons 2014-07-21 21:07:43 +02:00			`display: block`
tor.sh: fix resetting proxy settings 2016-05-15 18:20:39 +02:00			`padding: 0`
layout tweaks 2016-06-09 19:25:01 +02:00			`margin-bottom: $spacer`
rem all the things - switch to rem based typography - switch to rem based spacing - responsive typography through root font size change 2016-04-16 19:32:58 +02:00			`line-height: $line-height`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`color: $code-color`
			`background-color: $code-bg`
better link usability 2016-10-03 23:36:15 +02:00			`margin-left: -($spacer)`
			`margin-right: -($spacer)`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00
			`// make 'em scrollable`
MEGA COMMIT, final stylus refactoring 2014-07-12 21:22:47 +02:00			`overflow: scroll`
			`-webkit-overflow-scrolling: touch`
			`max-height: 300px`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00
layout tweaks 2016-06-09 19:25:01 +02:00			`@media $screen-sm`
nicer syntax highlighting 2015-07-26 21:41:59 +02:00			`max-height: 500px`

layout tweaks 2016-06-09 19:25:01 +02:00			`@media $screen-md`
			`border-radius: $border-radius-base`

first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`// Account for some code outputs that place code tags in pre tags`
			`code`
add simple styleguide page - modify lots of typographic elements - activate all the redcarpet extensions 2016-05-05 17:33:57 +02:00			`white-space: pre`
			`overflow: auto`
			`display: block`
fixes - fix modals - fix bitcoin modal - more spacious code - different lead paragraph style 2016-10-02 02:55:04 +02:00			`padding: $spacer`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`font-size: inherit`
			`color: inherit`
			`background-color: transparent`
			`border-radius: 0`

add simple styleguide page - modify lots of typographic elements - activate all the redcarpet extensions 2016-05-05 17:33:57 +02:00			`overflow-wrap: normal`
			`word-wrap: normal`
			`word-break: normal`

			`code.language-shell`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`padding-left: 1.5em`
			`display: block`

			`&:before`
variables cleanup 2016-05-25 23:03:36 +02:00			`@extend .text-dimmed`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`content: "$"`
			`display: inline-block`
tor.sh: fix resetting proxy settings 2016-05-15 18:20:39 +02:00			`margin-left: -.5em`
first batch of stylus reorg 2014-07-12 02:00:18 +02:00			`margin-right: .8em`