enabled nucleus compilation for wordpress, basic wp core styling for nucleus

This commit is contained in:
Jakub Baran
2015-07-18 17:08:03 +02:00
parent 7dabeab2bd
commit 90f5648dd2
6 changed files with 225 additions and 2 deletions
+102
View File
@@ -0,0 +1,102 @@
.size-100 {
width: 100%;
}
.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;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 96%;
/* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/*# sourceMappingURL=wordpress.css.map */
@@ -0,0 +1,18 @@
// REQUIRED DEPENDENCIES - DO NOT CHANGE
// Load Third Party Libraries
@import "vendor/bourbon/bourbon";
// Load Nucleus Configuration
@import "configuration/nucleus/base";
// Load Nucleus Mixins and Functions
@import "nucleus/functions/base";
@import "nucleus/mixins/base";
//-------------------------------------------
// WORDPRESS
@import "wordpress/utilities";
@import "wordpress/captions";
@import "wordpress/screen-readers";
@@ -0,0 +1,34 @@
// Captions
.wp-caption {
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;
}
.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
}
@@ -0,0 +1,28 @@
// Screen Readers
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
@@ -0,0 +1,41 @@
// Alignments
.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;
}
a {
img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
img.alignnone {
margin: 5px 20px 20px 0;
}
img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
}
Vendored
+2 -2
View File
@@ -91,12 +91,12 @@ paths = {
in: './engines/joomla/nucleus/scss/joomla.scss',
out: './engines/joomla/nucleus/css-compiled/joomla.css',
load: './engines/common/nucleus/scss'
}/* not used right now,
},
{ // nucleus - wordpress
in: './engines/wordpress/nucleus/scss/wordpress.scss',
out: './engines/wordpress/nucleus/css-compiled/wordpress.css',
load: './engines/common/nucleus/scss'
}*/
}
],
minify: [
{ // google fonts