-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Issue #34 - update build for oik-content block
- Loading branch information
1 parent
9fa9c82
commit 020e079
Showing
3 changed files
with
823 additions
and
534 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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; } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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; } |
Oops, something went wrong.