Initial commit
This commit is contained in:
commit
edb5816892
30 changed files with 534 additions and 0 deletions
BIN
assets/static/images/avatar.png
Normal file
BIN
assets/static/images/avatar.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 118 KiB |
20
assets/static/sass/_blog.scss
Normal file
20
assets/static/sass/_blog.scss
Normal file
|
@ -0,0 +1,20 @@
|
|||
body.blog {
|
||||
&.post {
|
||||
article {
|
||||
h1 {
|
||||
font-size: 1.8em;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
.info {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.content {
|
||||
margin-top: 1em;
|
||||
|
||||
&.md {
|
||||
img { margin: 0 auto; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
48
assets/static/sass/_grid.scss
Normal file
48
assets/static/sass/_grid.scss
Normal file
|
@ -0,0 +1,48 @@
|
|||
* {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
$pad: 20px;
|
||||
|
||||
.grid {
|
||||
background: white;
|
||||
margin: 0 0 $pad 0;
|
||||
|
||||
&:after {
|
||||
/* Or @extend clearfix */
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
[class*='col-'] {
|
||||
float: left;
|
||||
padding-right: $pad;
|
||||
.grid &:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
.col-2-3 {
|
||||
width: 66.66%;
|
||||
}
|
||||
.col-1-3 {
|
||||
width: 33.33%;
|
||||
}
|
||||
.col-1-2 {
|
||||
width: 50%;
|
||||
}
|
||||
.col-1-4 {
|
||||
width: 25%;
|
||||
}
|
||||
.col-1-8 {
|
||||
width: 12.5%;
|
||||
}
|
||||
|
||||
/* Opt-in outside padding */
|
||||
.grid-pad {
|
||||
padding: $pad 0 $pad $pad;
|
||||
[class*='col-']:last-of-type {
|
||||
padding-right: $pad;
|
||||
}
|
||||
}
|
57
assets/static/sass/_layout.scss
Normal file
57
assets/static/sass/_layout.scss
Normal file
|
@ -0,0 +1,57 @@
|
|||
body {
|
||||
font-family: 'Antic Slab';
|
||||
font-size: 20px;
|
||||
line-height: 1.5em
|
||||
}
|
||||
|
||||
.center {
|
||||
margin: 0 auto;
|
||||
max-width: 920px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underilne;
|
||||
//color: inherit !important;
|
||||
color: #c24e4a;
|
||||
//color: #3da3b7;
|
||||
}
|
||||
|
||||
img { max-width: 100%; }
|
||||
|
||||
header {
|
||||
h1 { margin-bottom: 0; font-size: 1.5em; text-align: right; }
|
||||
|
||||
h2 {
|
||||
font-size: 0.8em;
|
||||
font-weight: normal;
|
||||
margin-top: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
nav.main-menu {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: 0.7em;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
hr.light {
|
||||
border: 0px;
|
||||
margin: 1em 0 1em 0;
|
||||
border-top: #CCC 1px solid;
|
||||
}
|
||||
|
||||
p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
6
assets/static/sass/_mediaqueries.scss
Normal file
6
assets/static/sass/_mediaqueries.scss
Normal file
|
@ -0,0 +1,6 @@
|
|||
$desktop: "(max-width: 992px)";
|
||||
$until-desktop: "(min-width: 768px)";
|
||||
$tablet: "(max-width: 768px)";
|
||||
$until-tablet: "(min-width: 768px)";
|
||||
$mobile: "(max-width: 480px)";
|
||||
$until-mobile: "(min-width: 480px)";
|
5
assets/static/sass/_mixins.scss
Normal file
5
assets/static/sass/_mixins.scss
Normal file
|
@ -0,0 +1,5 @@
|
|||
@mixin box-sizing($type) {
|
||||
-webkit-box-sizing: $type;
|
||||
-moz-box-sizing: $type;
|
||||
box-sizing: $type;
|
||||
}
|
84
assets/static/sass/_syntax.sass
Normal file
84
assets/static/sass/_syntax.sass
Normal file
|
@ -0,0 +1,84 @@
|
|||
pre .str, code .str
|
||||
color: #65b042
|
||||
|
||||
pre .kwd, code .kwd
|
||||
color: #e28964
|
||||
|
||||
pre .com, code .com
|
||||
color: #aeaeae
|
||||
font-style: italic
|
||||
|
||||
pre .typ, code .typ
|
||||
color: #89bdff
|
||||
|
||||
pre .lit, code .lit
|
||||
color: #3387cc
|
||||
|
||||
pre .pun, code .pun, pre .pln, code .pln
|
||||
color: #fff
|
||||
|
||||
pre .tag, code .tag
|
||||
color: #89bdff
|
||||
|
||||
pre .atn, code .atn
|
||||
color: #bdb76b
|
||||
|
||||
pre .atv, code .atv
|
||||
color: #65b042
|
||||
|
||||
pre .dec, code .dec
|
||||
color: #3387cc
|
||||
|
||||
pre.prettyprint, code.prettyprint
|
||||
background-color: #242424
|
||||
border: 0 !important
|
||||
-moz-border-radius: 0
|
||||
-webkit-border-radius: 0
|
||||
-o-border-radius: 0
|
||||
-ms-border-radius: 0
|
||||
-khtml-border-radius: 0
|
||||
border-radius: 0
|
||||
|
||||
pre.prettyprint
|
||||
font-size: 84%
|
||||
line-height: 120%
|
||||
width: auto
|
||||
margin: 1em auto
|
||||
padding: 12px !important
|
||||
white-space: pre-wrap
|
||||
font-size: 86%
|
||||
|
||||
ol.linenums
|
||||
margin-top: 0
|
||||
margin-bottom: 0
|
||||
color: #aeaeae
|
||||
|
||||
li
|
||||
&.L0, &.L1, &.L2, &.L3, &.L5, &.L6, &.L7, &.L8
|
||||
list-style-type: none
|
||||
|
||||
@media print
|
||||
pre .str, code .str
|
||||
color: #060
|
||||
pre .kwd, code .kwd
|
||||
color: #006
|
||||
font-weight: bold
|
||||
pre .com, code .com
|
||||
color: #600
|
||||
font-style: italic
|
||||
pre .typ, code .typ
|
||||
color: #404
|
||||
font-weight: bold
|
||||
pre .lit, code .lit
|
||||
color: #044
|
||||
pre .pun, code .pun
|
||||
color: #440
|
||||
pre .pln, code .pln
|
||||
color: #000
|
||||
pre .tag, code .tag
|
||||
color: #006
|
||||
font-weight: bold
|
||||
pre .atn, code .atn
|
||||
color: #404
|
||||
pre .atv, code .atv
|
||||
color: #060
|
6
assets/static/sass/style.scss
Normal file
6
assets/static/sass/style.scss
Normal file
|
@ -0,0 +1,6 @@
|
|||
@import "./mediaqueries";
|
||||
@import "./mixins";
|
||||
@import "./grid";
|
||||
@import "./layout";
|
||||
@import "./blog";
|
||||
@import "./syntax";
|
Loading…
Add table
Add a link
Reference in a new issue