21813059f2
2. Added updated instructions to the README 3. Removed unused media css directories 4. Improved use of color variables for page theming. 5. Improved Typography and blog styling. 6. Added support for simple pre and code styles 7. Misc styling and markup improvements.
89 lines
2.1 KiB
SCSS
89 lines
2.1 KiB
SCSS
$border: inline-image('dotted-border.png');
|
|
#articles {
|
|
@media only screen and (max-width: 992px) {
|
|
ul, ol { margin-left: 1.4em; }
|
|
}
|
|
> article {
|
|
padding-bottom: 1em;
|
|
&:last-child { margin-bottom: 0; border-bottom: none; }
|
|
h2 {
|
|
padding-top: 0.8em;
|
|
background: $border top left repeat-x;
|
|
&:first-child {
|
|
background: none;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
.byline + time:before, .byline + time +time:before {
|
|
content: "\2022 ";
|
|
padding: 0 .3em 0 .2em;
|
|
display: inline-block;
|
|
@include opacity(.5);
|
|
}
|
|
header {
|
|
padding-top: 2em;
|
|
margin-bottom: 1.5em;
|
|
padding-bottom: 1.5em;
|
|
background: $border bottom left repeat-x;
|
|
h1 {
|
|
margin: 0;
|
|
a { text-decoration: none;
|
|
&:hover { text-decoration: underline; } }
|
|
}
|
|
p {
|
|
font-size: .9em;
|
|
color: $type-color-light;
|
|
border: none;
|
|
padding-top: 0;
|
|
margin: 0;
|
|
font-style: italic;
|
|
@extend .sans;
|
|
}
|
|
}
|
|
.entry-content {
|
|
img, video { max-width: 100%; height: auto; }
|
|
video { display: block; margin-bottom: 1.5em;
|
|
padding: .8em; background: #fff; border: 1px solid #eee;
|
|
@include box-sizing(border-box);
|
|
}
|
|
.flash-video {
|
|
max-width: 100%;
|
|
padding: .8em; background: #fff; border: 1px solid #eee;
|
|
> div {
|
|
position: relative;
|
|
display: block;
|
|
padding-bottom: 56.25%;
|
|
padding-top: 1px;
|
|
height: 0;
|
|
overflow: hidden;
|
|
iframe, object, embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
header.feature h1 {
|
|
font-size: 2.0em; font-style: italic;
|
|
line-height: 1.3em;
|
|
}
|
|
#disqus_thread { }
|
|
.meta {
|
|
border-bottom: 1px dashed #dddddd;
|
|
text-transform: uppercase;
|
|
color: #777777;
|
|
padding: 8px 0 5px;
|
|
margin-bottom: 1.5em;
|
|
font-size: 75%;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.footer {
|
|
padding-top: 15px;
|
|
}
|
|
}
|
|
}
|