Skip to content

Instantly share code, notes, and snippets.

@aaroncalderon
Created October 28, 2020 16:27
Show Gist options
  • Save aaroncalderon/b10af14bd47e1df75f1b8435f33f6f31 to your computer and use it in GitHub Desktop.
Save aaroncalderon/b10af14bd47e1df75f1b8435f33f6f31 to your computer and use it in GitHub Desktop.
Custom vscode preview style.
body {
font-family: Segoe WPC, Segoe UI, SFUIText-Light, HelveticaNeue-Light, sans-serif;
font-size: .65em;
padding-left: 12px;
line-height: 1.2em
}
h1 {
font-size: 1.5em;
/*line-height: 1.1em*/
}
h2 {
font-size: 1.4em;
/*line-height: 1em*/
}
h3 {
font-size: 1.3em;
/*line-height: .9em*/
}
img {
max-width: 100%;
max-height: 100%
}
a {
color: #4080d0;
text-decoration: none
}
a:focus,
input:focus,
select:focus,
textarea:focus {
outline: 1px solid -webkit-focus-ring-color;
outline-offset: -1px
}
hr {
border: 0;
height: 2px;
border-bottom: 2px solid
}
h1 {
padding-bottom: .3em;
line-height: 1.2em;
border-bottom-width: 1px;
border-bottom-style: solid
}
h3:after, h2:after {
content: " ";
padding-bottom: .3em;
line-height: 1.2em;
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
width: 75%;
}
h3:after {
width: 50%;
}
h1,
h2,
h3 {
font-weight: 400
}
a:hover {
color: #4080d0;
text-decoration: underline
}
table {
border-collapse: collapse
}
th, table>thead>tr>th {
text-align: left;
border-bottom: 1px solid
}
td, th,
table>tbody>tr>td,
table>tbody>tr>th,
table>thead>tr>td,
table>thead>tr>th {
padding: 5px 10px
}
td, table>tbody>tr+tr>td {
border-top: 1px solid
}
TH {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
padding: 0px;
border-style: solid;
border-color: black;
padding: 4px 8px;
}
TD {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
padding: 0px;
border-style: solid;
border-color: black;
padding: 4px 8px;
}
blockquote {
margin: 0 0 0 5px;
padding-left: 10px;
border-left: 5px solid
}
code {
font-family: Menlo, Monaco, Consolas, Droid Sans Mono, Courier New, monospace, Droid Sans Fallback;
font-size: .8em;
line-height: .9em;
}
.mac code {
font-size: .8em;
line-height: 1em;
}
code>div {
padding: 16px;
border-radius: 3px;
overflow: auto
}
.vs {
color: #1e1e1e
}
.vs code {
color: #a31515
}
.vs-dark code {
color: #d7ba7d
}
.vs code>div {
background-color: hsla(0, 0%, 86%, .4)
}
.vs table>thead>tr>th {
border-color: rgba(0, 0, 0, .69)
}
.vs h1,
.vs hr,
.vs table>tbody>tr+tr>td {
border-color: rgba(0, 0, 0, .18)
}
.vs-dark blockquote,
.vs blockquote {
background: hsla(0, 0%, 50%, .1);
border-color: rgba(0, 122, 204, .5)
}
/* table zebra styling */
/* only for the heading row */
thead tr:nth-of-type(odd){
background:rgba(255,150,0,.5);
}
/* columns */
tbody td:nth-of-type(odd),
thead th:nth-of-type(even){
background:rgba(255,255,136,0.5);
}
/* rows */
tbody tr:nth-of-type(odd){
background:rgba(255,255,136,0.5);
}
/*
tbody tr:nth-of-type(odd),
thead th:nth-of-type(odd){
background:rgba(255,255,136,0.5);
}
tbody tr:nth-of-type(odd){
background:rgba(255,255,136,0.5);
}*/
thead {display: table-header-group;}
tfoot {display: table-header-group;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment