Page MenuHomeDevCentral

D697.id1755.diff
No OneTemporary

D697.id1755.diff

diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss
--- a/src/assets/scss/_settings.scss
+++ b/src/assets/scss/_settings.scss
@@ -39,6 +39,7 @@
// 34. Title Bar
// 35. Tooltip
// 36. Top Bar
+// 37. Code
@import 'util/util';
@@ -105,7 +106,7 @@
$header-font-family: 'Dosis', $body-font-family;
$header-font-weight: 200;
$header-font-style: normal;
-$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;
+$font-family-monospace: 'Roboto Mono', Consolas, 'Liberation Mono', Courier, monospace;
$header-sizes: (
small: (
'h1': 24,
@@ -133,12 +134,6 @@
$paragraph-lineheight: 1.6;
$paragraph-margin-bottom: 1rem;
$paragraph-text-rendering: optimizeLegibility;
-$code-color: $black;
-$code-font-family: $font-family-monospace;
-$code-font-weight: $global-weight-normal;
-$code-background: $light-gray;
-$code-border: 1px solid $medium-gray;
-$code-padding: rem-calc(2 5 1);
$anchor-color: $secondary-color;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);
$anchor-text-decoration: none;
@@ -564,3 +559,14 @@
$topbar-title-spacing: 1rem;
$topbar-input-width: 200px;
$topbar-unstack-breakpoint: medium;
+
+// 37. Code
+// --------
+
+$code-color: $white;
+$code-font-family: $font-family-monospace;
+$code-font-weight: 400;
+$code-background: scale-color($body-background, $lightness: $callout-background-fade);
+$code-border-scale: 15%;
+$code-border: 1px solid darken($code-background, $code-border-scale);
+$code-padding: rem-calc(2 5 1);
diff --git a/src/assets/scss/components/_layout.scss b/src/assets/scss/components/_layout.scss
--- a/src/assets/scss/components/_layout.scss
+++ b/src/assets/scss/components/_layout.scss
@@ -10,6 +10,10 @@
margin-bottom: 1.5em;
}
+code {
+ font-size: 0.9em;
+}
+
.primary {
a {
color: #16353a;
@@ -18,6 +22,18 @@
h1, h2, h3, h4, h5, h6 {
color: $white;
}
+
+ code {
+ color: $black;
+ background-color: $white;
+ border: 1px solid $light-gray;
+ }
+}
+
+.secondary {
+ h1, h2, h3, h4, h5, h6 {
+ color: $black;
+ }
}
.label {
diff --git a/src/layouts/default.html b/src/layouts/default.html
--- a/src/layouts/default.html
+++ b/src/layouts/default.html
@@ -7,7 +7,7 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servers log — Nasqueron</title>
- <link href="https://fonts.googleapis.com/css?family=Dosis:200|Source+Sans+Pro" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/css?family=Dosis:200|Source+Sans+Pro|Roboto+Mono" rel="stylesheet">
<link rel="stylesheet" href="{{root}}assets/css/app.css">
</head>
<body>

File Metadata

Mime Type
text/plain
Expires
Wed, Apr 30, 00:51 (4 h, 28 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2617289
Default Alt Text
D697.id1755.diff (2 KB)

Event Timeline