mirror of https://github.com/istio/istio.io.git
CSS cleanup.
This commit is contained in:
mtail
parent
19f40b74b7
commit
30e7405e18
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 119 KiB After Width: | Height: | Size: 119 KiB |
|
|
@ -1 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -30 137.062 137.062"><path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;marker:none;-inkscape-font-specification:Sans" d="M-47.981 33.626c-2.692 2.692-2.692 7.119 0 9.81l61.607 61.607c2.692 2.692 7.119 2.692 9.81 0l61.607-61.606c2.692-2.692 2.692-7.12 0-9.811L23.437-27.981c-2.692-2.692-7.12-2.692-9.811 0z" font-weight="400" color="#000" overflow="visible" font-family="Sans"/><path d="M83.269 35.387a4.447 4.447 0 0 1 0 6.289l-61.593 61.593a4.447 4.447 0 0 1-6.29 0l-61.593-61.593a4.447 4.447 0 0 1 0-6.29l61.594-61.593a4.447 4.447 0 0 1 6.289 0z" fill="#ffeb00"/><path d="M18.531-4.432C11.313-4.442 5.254 1.304 5.253 8.686c.001 1.925.472 3.25.472 3.25l11.181 44.971h3.25l11.181-44.972s.47-1.324.472-3.25c0-7.381-6.06-13.126-13.278-13.117zM29.303 70.723c0 5.949-4.823 10.772-10.772 10.772S7.76 76.672 7.76 70.723s4.822-10.772 10.771-10.772c5.95 0 10.772 4.823 10.772 10.772z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -30 137.062 137.062"><path d="M-47.981 33.626c-2.692 2.692-2.692 7.119 0 9.81l61.607 61.607c2.692 2.692 7.119 2.692 9.81 0l61.607-61.606c2.692-2.692 2.692-7.12 0-9.811L23.437-27.981c-2.692-2.692-7.12-2.692-9.811 0z"/><path d="M83.269 35.387a4.447 4.447 0 0 1 0 6.289l-61.593 61.593a4.447 4.447 0 0 1-6.29 0l-61.593-61.593a4.447 4.447 0 0 1 0-6.29l61.594-61.593a4.447 4.447 0 0 1 6.289 0z" fill="#ffeb00"/><path d="M18.531-4.432C11.313-4.442 5.254 1.304 5.253 8.686c.001 1.925.472 3.25.472 3.25l11.181 44.971h3.25l11.181-44.972s.47-1.324.472-3.25c0-7.381-6.06-13.126-13.278-13.117zM29.303 70.723c0 5.949-4.823 10.772-10.772 10.772S7.76 76.672 7.76 70.723s4.822-10.772 10.771-10.772c5.95 0 10.772 4.823 10.772 10.772z"/></svg>
|
||||
|
Before Width: | Height: | Size: 991 B After Width: | Height: | Size: 777 B |
|
|
@ -1,4 +1,9 @@
|
|||
@import "colors/colors";
|
||||
@import "themes/brand";
|
||||
@import "themes/light-theme";
|
||||
@import "themes/light-theme-syntax";
|
||||
@import "themes/dark-theme";
|
||||
@import "themes/dark-theme-syntax";
|
||||
@import "themes/vars";
|
||||
|
||||
@import "base/constants";
|
||||
@import "base/reset";
|
||||
|
|
|
|||
|
|
@ -110,19 +110,19 @@ th, td {
|
|||
}
|
||||
|
||||
tr:first-child th:first-child {
|
||||
border-radius: 4px 0 0 0;
|
||||
border-radius: $border-radius 0 0 0;
|
||||
}
|
||||
|
||||
tr:first-child td:first-child {
|
||||
border-radius: 4px 0 0 0;
|
||||
border-radius: $border-radius 0 0 0;
|
||||
}
|
||||
|
||||
tr:first-child th:last-child {
|
||||
border-radius: 0 4px 0 0;
|
||||
border-radius: 0 $border-radius 0 0;
|
||||
}
|
||||
|
||||
tr:first-child td:last-child {
|
||||
border-radius: 0 4px 0 0;
|
||||
border-radius: 0 $border-radius 0 0;
|
||||
}
|
||||
|
||||
tr:last-child td {
|
||||
|
|
@ -130,11 +130,11 @@ tr:last-child td {
|
|||
}
|
||||
|
||||
tr:last-child td:first-child {
|
||||
border-radius: 0 0 0 4px;
|
||||
border-radius: 0 0 0 $border-radius;
|
||||
}
|
||||
|
||||
tr:last-child td:last-child {
|
||||
border-radius: 0 0 4px 0;
|
||||
border-radius: 0 0 $border-radius 0;
|
||||
}
|
||||
|
||||
tr th:last-child {
|
||||
|
|
@ -168,7 +168,7 @@ pre {
|
|||
|
||||
max-height: 31em;
|
||||
border: 1px solid $preBlockBorderColor;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
box-shadow: 3px 3px 8px $preBlockShadowColor;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
font-size: 87.5%;
|
||||
|
|
@ -275,7 +275,7 @@ div.toolbar {
|
|||
}
|
||||
|
||||
p {
|
||||
font-size: $font-size--xs;
|
||||
font-size: $font-size--primary;
|
||||
font-weight: $textWeight;
|
||||
margin: .75em 0;
|
||||
|
||||
|
|
@ -285,7 +285,7 @@ p {
|
|||
}
|
||||
|
||||
li, dt, dd {
|
||||
font-size: $font-size--xs;
|
||||
font-size: $font-size--primary;
|
||||
font-weight: $textWeight;
|
||||
margin: .25em;
|
||||
}
|
||||
|
|
@ -418,7 +418,7 @@ blockquote {
|
|||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
background-color: $blockQuoteBackgroundColor;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
// Font
|
||||
// Font sizes
|
||||
$font-size--primary : 1rem;
|
||||
$font-size--xxs : .8rem;
|
||||
$font-size--xs : 1rem;
|
||||
$font-size--s : 1.15rem;
|
||||
$font-size--m : 1.65rem;
|
||||
$font-size--l : 1.85rem;
|
||||
|
|
@ -27,3 +25,6 @@ $sidebar-z: 50;
|
|||
$floating-button-z: 15;
|
||||
$glossary-letter-z: 10;
|
||||
$toolbar-button-z: 1;
|
||||
|
||||
// various manifest constants
|
||||
$border-radius: 4px;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
padding: .375rem .75rem;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||
background-color: $secondBrandColor;
|
||||
color: $textBrandColor;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
.callout {
|
||||
display: table;
|
||||
padding: .5em .5em .5em 0;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
|
||||
margin: 1em 0 1em 1em;
|
||||
@media (min-width: $bp-md) {
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
.panel {
|
||||
display: inline-block;
|
||||
border: 1px solid $boxBorderColor;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
width: 100%;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@ figure {
|
|||
margin: 1.5rem auto;
|
||||
padding: .5rem;
|
||||
background-color: $figureBackgroundColor;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border-radius: $border-radius;
|
||||
|
||||
.wrapper-with-intrinsic-ratio {
|
||||
position: relative;
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
box-shadow: 3px 3px 8px $landingPanelShadowColor;
|
||||
padding: 1rem;
|
||||
border: 1px solid $landingPanelBorderColor;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
|
||||
.panel {
|
||||
display: table;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
border: 1px solid $mainBrandColor;
|
||||
min-height: $panel-height;
|
||||
width: 100%;
|
||||
|
|
@ -48,8 +48,8 @@
|
|||
position: relative;
|
||||
display: table-cell;
|
||||
width: $title-size;
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-top-left-radius: $border-radius;
|
||||
border-bottom-left-radius: $border-radius;
|
||||
background-color: $mainBrandColor;
|
||||
min-height: 100%;
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
padding: 0;
|
||||
background-color: $backgroundColor;
|
||||
border: 1px solid $dropdownBorderColor;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
margin-top: .125rem;
|
||||
right: 0;
|
||||
text-align: left;
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
margin-top: 9rem;
|
||||
width: 12rem;
|
||||
height: 12rem;
|
||||
fill: black;
|
||||
}
|
||||
|
||||
.error {
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
background-color: $blockQuoteBackgroundColor;
|
||||
border-radius: 4px 4px 4px 4px;
|
||||
border-radius: $border-radius;
|
||||
|
||||
table td:first-of-type {
|
||||
color: $textBrandColor;
|
||||
|
|
|
|||
|
|
@ -3,10 +3,9 @@
|
|||
z-index: $overlay-z;
|
||||
color: $popoverTextColor;
|
||||
background-color: $popoverBackgroundColor;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
border: 1px solid $popoverBorderColor;
|
||||
box-shadow: 3px 3px 8px $popoverShadowColor, -3px -3px 8px $popoverShadowColor;
|
||||
font-family: inherit;
|
||||
|
||||
max-width: 276px;
|
||||
@media (min-width: $bp-md) {
|
||||
|
|
@ -26,7 +25,7 @@
|
|||
color: $popoverHeaderTextColor;
|
||||
background-color: $popoverHeaderBackgroundColor;
|
||||
font-size: 140%;
|
||||
border-radius: 4px 4px 0 0;
|
||||
border-radius: $border-radius $border-radius 0 0;
|
||||
}
|
||||
|
||||
.body {
|
||||
|
|
|
|||
|
|
@ -92,7 +92,7 @@
|
|||
word-wrap: break-word;
|
||||
background-clip: border-box;
|
||||
border: 1px solid $dividerBarColor;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
|
||||
.header {
|
||||
margin-bottom: 0;
|
||||
|
|
|
|||
|
|
@ -11,8 +11,8 @@
|
|||
margin: 0 3px;
|
||||
border: 1px solid $mainBrandColor;
|
||||
border-bottom: none;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: $border-radius;
|
||||
border-top-right-radius: $border-radius;
|
||||
padding: 0 1rem;
|
||||
transform: skewX(-30deg);
|
||||
transform-origin: left bottom;
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
|
||||
.tab-content {
|
||||
border: 1px solid $mainBrandColor;
|
||||
border-radius: 4px;
|
||||
border-radius: $border-radius;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
|
||||
|
|
|
|||
|
|
@ -19,3 +19,11 @@ $secondBrandColor: var(--secondBrandColor);
|
|||
$textBrandColor: var(--textBrandColor);
|
||||
$textBrandColorLight: var(--textBrandColorLight);
|
||||
$textBrandHighlightColor: var(--textBrandHighlightColor);
|
||||
|
||||
$black: #000;
|
||||
$near-black: #2E2E2E;
|
||||
$white: #FFFFFF;
|
||||
$gray: #737373;
|
||||
$light-gray: lighten($gray, 52%);
|
||||
$medium-gray: lighten($gray, 35%);
|
||||
$dark-gray: darken($gray, 20%);
|
||||
|
|
@ -1,18 +1,4 @@
|
|||
|
||||
$black: #000;
|
||||
$near-black: #2E2E2E;
|
||||
$white: #FFFFFF;
|
||||
$gray: #737373;
|
||||
$light-gray: lighten($gray, 52%);
|
||||
$medium-gray: lighten($gray, 35%);
|
||||
$dark-gray: darken($gray, 20%);
|
||||
|
||||
@import "brand";
|
||||
@import "light";
|
||||
@import "light_syntax";
|
||||
@import "dark";
|
||||
@import "dark_syntax";
|
||||
|
||||
$backgroundColor: var(--backgroundColor);
|
||||
|
||||
$textColor: var(--textColor);
|
||||
Loading…
Reference in New Issue