WordPress/wp-content/themes/twentyeleven/editor-blocks.css
laurelfulford 30c7257aad Bundled Themes: Make sure button blocks respect settings.
When the original block editor styles were added to the existing default themes, the button blocks were styled to match how each theme styled the `button` tag. 

However, the styles should respect the block editor's default style, "Rounded", and allow switching to the other styles, like "Outlined" and "Square".

Fixes #45541.


Built from https://develop.svn.wordpress.org/trunk@44381


git-svn-id: http://core.svn.wordpress.org/trunk@44211 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-01-02 03:53:53 +00:00

470 lines
10 KiB
CSS

/*
Theme Name: Twenty Eleven
Description: Used to style blocks in the editor.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General Typography
2.0 General Block Styles
3.0 Blocks - Common Blocks
4.0 Blocks - Formatting
5.0 Blocks - Layout Elements
6.0 Blocks - Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 General Typography
--------------------------------------------------------------*/
.edit-post-visual-editor .editor-block-list__block,
.edit-post-visual-editor .editor-block-list__block p,
.editor-default-block-appender textarea.editor-default-block-appender__content {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 1.625;
}
.edit-post-visual-editor .editor-block-list__block {
color: #333;
}
.editor-post-title__block .editor-post-title__input {
color: #000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 36px;
line-height: 48px;
}
.edit-post-visual-editor h1,
.wp-block-freeform.block-library-rich-text__tinymce h1,
.edit-post-visual-editor h2,
.wp-block-freeform.block-library-rich-text__tinymce h2 {
font-size: 15px;
margin: 0 0 0.8125em;
}
.edit-post-visual-editor h3,
.wp-block-freeform.block-library-rich-text__tinymce h3 {
font-size: 10px;
font-weight: 300;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
.edit-post-visual-editor h4,
.wp-block-freeform.block-library-rich-text__tinymce h4,
.edit-post-visual-editor h5,
.wp-block-freeform.block-library-rich-text__tinymce h5,
.edit-post-visual-editor h6,
.wp-block-freeform.block-library-rich-text__tinymce h6 {
font-size: 15px;
font-weight: 300;
line-height: 1.625;
}
/*--------------------------------------------------------------
2.0 General Block Styles
--------------------------------------------------------------*/
/* Main column width */
.editor-styles-wrapper {
max-width: 100% !important; /* Override where editor-style.css is affecting this. */
}
.wp-block {
max-width: 614px; /* 584px + 30px to account for padding */
}
/* Link styles */
.edit-post-visual-editor a,
.editor-block-list__block a,
.wp-block-freeform.block-library-rich-text__tinymce a {
color: #1982d1;
}
/* List styles */
.edit-post-visual-editor ul:not(.wp-block-gallery),
.editor-block-list__block ul:not(.wp-block-gallery),
.block-library-list ul.editor-rich-text__tinymce,
.edit-post-visual-editor ol,
.editor-block-list__block ol,
.block-library-list ol.editor-rich-text__tinymce {
margin: 0 0 1.625em 2.5em;
padding: 0;
}
.block-library-list .editor-rich-text__tinymce {
padding: 0;
}
.edit-post-visual-editor ul:not(.wp-block-gallery),
.edit-post-visual-editor .editor-block-list__block ul:not(.wp-block-gallery),
.block-library-list ul {
list-style-type: square;
}
.edit-post-visual-editor ol,
.editor-block-list__block ol,
.block-library-list ol {
list-style: decimal;
}
.edit-post-visual-editor ol ol,
.editor-block-list__block ol ol,
.block-library-list ol ol {
list-style: upper-alpha;
}
.edit-post-visual-editor ol ol ol,
.editor-block-list__block ol ol ol,
.block-library-list ol ol ol {
list-style: lower-roman;
}
.edit-post-visual-editor ol ol ol ol,
.editor-block-list__block ol ol ol ol,
.block-library-list ol ol ol ol {
list-style: lower-alpha;
}
.edit-post-visual-editor ul:not(.wp-block-gallery) li > ul,
.editor-block-list__block ul:not(.wp-block-gallery) li > ul,
.block-library-list .editor-rich-text__tinymce li > ul,
.edit-post-visual-editor li > ol,
.editor-block-list__block li > ol,
.block-library-list .editor-rich-text__tinymce li > ol,
.wp-block-freeform.block-library-rich-text__tinymce li,
.editor-block-list__block li {
margin-bottom: 0;
}
.rtl .edit-post-visual-editor ul:not(.wp-block-gallery),
.rtl .editor-block-list__block ul:not(.wp-block-gallery),
.rtl .block-library-list ul,
.rtl .edit-post-visual-editor ol,
.rtl .editor-block-list__block ol,
.rtl .block-library-list ol {
margin-left: 0;
margin-right: 1.3333em;
}
/* Captions */
[class^="wp-block-"] figcaption {
font-family: Georgia, serif;
font-size: 12px;
}
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
color: #666;
margin-bottom: 1.625em;
max-width: 96%;
max-width: calc( 100% - 18px );
padding: 3px 0 5px 40px;
position: relative;
text-align: left;
}
[class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
color: #666;
content: '\2014';
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 0;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
padding-left: 0;
padding-right: 40px;
text-align: right;
}
.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption:before {
left: 0;
margin-left: 5px;
margin-right: 0;
right: 10px;
}
/* Quote */
.wp-block-freeform.block-library-rich-text__tinymce blockquote {
border: 0;
font-style: italic;
margin: 0 3em;
padding: 0;
}
.wp-block-freeform.block-library-rich-text__tinymce blockquote p {
font-family: Georgia, "Bitstream Charter", serif;
font-size: 15px;
font-weight: normal;
}
.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
color: #666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
/* Code */
.wp-block-freeform.block-library-rich-text__tinymce code {
background: transparent;
}
/*--------------------------------------------------------------
3.0 Blocks - Common Blocks
--------------------------------------------------------------*/
/* Paragraph */
p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.1em;
}
/* Gallery */
.editor-block-list__block .wp-block-gallery {
margin: 0 0 1.625em;
}
.wp-block-gallery figcaption {
margin-bottom: 0;
max-width: 100%;
}
.wp-block-gallery .blocks-gallery-item img {
border: 0;
padding: 0;
}
/* Quote */
.wp-block-quote {
font-style: italic;
font-weight: normal;
margin: 0 3em;
padding: 0;
}
.edit-post-visual-editor .editor-block-list__block .wp-block-quote p {
font-family: Georgia, "Bitstream Charter", serif;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding-left: 0;
padding-right: 0;
}
.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
color: #666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 20px;
}
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-style-large .wp-block-quote__citation {
font-size: 16px;
}
/* Cover */
.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p.wp-block-cover-image-text,
.edit-post-visual-editor .editor-block-list__block .wp-block-cover p.wp-block-cover-text {
font-size: 30px;
line-height: 37.5px;
}
/* File */
.wp-block-file .wp-block-file__textlink {
color: #1982d1;
}
.wp-block-file .wp-block-file__button {
background: #222;
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
color: #eee;
cursor: pointer;
font-size: 15px;
line-height: 24px;
padding: 5px 22px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
/*--------------------------------------------------------------
4.0 Blocks - Formatting
--------------------------------------------------------------*/
/* Code */
.wp-block-code {
background: transparent;
border: 0;
padding: 0;
}
/* Pullquote */
.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote p {
font-family: Georgia, "Bitstream Charter", serif;
font-style: italic;
font-weight: normal;
}
.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
font-size: 20px;
}
/* Table */
.editor-block-list__block .wp-block-table th,
.editor-block-list__block .wp-block-table td {
padding: 0;
}
.wp-block-table__cell-content {
padding: 6px;
}
.rtl .editor-block-list__block .wp-block-table th,
.rtl .editor-block-list__block .wp-block-table td,
.rtl .editor-block-list__block th,
.rtl .editor-block-list__block td {
text-align: right;
}
/*--------------------------------------------------------------
5.0 Blocks - Layout Elements
--------------------------------------------------------------*/
/* Buttons */
.wp-block-button .wp-block-button__link {
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
cursor: pointer;
font-size: 15px;
line-height: 24px;
margin: 20px 0;
padding: 5px 22px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.wp-block-button__link {
background: #222;
color: #eee;
}
.is-style-outline .wp-block-button__link {
color: #222;
}
.wp-block-button__link.has-text-color {
text-shadow: none;
}
/* Media & Text */
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/*--------------------------------------------------------------
6.0 Blocks - Widgets
--------------------------------------------------------------*/
/* Archives, Categories & Latest Posts */
[data-align="center"] .wp-block-archives ul,
[data-align="center"] .wp-block-categories ul,
[data-align="center"] .wp-block-latest-posts ul {
list-style-position: inside;
margin-left: 2.5em;
text-align: center;
}
/* Latest Comments */
.wp-block-latest-comments {
margin: 0;
padding: 0;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
padding: 0;
}
.wp-block-latest-comments__comment,
.wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments__comment-excerpt p {
font-size: 15px;
}
.wp-block-latest-comments__comment-excerpt p:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments__comment-meta,
.wp-block-latest-comments__comment-date {
color: #666;
font-size: 12px;
line-height: 2.2em;
}
.wp-block-latest-comments__comment-meta a {
font-weight: bold;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 2.625em;
position: relative;
}
/* Latest Posts */
.edit-post-visual-editor .editor-block-list__block .wp-block-latest-posts.is-grid {
list-style: none;
margin-left: 0;
margin-right: 0;
}