IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fixed code blocks in Grafana

Browse Source
This commit is contained in:
Matt Toback 2016-03-28 18:37:02 -04:00
parent f0ae6a0bb1
commit 9be1ffd633
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/sass/_grafana.scss
View File

@ -17,6 +17,8 @@
@import "base/grid";
@import "base/font_awesome";
@import "base/grafana_icons";
@import "base/code";
// UTILS
@import "utils/utils";

14
public/sass/base/_code.scss
View File

@ -11,28 +11,28 @@ pre {
background-color: $code-tag-bg;
color: $text-color;
border: 1px solid darken($code-tag-bg, 15%);
padding: 2px;
padding: 10px;
border-radius: 4px;
}
// Inline code
code {
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
color: $text-color;
background-color: $code-tag-bg;
border: 1px solid darken($code-tag-bg, 15%);
white-space: nowrap;
}
// Blocks of code
pre {
display: block;
margin: 0 0 $line-height-base / 2;
font-size: $font-size-base - 1; // 14px to 13px
margin: 0 0 $line-height-base;
line-height: $line-height-base;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
background-color: $code-tag-bg;
// Make prettyprint styles more spaced out for readability
&.prettyprint {