mirror of
https://github.com/samsonjs/samhuri.net.git
synced 2026-03-25 09:05:47 +00:00
Use nicer monospace fonts
This commit is contained in:
parent
7d7a7b5caf
commit
f275946b00
3 changed files with 203 additions and 63 deletions
54
public/css/normalize.css
vendored
54
public/css/normalize.css
vendored
|
|
@ -7,9 +7,12 @@
|
|||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
font-family: sans-serif;
|
||||
/* 1 */
|
||||
-ms-text-size-adjust: 100%;
|
||||
/* 2 */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -51,8 +54,10 @@ audio,
|
|||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
display: inline-block;
|
||||
/* 1 */
|
||||
vertical-align: baseline;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -226,7 +231,6 @@ code,
|
|||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
/* font-family: monospace, monospace;*/
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
|
|
@ -250,9 +254,12 @@ input,
|
|||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
color: inherit; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
color: inherit;
|
||||
/* 1 */
|
||||
font: inherit;
|
||||
/* 2 */
|
||||
margin: 0;
|
||||
/* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -284,11 +291,14 @@ select {
|
|||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
html input[type="button"],
|
||||
/* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
-webkit-appearance: button;
|
||||
/* 2 */
|
||||
cursor: pointer;
|
||||
/* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -329,8 +339,10 @@ input {
|
|||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -351,9 +363,11 @@ input[type="number"]::-webkit-outer-spin-button {
|
|||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-webkit-appearance: textfield;
|
||||
/* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
-webkit-box-sizing: content-box;
|
||||
/* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
|
|
@ -384,8 +398,10 @@ fieldset {
|
|||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
border: 0;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -420,4 +436,4 @@ table {
|
|||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -460,7 +460,12 @@ ul.audio audio {
|
|||
|
||||
pre {
|
||||
background-color: #eaeaea;
|
||||
padding: 0.5rem;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
code,
|
||||
pre {
|
||||
font-family: 'Fira Code', 'JetBrains Mono', 'Meslo LG M', 'Inconsolata', 'Menlo', 'Courier New', monospace;
|
||||
}
|
||||
|
||||
pre.line-numbers {
|
||||
|
|
@ -494,5 +499,5 @@ pre.line-numbers {
|
|||
.gist {
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.2rem;
|
||||
font-family: 'Menlo', 'Courier New', monospace;
|
||||
font-family: 'Fira Code', 'JetBrains Mono', 'Meslo LG M', 'Inconsolata', 'Menlo', 'Courier New', monospace;
|
||||
}
|
||||
|
|
@ -1,47 +1,166 @@
|
|||
/* Syntax highlighting */
|
||||
.typocode_ruby .normal {}
|
||||
.typocode_ruby .comment { color: #005; font-style: italic; }
|
||||
.typocode_ruby .keyword { color: #A00; font-weight: bold; }
|
||||
.typocode_ruby .method { color: #077; }
|
||||
.typocode_ruby .class { color: #074; }
|
||||
.typocode_ruby .module { color: #050; }
|
||||
.typocode_ruby .punct { color: #447; font-weight: bold; }
|
||||
.typocode_ruby .symbol { color: #099; }
|
||||
.typocode_ruby .string { color: #944; background: #FFE; }
|
||||
.typocode_ruby .char { color: #F07; }
|
||||
.typocode_ruby .ident { color: #004; }
|
||||
.typocode_ruby .constant { color: #07F; }
|
||||
.typocode_ruby .regex { color: #B66; background: #FEF; }
|
||||
.typocode_ruby .number { color: #F99; }
|
||||
.typocode_ruby .attribute { color: #7BB; }
|
||||
.typocode_ruby .global { color: #7FB; }
|
||||
.typocode_ruby .expr { color: #227; }
|
||||
.typocode_ruby .escape { color: #277; }
|
||||
|
||||
.typocode_ruby .comment {
|
||||
color: #005;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.typocode_ruby .keyword {
|
||||
color: #A00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.typocode_ruby .method {
|
||||
color: #077;
|
||||
}
|
||||
|
||||
.typocode_ruby .class {
|
||||
color: #074;
|
||||
}
|
||||
|
||||
.typocode_ruby .module {
|
||||
color: #050;
|
||||
}
|
||||
|
||||
.typocode_ruby .punct {
|
||||
color: #447;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.typocode_ruby .symbol {
|
||||
color: #099;
|
||||
}
|
||||
|
||||
.typocode_ruby .string {
|
||||
color: #944;
|
||||
background: #FFE;
|
||||
}
|
||||
|
||||
.typocode_ruby .char {
|
||||
color: #F07;
|
||||
}
|
||||
|
||||
.typocode_ruby .ident {
|
||||
color: #004;
|
||||
}
|
||||
|
||||
.typocode_ruby .constant {
|
||||
color: #07F;
|
||||
}
|
||||
|
||||
.typocode_ruby .regex {
|
||||
color: #B66;
|
||||
background: #FEF;
|
||||
}
|
||||
|
||||
.typocode_ruby .number {
|
||||
color: #F99;
|
||||
}
|
||||
|
||||
.typocode_ruby .attribute {
|
||||
color: #7BB;
|
||||
}
|
||||
|
||||
.typocode_ruby .global {
|
||||
color: #7FB;
|
||||
}
|
||||
|
||||
.typocode_ruby .expr {
|
||||
color: #227;
|
||||
}
|
||||
|
||||
.typocode_ruby .escape {
|
||||
color: #277;
|
||||
}
|
||||
|
||||
.typocode_xml .normal {}
|
||||
.typocode_xml .namespace { color: #B66; font-weight: bold; }
|
||||
.typocode_xml .tag { color: #F88; }
|
||||
.typocode_xml .comment { color: #005; font-style: italic; }
|
||||
.typocode_xml .punct { color: #447; font-weight: bold; }
|
||||
.typocode_xml .string { color: #944; }
|
||||
.typocode_xml .number { color: #F99; }
|
||||
.typocode_xml .attribute { color: #BB7; }
|
||||
|
||||
.typocode_xml .namespace {
|
||||
color: #B66;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.typocode_xml .tag {
|
||||
color: #F88;
|
||||
}
|
||||
|
||||
.typocode_xml .comment {
|
||||
color: #005;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.typocode_xml .punct {
|
||||
color: #447;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.typocode_xml .string {
|
||||
color: #944;
|
||||
}
|
||||
|
||||
.typocode_xml .number {
|
||||
color: #F99;
|
||||
}
|
||||
|
||||
.typocode_xml .attribute {
|
||||
color: #BB7;
|
||||
}
|
||||
|
||||
.typocode_yaml .normal {}
|
||||
.typocode_yaml .document { font-weight: bold; color: #07F; }
|
||||
.typocode_yaml .type { font-weight: bold; color: #05C; }
|
||||
.typocode_yaml .key { color: #F88; }
|
||||
.typocode_yaml .comment { color: #005; font-style: italic; }
|
||||
.typocode_yaml .punct { color: #447; font-weight: bold; }
|
||||
.typocode_yaml .string { color: #944; }
|
||||
.typocode_yaml .number { color: #F99; }
|
||||
.typocode_yaml .time { color: #F99; }
|
||||
.typocode_yaml .date { color: #F99; }
|
||||
.typocode_yaml .ref { color: #944; }
|
||||
.typocode_yaml .anchor { color: #944; }
|
||||
|
||||
.typocode_yaml .document {
|
||||
font-weight: bold;
|
||||
color: #07F;
|
||||
}
|
||||
|
||||
.typocode_yaml .type {
|
||||
font-weight: bold;
|
||||
color: #05C;
|
||||
}
|
||||
|
||||
.typocode_yaml .key {
|
||||
color: #F88;
|
||||
}
|
||||
|
||||
.typocode_yaml .comment {
|
||||
color: #005;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.typocode_yaml .punct {
|
||||
color: #447;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.typocode_yaml .string {
|
||||
color: #944;
|
||||
}
|
||||
|
||||
.typocode_yaml .number {
|
||||
color: #F99;
|
||||
}
|
||||
|
||||
.typocode_yaml .time {
|
||||
color: #F99;
|
||||
}
|
||||
|
||||
.typocode_yaml .date {
|
||||
color: #F99;
|
||||
}
|
||||
|
||||
.typocode_yaml .ref {
|
||||
color: #944;
|
||||
}
|
||||
|
||||
.typocode_yaml .anchor {
|
||||
color: #944;
|
||||
}
|
||||
|
||||
.typocode {
|
||||
background-color:#eee;
|
||||
padding:2px;
|
||||
margin:5px;
|
||||
background-color: #eee;
|
||||
padding: 2px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.typocode pre {
|
||||
|
|
@ -49,14 +168,14 @@
|
|||
margin: 0;
|
||||
border: none;
|
||||
background: transparent;
|
||||
font-family: monospace;
|
||||
overflow:auto;
|
||||
font-family: 'Fira Code', 'JetBrains Mono', 'Meslo LG M', 'Inconsolata', 'Menlo', 'Courier New', monospace;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
.typocode .lineno {
|
||||
text-align: right;
|
||||
color: #B00;
|
||||
font-family: monospace;
|
||||
font-family: 'Fira Code', 'JetBrains Mono', 'Meslo LG M', 'Inconsolata', 'Menlo', 'Courier New', monospace;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue