versioned old icomoon font

pull/3364/head
Scott Anderson 2021-11-03 13:48:30 -06:00
parent 117c33b9fa
commit ec43a737f1
24 changed files with 39 additions and 58 deletions

View File

@ -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;

View File

@ -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;
} }

View File

@ -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;

View File

@ -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%;

View File

@ -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;
} }

View File

@ -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;

View File

@ -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;

View File

@ -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;
} }

View File

@ -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;
} }

View File

@ -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;

View File

@ -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;
} }

View File

@ -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 {

View File

@ -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;

View File

@ -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;
} }

View File

@ -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;}

View File

@ -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",

View File

@ -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;

View File

@ -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;

View File

@ -4,9 +4,6 @@
$medium: 500; $medium: 500;
$bold: 700; $bold: 700;
// Border radius
$radius: 3px;
////////////////////////////////// Tool Tips ////////////////////////////////// ////////////////////////////////// Tool Tips //////////////////////////////////
.tooltip { .tooltip {

View File

@ -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">

View File

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB