diff --git a/static/base.less b/static/base.less index ac12fcf0..c42b4d62 100644 --- a/static/base.less +++ b/static/base.less @@ -25,3 +25,9 @@ td, th { padding: 0; } +:not(pre) > code { + padding: .2em; + color: #c92c2c; + border: 1px solid rgba(0,0,0,.1); + border-radius: .3em; +} diff --git a/static/breadcrumb.less b/static/breadcrumb.less index 60807730..4c6b4d18 100644 --- a/static/breadcrumb.less +++ b/static/breadcrumb.less @@ -51,9 +51,11 @@ color: white; font-size: 14px; padding: @gutter; + code { - background: none; - line-height: 14px; + color: inherit; + padding: 0; + border: none; } } a:hover { @@ -105,9 +107,7 @@ padding: 0px; margin: 0px; code { - background: none; font-weight: 600; - padding: 0; } a { width: auto; diff --git a/static/content.less b/static/content.less index 0fea26db..f8b762e8 100644 --- a/static/content.less +++ b/static/content.less @@ -20,8 +20,7 @@ article { padding: 0; .border-radius(0); } - code { - + pre code { .highlight { background: @highlight-color; padding: 3px 0; @@ -29,25 +28,9 @@ article { .obscured{ background: lighten(@border-color, 2%); } - .expand { - background-color: @border-color; - text-align: center; - padding: 4px 0px; - margin: @gutter/2 0; - border-top: 1px solid @dark-border-color; - border-bottom: 1px solid @dark-border-color; - color: black; - } - .expand:before { + + .collapse.collapsed::before { content: url(../static/img/expand_icon.svg); - display: block; - width: 15px; - height: 15px; - margin: 0 auto; - } - .expand:hover{ - opacity: .6; - cursor: pointer; } } pre code { @@ -55,15 +38,9 @@ article { display: block; margin: @gutter; word-wrap: break-word; - font-size: 15px; line-height: 20px; letter-spacing: 0; -webkit-font-smoothing: initial; - - &.line-highlight { - display: inline-block; - min-width: 100%; - } } .signature { padding: @gutter*2; @@ -78,11 +55,13 @@ article { margin-top: 0; border-bottom: 0; word-wrap: break-word; + code { font-weight: bold; .font-smoothing; + padding: 0; - background: none; + border: none; } } } @@ -130,13 +109,6 @@ video{ blockquote{ .notify-normal; } -.line-highlight{ - margin: @gutter 0; - span.line{ - padding: 0 @gutter; - display: block; - } -} .body{ margin: @gutter*2; }