284 lines
4 KiB
SCSS
284 lines
4 KiB
SCSS
/* ----------------------------- */
|
|
/* ==WordPress reset */
|
|
/* ----------------------------- */
|
|
|
|
/*
|
|
Author: Geoffrey Crofte, Alsacréations
|
|
Contributors: Automattic, Geoffrey Crofte
|
|
Description: Reset styles for WordPress usage of KNACSS
|
|
*/
|
|
|
|
/* ----------------------------- */
|
|
/* ==Menus */
|
|
/* ----------------------------- */
|
|
|
|
// current menu elements
|
|
.current_page_item > a {
|
|
}
|
|
.current-menu-item > a {
|
|
}
|
|
.current_page_ancestor > a {
|
|
}
|
|
|
|
// blocks of content navigation
|
|
.comment-navigation,
|
|
.paging-navigation,
|
|
.post-navigation {
|
|
margin: 0 0 1.5em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.comment-navigation .nav-previous,
|
|
.paging-navigation .nav-previous,
|
|
.post-navigation .nav-previous {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
.comment-navigation .nav-next,
|
|
.paging-navigation .nav-next,
|
|
.post-navigation .nav-next {
|
|
float: right;
|
|
text-align: right;
|
|
width: 50%;
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Alignments */
|
|
/* ----------------------------- */
|
|
|
|
// class in img elements
|
|
.alignnone {
|
|
margin: .25em 1.5em 1.5em 0;
|
|
}
|
|
|
|
.aligncenter {
|
|
clear: both;
|
|
display: block;
|
|
margin: 1.5em auto;
|
|
}
|
|
|
|
.alignleft {
|
|
float: left;
|
|
margin: 0 1.5em .25em 0;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
margin: 0 0 .25em 1.5em;
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Clearings */
|
|
/* ----------------------------- */
|
|
|
|
.entry-content,
|
|
.comment-content {
|
|
clear: both;
|
|
|
|
&::after, &::before {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Widgets */
|
|
/* ----------------------------- */
|
|
|
|
.widget + .widget {
|
|
margin: 1.5em 0 0;
|
|
}
|
|
|
|
// usage example:
|
|
.widget select {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Posts and pages */
|
|
/* ----------------------------- */
|
|
|
|
/* === 5.1 Posts - post_class === */
|
|
|
|
// featured content
|
|
.sticky {
|
|
}
|
|
|
|
// attachment post
|
|
.attachment {
|
|
}
|
|
|
|
// format of post
|
|
.format- {
|
|
&aside {
|
|
}
|
|
&gallery {
|
|
}
|
|
&link {
|
|
}
|
|
&image {
|
|
}
|
|
"e {
|
|
}
|
|
&status {
|
|
}
|
|
&video {
|
|
}
|
|
&chat {
|
|
}
|
|
}
|
|
|
|
// class for a tag
|
|
.tag- {
|
|
&name-of-tag {
|
|
}
|
|
}
|
|
|
|
// class for categorie
|
|
.category- {
|
|
&name-of-category {
|
|
}
|
|
}
|
|
|
|
/* === 5.2 Pages - body_class === */
|
|
|
|
// front page
|
|
.home {
|
|
// if display posts
|
|
&.blog {
|
|
}
|
|
// if static page
|
|
&.page {
|
|
}
|
|
}
|
|
|
|
// page displays posts
|
|
.blog {
|
|
// if is frontpage
|
|
&.home {
|
|
}
|
|
// if static page
|
|
&.page {
|
|
}
|
|
}
|
|
|
|
// simple page
|
|
.page {
|
|
}
|
|
|
|
// page of single post
|
|
.single {
|
|
}
|
|
|
|
// page of archives
|
|
.archive {
|
|
}
|
|
|
|
// page of search
|
|
.search {
|
|
// if has results
|
|
.search-results {
|
|
}
|
|
// if has no results
|
|
.search-no-results {
|
|
}
|
|
}
|
|
|
|
// page 404
|
|
.error404 {
|
|
}
|
|
|
|
// user logged in
|
|
.logged-in {
|
|
}
|
|
|
|
// text direction if right-to-left
|
|
// prefer rtl.css: http://codex.wordpress.org/Right-to-Left_Language_Support
|
|
.rtl {
|
|
}
|
|
|
|
/* === 5.3 Posts and Pages - Contents === */
|
|
|
|
.hentry {
|
|
margin: 0 0 1.5em;
|
|
}
|
|
|
|
.page-content,
|
|
.entry-content,
|
|
.entry-summary {
|
|
margin: 1.5em 0 0;
|
|
}
|
|
|
|
.page-links {
|
|
clear: both;
|
|
margin: 0 0 1.5em;
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Comments */
|
|
/* ----------------------------- */
|
|
|
|
.comment-content a {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.bypostauthor {
|
|
// some make-the-logo-bigger styles
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Media */
|
|
/* ----------------------------- */
|
|
|
|
img.wp-smiley {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Captions */
|
|
/* ----------------------------- */
|
|
|
|
.wp-caption {
|
|
max-width: 100%;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.wp-caption img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.wp-caption-text {
|
|
margin: 1em 0;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ----------------------------- */
|
|
/* ==Galleries */
|
|
/* ----------------------------- */
|
|
|
|
.gallery {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.gallery-item {
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
|
|
@for $i from 2 through 9 {
|
|
.gallery-columns-#{$i} & {
|
|
$w: floor(10000/$i)/100;
|
|
max-width: unquote($w + '%');
|
|
}
|
|
}
|
|
}
|
|
|
|
.gallery-caption {
|
|
display: block;
|
|
}
|