mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-14 09:05:17 +01:00
66 lines
1.3 KiB
Stylus
66 lines
1.3 KiB
Stylus
//
|
|
// kremalicious3
|
|
// --------------
|
|
// Code
|
|
//
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp
|
|
font-family: $font-family-monospace
|
|
font-size: $font-size-small
|
|
|
|
code,
|
|
kbd
|
|
padding: 2px 4px;
|
|
|
|
code
|
|
color: $code-color;
|
|
background-color: $code-bg;
|
|
border-radius: $border-radius-base
|
|
white-space: nowrap
|
|
|
|
kbd
|
|
color: $kbd-color
|
|
background-color: $kbd-bg
|
|
border-radius: $border-radius-small
|
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
|
|
|
|
pre
|
|
display: block;
|
|
padding: (($line-height-computed - 1) / 2)
|
|
margin: 0 0 $line-height-computed
|
|
line-height: $line-height-base
|
|
font-size: $font-size-mini
|
|
word-break: break-all
|
|
word-wrap: break-word
|
|
color: $code-color
|
|
background-color: $code-bg
|
|
border-radius: $border-radius-base
|
|
|
|
// make 'em scrollable
|
|
overflow: scroll
|
|
-webkit-overflow-scrolling: touch
|
|
max-height: 300px
|
|
|
|
// Account for some code outputs that place code tags in pre tags
|
|
code
|
|
padding: 0
|
|
font-size: inherit
|
|
color: inherit
|
|
white-space: pre-wrap
|
|
background-color: transparent
|
|
border-radius: 0
|
|
|
|
code.bash
|
|
padding-left: 1.5em
|
|
display: block
|
|
|
|
&:before
|
|
content: "$"
|
|
color: $text-color-dimmed
|
|
display: inline-block
|
|
margin-left: -1.5em
|
|
margin-right: .8em
|