mirror of https://github.com/istio/istio.io.git
Twiddle font sizes to try to support high DPI better.
This commit is contained in:
parent
9ddf91398f
commit
70ee2b9c3f
|
|
@ -90,7 +90,7 @@ th {
|
||||||
|
|
||||||
// Tabs are tabby
|
// Tabs are tabby
|
||||||
.ui-widget-content {
|
.ui-widget-content {
|
||||||
font-size:14px !important;
|
font-size: $font-size--primary !important;
|
||||||
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
|
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
|
||||||
color: $textColor !important;
|
color: $textColor !important;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
// Font
|
// Font
|
||||||
$font-size--primary : 16px;
|
$font-size--primary : 1rem;
|
||||||
$font-size--xxs : .8rem;
|
$font-size--xxs : .8rem;
|
||||||
$font-size--xs : 1rem;
|
$font-size--xs : 1rem;
|
||||||
$font-size--s : 1.15rem;
|
$font-size--s : 1.15rem;
|
||||||
|
|
|
||||||
|
|
@ -58,8 +58,6 @@
|
||||||
// Section Headlines
|
// Section Headlines
|
||||||
h3 {
|
h3 {
|
||||||
color: $dark-gray;
|
color: $dark-gray;
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 300;
|
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
|
|
@ -68,8 +66,6 @@
|
||||||
// Section Subheadlines
|
// Section Subheadlines
|
||||||
h4 {
|
h4 {
|
||||||
margin: 30px 0 20px;
|
margin: 30px 0 20px;
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 300;
|
|
||||||
color: $dark-gray;
|
color: $dark-gray;
|
||||||
|
|
||||||
// Text immediately following h4 should have same level of indention
|
// Text immediately following h4 should have same level of indention
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,7 @@ p.note code {
|
||||||
code {
|
code {
|
||||||
color: $codeColor;
|
color: $codeColor;
|
||||||
background-color: $inverseBrandColor;
|
background-color: $inverseBrandColor;
|
||||||
font-size: 14px;
|
font-size: $font-size--primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre, pre.prettyprint {
|
pre, pre.prettyprint {
|
||||||
|
|
@ -97,7 +97,3 @@ pre code {
|
||||||
.navbar-toggle .icon-bar {
|
.navbar-toggle .icon-bar {
|
||||||
background-color: $inverseBrandColor;
|
background-color: $inverseBrandColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
h1 {
|
h1 {
|
||||||
font-size: $font-size--xxl;
|
font-size: $font-size--xxl;
|
||||||
color: white;
|
color: $secondBrandColor;
|
||||||
margin: $spacing--xl 0;
|
margin: $spacing--xl 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -36,11 +36,11 @@ h6 {
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-size: $font-size--xs;
|
font-size: $font-size--xs;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1rem;
|
line-height: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.lead {
|
p.lead {
|
||||||
font-size: 17px;
|
font-size: $font-size--m;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-size: 10px;
|
font-size: $font-size--xs;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
padding: 0px 6px 0px 6px;
|
padding: 0px 6px 0px 6px;
|
||||||
color: #795548;
|
color: #795548;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,10 @@
|
||||||
.faq {
|
.faq {
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 110%;
|
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-body {
|
.panel-body {
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
color: $secondBrandColor;
|
color: $secondBrandColor;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: $font-size--primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue