1
0
mirror of https://github.com/arsenetar/arsenetar.github.io.git synced 2026-01-29 01:21:37 +00:00

Update blog style templates and configuration.

This commit is contained in:
2014-01-07 18:36:14 -05:00
parent 0d1a8bee77
commit d2fcf71162
21 changed files with 487 additions and 221 deletions

View File

@@ -13,14 +13,107 @@
}
}
#disqus_thread {
border-top: 1px solid $secondary-color;
border-bottom: 1px solid $secondary-color;
padding-top: 7px;
margin-bottom: 7px;
margin-top: 10px;
}
.social a{
i { display: none; }
}
.contain-to-grid {
border-bottom: 1px solid #e5e5e5;
}
.imageHeader {
padding: 0;
.imageCredit {
@include label(7px 16px, 0.7rem, rgba(0,0,0,0.5), 0px);
position: absolute;
color: darken(#fff, 10%);
right: 0;
bottom: 0;
a {
color: #fff;
}
}
}
.pageHeader {
border-bottom: 1px solid $secondary-color;
}
.content {
padding-left: 0.5rem;
padding-right: 0.5rem;
a {
text-decoration: underline;
}
}
.tag {
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.25rem 0.75rem;
font-size: 0.6875rem;
color: desaturate($primary-color, 20%);
background-color: $secondary-color;
@include border-radius($global-radius);
&:hover {
background-color: darken($secondary-color, 10%);
}
span {
@include border-radius($global-radius);
display: inline-block;
margin-left: 5px;
background-color: lighten($secondary-color, 5%);
padding: 2px 5px;
}
}
article {
header {
border-bottom: 1px dashed $secondary-color;
}
.content {
border-bottom: 1px dashed $secondary-color;
}
footer {
color: darken($secondary-color, 20%);
a {
color: desaturate($primary-color, 50%);
}
margin-bottom: 7px;
.meta {
display: block;
margin-top: 7px;
margin-bottom: 7px;
}
}
&.excerpt {
border-bottom: 1px solid $secondary-color;
margin-bottom: 7px;
padding-bottom: 7px;
header {
border-bottom: none;
}
.content {
border-bottom: none;
}
footer {
margin-bottom: 0;
}
}
}
@media #{$medium-up} {
.social a {
padding: 0 9px !important;
span { display: none; }
i { display: inline }
}
}
}

View File

@@ -1,24 +1,12 @@
.icon-mail:before { content: '\e80a'; } /* '' */
.icon-youtube:before { content: '\e804'; } /* '' */
.icon-ok:before { content: '\e814'; } /* '' */
.icon-cancel:before { content: '\e813'; } /* '' */
.icon-link-ext:before { content: '\e80b'; } /* '' */
.icon-bookmark:before { content: '\e80c'; } /* '' */
.icon-bookmark-empty:before { content: '\e80d'; } /* '' */
.icon-code:before { content: '\e80e'; } /* '' */
.icon-attention-alt:before { content: '\e811'; } /* '' */
.icon-attention:before { content: '\e810'; } /* '' */
.icon-attention-circled:before { content: '\e80f'; } /* '' */
.icon-mic:before { content: '\e815'; } /* '' */
.icon-videocam:before { content: '\e812'; } /* '' */
.icon-tasks:before { content: '\e816'; } /* '' */
.icon-dollar:before { content: '\e808'; } /* '' */
.icon-spinner:before { content: '\e807'; } /* '' */
.icon-terminal:before { content: '\e809'; } /* '' */
.icon-bitbucket:before { content: '\e805'; } /* '' */
.icon-github:before { content: '\e800'; } /* '' */
.icon-gplus:before { content: '\e801'; } /* '' */
.icon-html5:before { content: '\e806'; } /* '' */
.icon-linkedin:before { content: '\e803'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-fork:before { content: '\e817'; } /* '' */
.icon-bookmark:before { content: '\e80a'; } /* '' */
.icon-youtube:before { content: '\e800'; } /* '' */
.icon-code:before { content: '\e80b'; } /* '' */
.icon-up-big:before { content: '\e808'; } /* '' */
.icon-bitbucket:before { content: '\e807'; } /* '' */
.icon-css3:before { content: '\e806'; } /* '' */
.icon-bookmark-empty:before { content: '\e809'; } /* '' */
.icon-gplus:before { content: '\e804'; } /* '' */
.icon-html5:before { content: '\e803'; } /* '' */
.icon-linkedin:before { content: '\e802'; } /* '' */
.icon-twitter:before { content: '\e801'; } /* '' */
.icon-github:before { content: '\e805'; } /* '' */

View File

@@ -1,7 +1,6 @@
.highlight{
font-size: rem-calc(14px);
padding: 0;
background-color: lighten($secondary-color, 8%);
font-family: 'Source Code Pro', 'Consolas', Monaco, monospace;
overflow: auto;
margin-bottom: rem-calc(16px);
@@ -9,43 +8,16 @@
tab-size: 4;
white-space: pre;
font-family: inherit;
counter-reset: line-numbering;
border: solid 1px #d9d9d9;
background-color: lighten($secondary-color, 5%);
border-radius: 0;
background: #fff;
padding: rem-calc(3px);
padding-left: rem-calc(5px);
line-height: 23px;
overflow-x: auto;
word-break: inherit;
word-wrap: inherit;
a {
&::before {
content: counter(line-numbering);
counter-increment: line-numbering;
padding-right: 1em; /* space after numbers */
width: 25px;
text-align: right;
opacity: 0.7;
display: inline-block;
color: #aaa;
background: #eee;
margin-right: 16px;
padding: 2px 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
&:first-of-type::before {
padding-top: 10px;
}
&:last-of-type::before {
padding-bottom: 10px;
}
&:only-of-type::before {
padding: 10px;
code {
&.text {
color: #555;
}
}
}