Issue #34 - update build for oik-content block

bobbingwide · Oct 26, 2020 · 020e079 · 020e079
1 parent 9fa9c82
commit 020e079
Show file tree

Hide file tree

Showing 3 changed files with 823 additions and 534 deletions.
diff --git a/blocks/build/css/blocks.editor.css b/blocks/build/css/blocks.editor.css
@@ -1,14 +1,142 @@
-.wp-block-oik-block-github .my-content{border:1px transparent solid;padding:4px 8px;margin:-4px -8px}.wp-block-oik-block-github .is-selected .my-content,.wp-block-oik-block-github .my-content:focus{border:1px #f7b733 dashed;background:rgba(255,255,255,0.8)}.wp-block-oik-block-github .is-selected .my-content:hover,.wp-block-oik-block-github .my-content:focus{border:1px #f7b733 solid}
-.wp-block-oik-block-address .my-content{border:1px transparent solid;padding:4px 8px;margin:-4px -8px}.wp-block-oik-block-address .is-selected .my-content,.wp-block-oik-block-address .my-content:focus{border:1px #f7b733 dashed;background:rgba(255,255,255,0.8)}.wp-block-oik-block-address .is-selected .my-content:hover,.wp-block-oik-block-address .my-content:focus{border:1px #f7b733 solid}
-.wp-block-oik-block-googlemap .my-content{border:1px transparent solid;padding:4px 8px;margin:-4px -8px}.wp-block-oik-block-googlemap .is-selected .my-content,.wp-block-oik-block-googlemap .my-content:focus{border:1px #f7b733 dashed;background:rgba(255,255,255,0.8)}.wp-block-oik-block-googlemap .is-selected .my-content:hover,.wp-block-oik-block-googlemap .my-content:focus{border:1px #f7b733 solid}
-.wp-block-oik-block-person .my-content{border:1px transparent solid;padding:4px 8px;margin:-4px -8px}.wp-block-oik-block-person .is-selected .my-content,.wp-block-oik-block-person .my-content:focus{border:1px #f7b733 dashed;background:rgba(255,255,255,0.8)}.wp-block-oik-block-person .is-selected .my-content:hover,.wp-block-oik-block-person .my-content:focus{border:1px #f7b733 solid}
-.wp-block-oik-block-contact-form p{border:1px transparent solid;padding:4px 8px;margin:-4px -8px;background-color:#f5f5f5}.wp-block-oik-block-contact-form .is-selected .my-content,.wp-block-oik-block-contact-form .my-content:focus{border:1px #f7b733 dashed;background:rgba(255,255,255,0.8)}.wp-block-oik-block-contact-form .is-selected .my-content:hover,.wp-block-oik-block-contact-form .my-content:focus{border:1px #f7b733 solid}
-.wp-block-oik-block-follow-me .my-content{border:1px transparent solid;padding:4px 8px;margin:-4px -8px}.wp-block-oik-block-follow-me .is-selected .my-content,.wp-block-oik-block-follow-me .my-content:focus{border:1px #f7b733 dashed;background:rgba(255,255,255,0.8)}.wp-block-oik-block-follow-me .is-selected .my-content:hover,.wp-block-oik-block-follow-me .my-content:focus{border:1px #f7b733 solid}
-.wp-block-oik-block-countdown .my-content{border:1px transparent solid;padding:4px 8px;margin:-4px -8px}
-.wp-block-oik-block-nivo .my-content{border:1px transparent solid;padding:4px 8px;margin:-4px -8px}.wp-block-oik-block-nivo .is-selected .my-content,.wp-block-oik-block-nivo .my-content:focus{border:1px #f7b733 dashed;background:rgba(255,255,255,0.8)}.wp-block-oik-block-nivo .is-selected .my-content:hover,.wp-block-oik-block-nivo .my-content:focus{border:1px #f7b733 solid}
-.wp-block-oik-block-css .blocks-plain-text{-ms-flex:1 0 0%;flex:1 0 0%;padding:4px 8px;border:1px solid #e2e4e7;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:13px}.wp-block-oik-block-css .blocks-plain-text:focus{border:1px solid #555d66}
-.wp-block-oik-block-csv .blocks-plain-text{-ms-flex:1 0 0%;flex:1 0 0%;padding:4px 8px;border:1px solid #e2e4e7;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:13px}.wp-block-oik-block-csv .blocks-plain-text:focus{border:1px solid #555d66}
-.wp-block-oik-block-shortcode-block .blocks-plain-text{-ms-flex:1 0 0%;flex:1 0 0%;padding:4px 8px;border:1px solid #e2e4e7;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:13px}.wp-block-oik-block-shortcode-block .blocks-plain-text:focus{border:1px solid #555d66}
-.wp-block-oik-block-blockicon .is-style-svg64 svg{width:64px;height:64px;max-height:64px;max-width:64px}
-.wp-block-oik-block-blockicon .is-style-svg64 svg{width:64px;height:64px;max-height:64px;max-width:64px}
-.wp-block-oik-block-blocklist pre{font-size:10px}
+.wp-block-oik-block-github .my-content {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px; }
+
+.wp-block-oik-block-github .is-selected .my-content,
+.wp-block-oik-block-github .my-content:focus {
+  border: 1px #f7b733 dashed;
+  background: rgba(255, 255, 255, 0.8); }
+
+.wp-block-oik-block-github .is-selected .my-content:hover,
+.wp-block-oik-block-github .my-content:focus {
+  border: 1px #f7b733 solid; }
+.wp-block-oik-block-address .my-content {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px; }
+
+.wp-block-oik-block-address .is-selected .my-content,
+.wp-block-oik-block-address .my-content:focus {
+  border: 1px #f7b733 dashed;
+  background: rgba(255, 255, 255, 0.8); }
+
+.wp-block-oik-block-address .is-selected .my-content:hover,
+.wp-block-oik-block-address .my-content:focus {
+  border: 1px #f7b733 solid; }
+.wp-block-oik-block-googlemap .my-content {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px; }
+
+.wp-block-oik-block-googlemap .is-selected .my-content,
+.wp-block-oik-block-googlemap .my-content:focus {
+  border: 1px #f7b733 dashed;
+  background: rgba(255, 255, 255, 0.8); }
+
+.wp-block-oik-block-googlemap .is-selected .my-content:hover,
+.wp-block-oik-block-googlemap .my-content:focus {
+  border: 1px #f7b733 solid; }
+.wp-block-oik-block-person .my-content {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px; }
+
+.wp-block-oik-block-person .is-selected .my-content,
+.wp-block-oik-block-person .my-content:focus {
+  border: 1px #f7b733 dashed;
+  background: rgba(255, 255, 255, 0.8); }
+
+.wp-block-oik-block-person .is-selected .my-content:hover,
+.wp-block-oik-block-person .my-content:focus {
+  border: 1px #f7b733 solid; }
+.wp-block-oik-block-contact-form p {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px;
+  background-color: #f5f5f5; }
+
+.wp-block-oik-block-contact-form .is-selected .my-content,
+.wp-block-oik-block-contact-form .my-content:focus {
+  border: 1px #f7b733 dashed;
+  background: rgba(255, 255, 255, 0.8); }
+
+.wp-block-oik-block-contact-form .is-selected .my-content:hover,
+.wp-block-oik-block-contact-form .my-content:focus {
+  border: 1px #f7b733 solid; }
+.wp-block-oik-block-follow-me .my-content {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px; }
+
+.wp-block-oik-block-follow-me .is-selected .my-content,
+.wp-block-oik-block-follow-me .my-content:focus {
+  border: 1px #f7b733 dashed;
+  background: rgba(255, 255, 255, 0.8); }
+
+.wp-block-oik-block-follow-me .is-selected .my-content:hover,
+.wp-block-oik-block-follow-me .my-content:focus {
+  border: 1px #f7b733 solid; }
+.wp-block-oik-block-countdown .my-content {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px; }
+.wp-block-oik-block-nivo .my-content {
+  border: 1px transparent solid;
+  padding: 4px 8px;
+  margin: -4px -8px; }
+
+.wp-block-oik-block-nivo .is-selected .my-content,
+.wp-block-oik-block-nivo .my-content:focus {
+  border: 1px #f7b733 dashed;
+  background: rgba(255, 255, 255, 0.8); }
+
+.wp-block-oik-block-nivo .is-selected .my-content:hover,
+.wp-block-oik-block-nivo .my-content:focus {
+  border: 1px #f7b733 solid; }
+.wp-block-oik-block-css .blocks-plain-text {
+  -ms-flex: 1 0 0%;
+  flex: 1 0 0%;
+  padding: 4px 8px;
+  border: 1px solid #e2e4e7;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 13px; }
+
+.wp-block-oik-block-css .blocks-plain-text:focus {
+  border: 1px solid #555d66; }
+.wp-block-oik-block-csv .blocks-plain-text {
+  -ms-flex: 1 0 0%;
+  flex: 1 0 0%;
+  padding: 4px 8px;
+  border: 1px solid #e2e4e7;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 13px; }
+
+.wp-block-oik-block-csv .blocks-plain-text:focus {
+  border: 1px solid #555d66; }
+.wp-block-oik-block-shortcode-block .blocks-plain-text {
+  -ms-flex: 1 0 0%;
+  flex: 1 0 0%;
+  padding: 4px 8px;
+  border: 1px solid #e2e4e7;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 13px; }
+
+.wp-block-oik-block-shortcode-block .blocks-plain-text:focus {
+  border: 1px solid #555d66; }
+.wp-block-oik-block-blockicon .is-style-svg64 svg {
+  width: 64px;
+  height: 64px;
+  max-height: 64px;
+  max-width: 64px; }
+.wp-block-oik-block-blockicon .is-style-svg64 svg {
+  width: 64px;
+  height: 64px;
+  max-height: 64px;
+  max-width: 64px; }
+/* Editor styling for oik-blocklist */
+.wp-block-oik-block-blocklist pre {
+  font-size: 10px; }
+.wp-core-ui .bw_attachment .attachment,
+.wp-core-ui .bw_images .attachment {
+  float: none; }
diff --git a/blocks/build/css/blocks.style.css b/blocks/build/css/blocks.style.css
@@ -1,7 +1,153 @@
-.wp-block-oik-block-person{display:block}.wp-block-oik-block-person div.gravatar span.label,.wp-block-oik-block-person div.gravatar span.sep,.wp-block-oik-block-person div.display_name span.label,.wp-block-oik-block-person div.display_name span.sep,.wp-block-oik-block-person div.description span.label,.wp-block-oik-block-person div.description span.sep,.wp-block-oik-block-person div.follow_me span.label,.wp-block-oik-block-person div.follow_me span.sep{display:none}.wp-block-oik-block-person div.display_name{margin-bottom:10px;padding-left:0px}.wp-block-oik-block-person div.display_name span.value{font-weight:bolder}.wp-block-oik-block-person div.description{margin-bottom:10px;padding-left:0px}.wp-block-oik-block-person div.gravatar img{padding-right:20px}.wp-block-oik-block-person div.bw_user-fields-0.gravatar{width:20%}.wp-block-oik-block-person div.bw_user-fields-1{width:80%}.wp-block-oik-block-person::after{display:table;content:"";clear:both}
-div.bw_contact_form{background-color:#f5f5f5}
-div.bw_css{background-color:#f8f8f8}.bw_css code{display:block;margin-top:10px;border-top:1px solid grey}
-div.bw_csv{width:100%}
-.wp-block-oik-block-blockicon svg{width:20px;height:20px}.wp-block-oik-block-blockicon.svg64 svg{width:64px;height:64px}.svg64 .block-editor-block-icon,.svg64 .block-editor-block-icon svg{width:64px;height:64px;max-height:64px;max-width:64px}.wp-block-oik-block-blockicon .is-style-svg64 svg{width:64px;height:64px;max-height:64px;max-width:64px}.wp-block-oik-block-blockicon.svg100 svg{width:100px;height:100px}.svg100 .block-editor-block-icon,.svg100 .block-editor-block-icon svg{width:100px;height:100px;max-height:100px;max-width:100px}.wp-block-oik-block-blockicon .is-style-svg100 svg{width:100px;height:100px;max-height:100px;max-width:100px}.wp-block-oik-block-blockicon.svg150 svg{width:150px;height:150px}.svg150 .block-editor-block-icon,.svg150 .block-editor-block-icon svg{width:150px;height:150px;max-height:150px;max-width:150px}.wp-block-oik-block-blockicon .is-style-svg150 svg{width:150px;height:150px;max-height:150px;max-width:150px}
-.wp-block-oik-block-blockinfo svg{width:20px;height:20px}.wp-block-oik-block-blockicon.svg64 svg{width:64px;height:64px}.svg64 .editor-block-icon,.svg64 .editor-block-icon svg{width:64px;height:64px;max-height:64px;max-width:64px}.wp-block-oik-block-blockicon .is-style-svg64 svg{width:64px;height:64px;max-height:64px;max-width:64px}.wp-block-oik-block-blockinfo div{padding:0px 30px 20px 30px}
-pre.wp-block-oik-block-blocklist{font-size:10px}.wp-block-oik-block-blocklist svg{width:20px;height:20px}
+/* I can't think of anything to put here
+*/
+/* oik-address/style.scss
+*/
+/* I can't think of anything to put here
+*/
+/* Front end style for Person block
+* @TODO Margin or padding left not that effective when the gravatar's image is to the left.
+* @TODO Follow me needs to be below the description?
+*/
+.wp-block-oik-block-person {
+  display: block; }
+  .wp-block-oik-block-person div.gravatar span.label,
+  .wp-block-oik-block-person div.gravatar span.sep,
+  .wp-block-oik-block-person div.display_name span.label,
+  .wp-block-oik-block-person div.display_name span.sep,
+  .wp-block-oik-block-person div.description span.label,
+  .wp-block-oik-block-person div.description span.sep,
+  .wp-block-oik-block-person div.follow_me span.label,
+  .wp-block-oik-block-person div.follow_me span.sep {
+    display: none; }
+  .wp-block-oik-block-person div.display_name {
+    margin-bottom: 10px;
+    padding-left: 0px; }
+    .wp-block-oik-block-person div.display_name span.value {
+      font-weight: bolder; }
+  .wp-block-oik-block-person div.description {
+    margin-bottom: 10px;
+    padding-left: 0px; }
+  .wp-block-oik-block-person div.gravatar img {
+    padding-right: 20px; }
+  .wp-block-oik-block-person div.bw_user-fields-0.gravatar {
+    width: 20%; }
+  .wp-block-oik-block-person div.bw_user-fields-1 {
+    width: 80%; }
+
+.wp-block-oik-block-person::after {
+  display: table;
+  content: "";
+  clear: both; }
+/* oik-contact-form/style.scss
+*/
+div.bw_contact_form {
+  background-color: #f5f5f5; }
+/* I can't think of anything to put here
+*/
+/* oik-countdown style.scss
+*/
+/* I can't think of anything to put here
+*/
+/* oik-css/style.scss
+*/
+div.bw_css {
+  background-color: #f8f8f8; }
+
+.bw_css code {
+  display: block;
+  margin-top: 10px;
+  border-top: 1px solid grey; }
+/* oik-csv/style.scss
+*/
+div.bw_csv {
+  width: 100%; }
+/* oik-shortcode/style.scss
+*/
+/* I can't think of anything to put here
+*/
+/* oik-blockicon/style.scss */
+.wp-block-oik-block-blockicon svg {
+  width: 20px;
+  height: 20px; }
+
+.wp-block-oik-block-blockicon.svg64 svg {
+  width: 64px;
+  height: 64px; }
+
+.svg64 .block-editor-block-icon,
+.svg64 .block-editor-block-icon svg {
+  width: 64px;
+  height: 64px;
+  max-height: 64px;
+  max-width: 64px; }
+
+.wp-block-oik-block-blockicon .is-style-svg64 svg {
+  width: 64px;
+  height: 64px;
+  max-height: 64px;
+  max-width: 64px; }
+
+.wp-block-oik-block-blockicon.svg100 svg {
+  width: 100px;
+  height: 100px; }
+
+.svg100 .block-editor-block-icon,
+.svg100 .block-editor-block-icon svg {
+  width: 100px;
+  height: 100px;
+  max-height: 100px;
+  max-width: 100px; }
+
+.wp-block-oik-block-blockicon .is-style-svg100 svg {
+  width: 100px;
+  height: 100px;
+  max-height: 100px;
+  max-width: 100px; }
+
+.wp-block-oik-block-blockicon.svg150 svg {
+  width: 150px;
+  height: 150px; }
+
+.svg150 .block-editor-block-icon,
+.svg150 .block-editor-block-icon svg {
+  width: 150px;
+  height: 150px;
+  max-height: 150px;
+  max-width: 150px; }
+
+.wp-block-oik-block-blockicon .is-style-svg150 svg {
+  width: 150px;
+  height: 150px;
+  max-height: 150px;
+  max-width: 150px; }
+/* oik-blockinfo/style.scss */
+.wp-block-oik-block-blockinfo svg {
+  width: 20px;
+  height: 20px; }
+
+.wp-block-oik-block-blockicon.svg64 svg {
+  width: 64px;
+  height: 64px; }
+
+.svg64 .editor-block-icon,
+.svg64 .editor-block-icon svg {
+  width: 64px;
+  height: 64px;
+  max-height: 64px;
+  max-width: 64px; }
+
+.wp-block-oik-block-blockicon .is-style-svg64 svg {
+  width: 64px;
+  height: 64px;
+  max-height: 64px;
+  max-width: 64px; }
+
+.wp-block-oik-block-blockinfo div {
+  padding: 0px 30px 20px 30px; }
+/* oik-blocklist/style.scss */
+pre.wp-block-oik-block-blocklist {
+  font-size: 10px; }
+
+.wp-block-oik-block-blocklist svg {
+  width: 20px;
+  height: 20px; }