Skip to content

Instantly share code, notes, and snippets.

@ciaranha
Created August 7, 2015 15:13
Show Gist options
  • Save ciaranha/75ba3d053485c7360095 to your computer and use it in GitHub Desktop.
Save ciaranha/75ba3d053485c7360095 to your computer and use it in GitHub Desktop.
blog sass before cleanup
.posts-list .container, .single-post main .container {
width: 40em;
}
.posts-list {
text-align: left;
margin-top: $base-padding;
padding: 0;
.posts {
float: left;
width: 100%;
padding-bottom: $base-blog-padding * 2;
}
article {
padding: 0 0 $base-blog-padding;
margin: 0 0 $base-blog-padding;
}
h2 {
margin: 0 0 0.5em;
line-height: 1.3em;
a {
text-decoration: none;
color: $base-header-color;
&:hover {
color:lighten($base-header-color, 40%);
text-decoration: underline;
}
}
}
.read-more {
color: $blue;
text-decoration: none;
font-size: 14px;
margin-top: 1.5em;
display: table;
}
}
.sidebar {
float: right;
width: 28%;
text-align: left;
margin-top: 0;
a {
text-decoration: none;
color: #666;
&:hover {
color: #333;
border: none;
}
}
h2 {
font-size: 22px;
}
.widget {
margin-bottom: $base-padding / 2;
}
.textwidget {
@extend p;
}
section {
text-align: left;
padding: 0 0 1.618em;
}
ul {
padding: 0;
}
li {
list-style: none;
text-align: left;
padding: 0.8em 0;
margin: -1px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
font-size: 0.8em;
}
}
.pager {
.next-posts {
float: left;
}
.prev-posts {
float: right;
}
a {
text-decoration: none;
color: #666;
&:visited {
color: #888;
}
&:hover {
color: #333;
border: none;
}
}
}
.blog-post {
text-align: left;
float: left;
width: 100%;
padding-bottom: 2em;
h2 {
margin: 50px 0 25px;
& b, & strong {
font-weight: normal;
}
}
h3 {
margin: 20px 0 15px;
}
h1 {
font-weight: normal;
& b {
font-weight: normal;
}
}
& div + p {
padding-top: $base-blog-padding;
}
p {
font-weight: 300;
line-height: 1.8em;
}
.meta {
margin: 1em 0 0;
}
.title {
margin-bottom: 0;
font-weight: 400;
}
img {
display: block;
margin: 1em auto $base-blog-padding;
&.alignleft {
float: left;
margin: 1em 1.2em 1em 0;
}
&.aligncenter {
display: block;
margin: 1em auto $base-blog-padding
}
&.alignright {
float: right;
margin: 1em 0 1em 1.2em;
}
}
ul {
font-weight: 300;
line-height: 1.5em;
li {
font-weight: 300;
line-height: 1.5em;
}
}
+ aside.sidebar {
float: right;
width: 28%;
text-align: left;
margin-top: 0em;
}
}
.author-bio {
border-bottom: 1px solid $base-background-color;
overflow: hidden;
margin: 0 0 $base-blog-padding * 2;
padding: 0 $base-blog-padding / 2 $base-blog-padding 0;
img {
border-radius: 50%;
float: right;
}
h2 {
margin: 0 0 $base-blog-padding / 2;
}
p {
margin: 0;
}
}
.author-description {
margin-right: 134px;
}
.meta {
color: $base-body-color;
overflow: hidden;
font-size: 15px;
margin-top: 25px;
a {
color:$base-body-color;
}
img {
border-radius: 50%;
float: left;
margin: 0 12px 0 0;
}
p {
font-size: .9em;
line-height: 24px;
float: left;
margin: 0;
height: 24px;
}
span {
color: $base-body-color;
margin-left: 8px;
}
}
#mc-indicates-required {
display: none;
}
#mc_signup_submit {
float: right;
background: transparent;
border: 1px solid #adadad;
border-radius: 4px;
color: #2BACD2;
font: bold 11px/30px "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
display: inline-block;
height: 30px;
padding: 0 15px;
width: auto !important;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
&:hover {
color: #5e5e5e;
border: 1px solid #adadad;
}
&:hover {
background: #2BACD2;
border-color: #2BACD2;
color: #FFF;
}
&:active,
&.active {
background: #f1f4f5;
border: 1px solid #adadad;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
}
.single-post {
margin-top: $base-padding;
}
.all-posts {
margin-top: $base-blog-padding * 2;
display: table;
}
.recent-posts {
border-top: 1px solid $base-background-color;
margin-top: $base-blog-padding ;
padding-top: $base-blog-padding;
overflow: auto;
.recent-post {
margin: $base-blog-padding 0;
}
}
.newsletter-signup {
overflow: auto;
display: block;
.posts-list & {
border-bottom: 1px solid $base-background-color;
padding: 0 0 $base-blog-padding;
margin: 0 0 $base-blog-padding * 2;
}
.single-post &.newsletter-bottom {
padding: $base-blog-padding / 4 0 $base-blog-padding * 2;
margin: $base-blog-padding 0 0;
border-top: 1px solid $base-background-color;
}
.single-post &.newsletter-top {
padding: 0 0 $base-blog-padding;
margin: 0 0 $base-blog-padding;
border-bottom: 1px solid $base-background-color;
}
h2 {
font-size: 22px;
margin-bottom: 0;
}
input {
margin-right: -40px;
margin-top: $base-spacing / 3;
float: left;
&.hs-input {
padding-right: 40px;
}
}
}
//show blog menu-item on blog pages
li.show-on-blog {
display: none !important;
}
.blog li.show-on-blog, .single li.show-on-blog {
display: block !important;
}
.single li.show-on-blog {
display: block !important;
}
li.hide-on-blog {
display: block !important;
}
.blog li.hide-on-blog, .single li.hide-on-blog {
display: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment