Skip to content

Instantly share code, notes, and snippets.

@lgladdy
Created April 13, 2014 19:02
Show Gist options
  • Save lgladdy/10597478 to your computer and use it in GitHub Desktop.
Save lgladdy/10597478 to your computer and use it in GitHub Desktop.
WordPress Core Styles in SASS
/* =WordPress Core - Sassified.
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a {
img {
&.alignright {
float: right;
margin: 5px 0 20px 20px;
}
&.alignnone {
margin: 5px 20px 20px 0;
}
&.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
&.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
}
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
&.alignnone {
margin: 5px 20px 20px 0;
}
&.alignleft {
margin: 5px 20px 20px 0;
}
&.alignright {
margin: 5px 0 20px 20px;
}
img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment