Move CSS and JS back into assets

This commit is contained in:
Oliver Davies 2017-11-07 13:04:59 +00:00
parent 1882a48617
commit a4ce3df63c
10 changed files with 2 additions and 2 deletions

View file

@ -0,0 +1,17 @@
.nav-item {
.black-70;
.dib;
.f6;
.link;
.ml3;
.pv3;
&:first-child { .ml0 }
}
.nav-item--active {
.b--blue;
.bb;
.black;
.bw1;
}

View file

@ -0,0 +1,68 @@
pre {
.db;
.overflow-auto;
word-break: normal;
word-wrap: no-wrap;
}
pre[class*="language-"] { .bn; .br0 }
pre code,
p code {
font-size: .8125rem;
}
pre code,
pre code.hljs,
.hljs {
.db;
.pa3;
.bl;
.bw2;
.b--black-40;
.mv2;
background: #eee;
}
p,
li {
code {
background: #eee;
padding: 1px 3px;
}
}
pre code {
.pre;
word-break: normal;
}
pre code .number {
.h-auto;
.mr0;
.pa0;
background-color: inherit;
font-size: inherit;
min-width: auto;
}
code.hljs {
.pa0;
background-color: inherit;
}
code[data-gist-id] {
.pa0;
background: transparent;
}
.note {
.bg-light-blue;
.bl;
.b--blue;
.bw2;
.pa3;
p:first-child { .mt0; }
p:last-child { .mb0; }
}

View file

@ -0,0 +1,23 @@
.video { padding-top: 56.25% }
.video iframe,
.video embed {
.absolute;
.h-100;
.left-0;
.top-0;
.w-100;
}
.slides {
background-image: url('../images/loading.gif');
min-height: 275px;
@media @breakpoint-medium {
min-height: 460px;
}
@media @breakpoint-large {
min-height: 540px;
}
}

49
assets/less/main.less Normal file
View file

@ -0,0 +1,49 @@
@import (less) "~font-awesome/css/font-awesome.css";
@import (less) "~highlightjs/styles/github-gist.css";
@import "~tachyons-less/less/_colors";
@blue: #0678be;
@import "~tachyons-less/tachyons";
p,
li,
td {
a { color: @blue }
}
.button {
.bg-blue;
.bn;
.br2;
.dib;
.dim;
.link;
.no-underline;
.ph3;
.pv2;
.white-90;
&:hover {
background: darken(@blue, 10%);
cursor: pointer;
}
}
blockquote {
.ma0;
.pl3;
.bl;
.bw2;
.b--blue;
}
img.with-border {
.ba;
.b--silver;
}
@import "components/nav";
@import "components/post";
@import "components/talk";