diff --git a/engines/wordpress/nucleus/css-compiled/wordpress.css b/engines/wordpress/nucleus/css-compiled/wordpress.css new file mode 100644 index 000000000..87bc1dbe6 --- /dev/null +++ b/engines/wordpress/nucleus/css-compiled/wordpress.css @@ -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 */ \ No newline at end of file diff --git a/engines/wordpress/nucleus/scss/wordpress.scss b/engines/wordpress/nucleus/scss/wordpress.scss index e69de29bb..74b28687d 100644 --- a/engines/wordpress/nucleus/scss/wordpress.scss +++ b/engines/wordpress/nucleus/scss/wordpress.scss @@ -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"; diff --git a/engines/wordpress/nucleus/scss/wordpress/_captions.scss b/engines/wordpress/nucleus/scss/wordpress/_captions.scss new file mode 100644 index 000000000..2d01b1801 --- /dev/null +++ b/engines/wordpress/nucleus/scss/wordpress/_captions.scss @@ -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; + } +} diff --git a/engines/wordpress/nucleus/scss/wordpress/_screen-readers.scss b/engines/wordpress/nucleus/scss/wordpress/_screen-readers.scss new file mode 100644 index 000000000..253d7196c --- /dev/null +++ b/engines/wordpress/nucleus/scss/wordpress/_screen-readers.scss @@ -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. */ +} diff --git a/engines/wordpress/nucleus/scss/wordpress/_utilities.scss b/engines/wordpress/nucleus/scss/wordpress/_utilities.scss new file mode 100644 index 000000000..40617cba5 --- /dev/null +++ b/engines/wordpress/nucleus/scss/wordpress/_utilities.scss @@ -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 + } +} diff --git a/gulpfile.js b/gulpfile.js index be3042e2a..7d7dced31 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -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