versioned old icomoon font
parent
117c33b9fa
commit
ec43a737f1
|
@ -1,9 +1,9 @@
|
||||||
@import "tools/color-palette";
|
@import "tools/color-palette";
|
||||||
@import "tools/icomoon";
|
@import "tools/icomoon-v2";
|
||||||
|
|
||||||
// Fonts
|
// Fonts
|
||||||
$rubik: 'Rubik', sans-serif;
|
$rubik: 'Rubik', sans-serif;
|
||||||
$roboto-mono: 'Roboto Mono', monospace;
|
$code: 'IBM Plex Mono', monospace;;
|
||||||
|
|
||||||
// Font weights
|
// Font weights
|
||||||
$medium: 500;
|
$medium: 500;
|
||||||
|
@ -60,7 +60,7 @@ $bold: 700;
|
||||||
}
|
}
|
||||||
&:before {
|
&:before {
|
||||||
content: "\e919";
|
content: "\e919";
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
margin-right: .65rem;
|
margin-right: .65rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -77,7 +77,7 @@ $bold: 700;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: .95rem;
|
font-size: .95rem;
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $g20-white;
|
color: $g20-white;
|
||||||
|
@ -156,14 +156,14 @@ $bold: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.redoc-json {
|
.redoc-json {
|
||||||
font-family: $roboto-mono !important;
|
font-family: $code !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Inline Code
|
// Inline Code
|
||||||
.flfxUM code,
|
.flfxUM code,
|
||||||
.gDsWLk code,
|
.gDsWLk code,
|
||||||
.kTVySD {
|
.kTVySD {
|
||||||
font-family: $roboto-mono !important;
|
font-family: $code !important;
|
||||||
color: $cp-marguerite;
|
color: $cp-marguerite;
|
||||||
background: $cp-titan;
|
background: $cp-titan;
|
||||||
border-color: $cp-titan;
|
border-color: $cp-titan;
|
||||||
|
@ -275,7 +275,7 @@ $bold: 700;
|
||||||
background-color: $g2-kevlar;
|
background-color: $g2-kevlar;
|
||||||
font-family: $rubik;
|
font-family: $rubik;
|
||||||
}
|
}
|
||||||
.iENVAs { font-family: $roboto-mono; }
|
.iENVAs { font-family: $code; }
|
||||||
.dpMbau { font-family: $rubik; }
|
.dpMbau { font-family: $rubik; }
|
||||||
|
|
||||||
// Code controls
|
// Code controls
|
||||||
|
@ -285,7 +285,7 @@ $bold: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Code blocks
|
// Code blocks
|
||||||
.kZHJcC { font-family: $roboto-mono; }
|
.kZHJcC { font-family: $code; }
|
||||||
.jCgylq {
|
.jCgylq {
|
||||||
.token.string {
|
.token.string {
|
||||||
color: $gr-honeydew;
|
color: $gr-honeydew;
|
||||||
|
|
|
@ -72,7 +72,7 @@
|
||||||
|
|
||||||
&.back:before {
|
&.back:before {
|
||||||
content: "\e90a";
|
content: "\e90a";
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
margin-right: .35rem;
|
margin-right: .35rem;
|
||||||
vertical-align: text-top;
|
vertical-align: text-top;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
$rubik: 'Rubik', sans-serif;
|
$rubik: 'Rubik', sans-serif;
|
||||||
$roboto-mono: 'Roboto Mono', monospace;
|
$code: 'IBM Plex Mono', monospace;;
|
||||||
|
|
||||||
// Font weights
|
// Font weights
|
||||||
$medium: 500;
|
$medium: 500;
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
&.large:before { font-size: 1.1rem; }
|
&.large:before { font-size: 1.1rem; }
|
||||||
|
|
||||||
&.add-btn-round {
|
&.add-btn-round {
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
color:#fff;
|
color:#fff;
|
||||||
background: linear-gradient(45deg,#5c10a0,#8e1fc3);
|
background: linear-gradient(45deg,#5c10a0,#8e1fc3);
|
||||||
border-radius:50%;
|
border-radius:50%;
|
||||||
|
|
|
@ -28,7 +28,7 @@ $vertical-offset: -14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
color: rgba($article-text, .5);
|
color: rgba($article-text, .5);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
&:after {
|
&:after {
|
||||||
content: "\e905";
|
content: "\e905";
|
||||||
display: block;
|
display: block;
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: .15rem;
|
top: .15rem;
|
||||||
right: .25rem;
|
right: .25rem;
|
||||||
|
@ -287,7 +287,7 @@
|
||||||
&.platform, &.flux {
|
&.platform, &.flux {
|
||||||
&:after {
|
&:after {
|
||||||
content: "\e911";
|
content: "\e911";
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
opacity: .4;
|
opacity: .4;
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
.influx-home {
|
.influx-home {
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
font-size: 1.9rem;
|
font-size: 1.9rem;
|
||||||
color: $topnav-link;
|
color: $topnav-link;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -76,7 +76,7 @@
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
content: "\e918";
|
content: "\e918";
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: .45rem;
|
top: .45rem;
|
||||||
right: .4rem;
|
right: .4rem;
|
||||||
|
@ -137,7 +137,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
&:after {
|
&:after {
|
||||||
content: "\e911";
|
content: "\e911";
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: .4;
|
opacity: .4;
|
||||||
margin-left: .25rem;
|
margin-left: .25rem;
|
||||||
|
|
|
@ -332,7 +332,7 @@ label:after {
|
||||||
content: "\e924";
|
content: "\e924";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: .35rem;
|
margin-right: .35rem;
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-size: .8rem;
|
font-size: .8rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -36,14 +36,14 @@ a.btn {
|
||||||
|
|
||||||
&.download:before {
|
&.download:before {
|
||||||
content: "\e91d";
|
content: "\e91d";
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.github:before {
|
&.github:before {
|
||||||
content: "\eab0";
|
content: "\eab0";
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
|
|
||||||
a a:after {
|
a a:after {
|
||||||
content: "\e91a";
|
content: "\e91a";
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
color: rgba($article-heading, .35);
|
color: rgba($article-heading, .35);
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
transition: color .2s;
|
transition: color .2s;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
|
|
||||||
code,pre {
|
code,pre {
|
||||||
background: $article-code-bg;
|
background: $article-code-bg;
|
||||||
font-family: $roboto-mono;
|
font-family: $code;
|
||||||
color: $article-code;
|
color: $article-code;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
color: $article-heading-alt;
|
color: $article-heading-alt;
|
||||||
margin: 0 .25rem 0 -.25rem;
|
margin: 0 .25rem 0 -.25rem;
|
||||||
font-size: 1.65rem;
|
font-size: 1.65rem;
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
&.slack:before {
|
&.slack:before {
|
||||||
|
@ -70,7 +70,7 @@
|
||||||
&:before {
|
&:before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
}
|
}
|
||||||
|
|
||||||
&.edit:before {
|
&.edit:before {
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 1rem 0 2rem;
|
margin: 1rem 0 2rem;
|
||||||
padding: 1.5rem 2.5rem 1.5rem 1.5rem;
|
padding: 1.5rem 2.5rem 1.5rem 1.5rem;
|
||||||
font-family: $roboto-mono;
|
font-family: $code;
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
box-shadow: 1px 3px 10px $article-shadow;
|
box-shadow: 1px 3px 10px $article-shadow;
|
||||||
& > ul { padding: 0; margin: 0;
|
& > ul { padding: 0; margin: 0;
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
&:before {
|
&:before {
|
||||||
content: "\e90a";
|
content: "\e90a";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
@ -29,7 +29,7 @@
|
||||||
&:before {
|
&:before {
|
||||||
content: "\e90c";
|
content: "\e90c";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: "icomoon";
|
font-family: "icomoon-v2";
|
||||||
margin-left: .5rem;
|
margin-left: .5rem;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,23 +1,5 @@
|
||||||
svg {
|
svg {
|
||||||
|
|
||||||
&#join-vs-union {
|
|
||||||
max-width: 525px;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
|
|
||||||
.st0{fill: $svg-table-code-bg;}
|
|
||||||
.st1{fill: $svg-table-header;}
|
|
||||||
.st2{fill: $svg-table-row-alt1;}
|
|
||||||
.st3{fill:none;stroke: $svg-table-stroke;stroke-width:2;stroke-miterlimit:10;}
|
|
||||||
.st4{fill:none;stroke: $svg-table-stroke;stroke-width:4;stroke-miterlimit:10;}
|
|
||||||
.st5{fill: $svg-table-row-alt2;}
|
|
||||||
.st6{fill: $svg-table-code;}
|
|
||||||
.st7{font-family:'Roboto Mono';}
|
|
||||||
.st8{font-size:14.2px;}
|
|
||||||
.st9{fill: $svg-table-code-operator;}
|
|
||||||
.st10{fill: $svg-table-code-string;}
|
|
||||||
}
|
|
||||||
|
|
||||||
&[id^='geo-s2-cells-'] {
|
&[id^='geo-s2-cells-'] {
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
.geo-cell{fill:rgba($svg-geo-s2-cell, 0.25);stroke:$svg-geo-s2-cell;stroke-width:3;stroke-linejoin:round;stroke-miterlimit:10;}
|
.geo-cell{fill:rgba($svg-geo-s2-cell, 0.25);stroke:$svg-geo-s2-cell;stroke-width:3;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
// InfluxData Docs Default Theme (Light)
|
// InfluxData Docs Default Theme (Light)
|
||||||
|
|
||||||
// Import Tools
|
// Import Tools
|
||||||
@import "tools/icomoon",
|
@import "tools/icomoon-v2",
|
||||||
"tools/media-queries.scss",
|
"tools/media-queries.scss",
|
||||||
"tools/mixins.scss",
|
"tools/mixins.scss",
|
||||||
"tools/tooltips",
|
"tools/tooltips",
|
||||||
|
|
|
@ -15,7 +15,7 @@
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
$body-bg: $g18-cloud !default;
|
$body-bg: $g18-cloud !default;
|
||||||
$radius: 3px !default;
|
$radius: 2px !default;
|
||||||
|
|
||||||
// TopNav Colors
|
// TopNav Colors
|
||||||
$topnav-link: $g8-storm !default;
|
$topnav-link: $g8-storm !default;
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'icomoon';
|
font-family: 'icomoon-v2';
|
||||||
src: url('fonts/icomoon.eot?itn2ph');
|
src: url('fonts/icomoon-v2.eot?itn2ph');
|
||||||
src: url('fonts/icomoon.eot?itn2ph#iefix') format('embedded-opentype'),
|
src: url('fonts/icomoon-v2.eot?itn2ph#iefix') format('embedded-opentype'),
|
||||||
url('fonts/icomoon.ttf?itn2ph') format('truetype'),
|
url('fonts/icomoon-v2.ttf?itn2ph') format('truetype'),
|
||||||
url('fonts/icomoon.woff?itn2ph') format('woff'),
|
url('fonts/icomoon-v2.woff?itn2ph') format('woff'),
|
||||||
url('fonts/icomoon.svg?itn2ph#icomoon') format('svg');
|
url('fonts/icomoon-v2.svg?itn2ph#icomoon-v2') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-display: block;
|
font-display: block;
|
||||||
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
[class^="icon-"], [class*=" icon-"] {
|
[class^="icon-"], [class*=" icon-"] {
|
||||||
/* use !important to prevent issues with browser extensions that change fonts */
|
/* use !important to prevent issues with browser extensions that change fonts */
|
||||||
font-family: 'icomoon' !important;
|
font-family: 'icomoon-v2' !important;
|
||||||
speak: never;
|
speak: never;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
|
@ -4,9 +4,6 @@
|
||||||
$medium: 500;
|
$medium: 500;
|
||||||
$bold: 700;
|
$bold: 700;
|
||||||
|
|
||||||
// Border radius
|
|
||||||
$radius: 3px;
|
|
||||||
|
|
||||||
////////////////////////////////// Tool Tips //////////////////////////////////
|
////////////////////////////////// Tool Tips //////////////////////////////////
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
|
|
|
@ -1 +1,3 @@
|
||||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:500,500i,700,700i|Rubik:400,400i,500,500i,700,700i" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,500;0,700;1,500;1,700&family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
Loading…
Reference in New Issue