0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Lodestar: Add support and styles for Gutenberg.

Browse source
This commit is contained in:
Laurel Fulford 2018-11-07 17:24:44 -08:00
parent 09b6f6f511
commit 97c78be515
3 changed files with 988 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

504
lodestar/assets/css/blocks.css Normal file
View file

@ -0,0 +1,504 @@
/*
Theme Name: Lodestar
Description: Used to style Gutenberg Blocks.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Block Alignments
2.0 General Block Styles
3.0 Blocks - Common Blocks
4.0 Blocks - Formatting
5.0 Blocks - Layout Elements
6.0 Blocks - Widgets
7.0 Blocks - Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Block Alignments
--------------------------------------------------------------*/
body:not(.has-sidebar) .site-content {
overflow-x: hidden; /* prevents side-scrolling caused by use of vw */
}
.alignfull,
.alignwide {
clear: both;
}
@media (min-width: 1140px) {
body:not(.has-sidebar) .alignwide {
margin-left: -25%;
margin-right: -25%;
max-width: 1000%;
width: auto;
}
body:not(.has-sidebar) .wp-block-embed.is-type-video.alignwide iframe {
width: 100% !important;
height: 100% !important;
}
}
body:not(.has-sidebar) .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 1000%;
width: auto;
}
/* Make non image-based blocks a bit narrower, so they don't get cut off. */
body:not(.has-sidebar) .wp-block-columns.alignfull,
body:not(.has-sidebar) .wp-block-audio.alignfull,
body:not(.has-sidebar) .wp-block-table.alignfull,
body:not(.has-sidebar) .wp-block-latest-comments.alignfull,
body:not(.has-sidebar) .wp-block-categories.alignfull,
body:not(.has-sidebar) .wp-block-latest-posts.alignfull {
margin-left: calc(50% - 48vw);
margin-right: calc(50% - 48vw);
}
body:not(.has-sidebar) .wp-block-embed.is-type-video iframe {
max-height: 100%;
}
body:not(.has-sidebar) .wp-block-embed.is-type-video.alignfull iframe {
width: 100% !important;
height: 100% !important;
}
/*--------------------------------------------------------------
2.0 General Block Styles
--------------------------------------------------------------*/
[class^="wp-block-"] figcaption {
font-size: 16px;
line-height: 1.5;
}
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
color: inherit;
}
/*--------------------------------------------------------------
3.0 Blocks - Common Blocks
--------------------------------------------------------------*/
/* Paragraph */
p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.15em;
}
/* Gallery */
.wp-block-gallery {
margin: 0 0 1.5em;
}
/* Quote */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin-left: 2em;
margin-right: 2em;
padding-left: 1.5em;
}
.rtl .wp-block-quote.is-large,
.rtl .wp-block-quote.is-style-large {
padding-left: 0;
padding-right: 1.5em;
}
/* Audio */
.wp-block-audio {
margin: 0 0 1.5em;
}
.wp-block-audio audio {
display: block;
width: 100%;
}
/* Cover */
.wp-block-cover.aligncenter,
.wp-block-cover-image.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover-image.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignright {
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
font-size: 1.5em;
}
/* File */
.wp-block-file a.wp-block-file__button,
.wp-block-file a.wp-block-file__button:visited {
background: #29292a;
border: 0;
border-radius: 0;
box-shadow: none;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.05em;
line-height: 1;
padding: 1em 1.5em;
text-shadow: none;
text-transform: uppercase;
transition: background 0.2s;
}
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:active {
background: #555;
}
.rtl .wp-block-file * + .wp-block-file__button {
margin-left: .75em;
margin-right: 0;
}
/* Video */
.wp-block-video video {
width: 100%;
}
/*--------------------------------------------------------------
4.0 Blocks - Formatting
--------------------------------------------------------------*/
/* Verse */
.wp-block-verse {
background: transparent;
font-family: inherit;
font-style: italic;
padding: 0;
}
/* Pullquote */
.wp-block-pullquote blockquote {
border: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.wp-block-pullquote blockquote p {
}
.wp-block-pullquote cite,
.wp-block-pullquote.alignleft cite,
.wp-block-pullquote.alignright cite {
}
/* Table */
.wp-block-table th {
text-align: left;
}
@media (min-width: 1130px) {
body:not(.has-sidebar) .wp-block-table.alignwide {
width: 1050px;
}
}
body:not(.has-sidebar) .wp-block-table.alignfull {
width: 96vw;
}
.rtl .wp-block-table th {
text-align: right;
}
/*--------------------------------------------------------------
5.0 Blocks - Layout Elements
--------------------------------------------------------------*/
/* Buttons */
.wp-block-button .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
.wp-block-button .wp-block-button__link:not(.has-background) {
background: #29292a;
}
.wp-block-button .wp-block-button__link {
border: 0;
border-radius: 0;
box-shadow: none;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.05em;
line-height: 1;
padding: 1em 1.5em;
text-shadow: none;
text-transform: uppercase;
transition: background 0.2s;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active {
background: #555;
}
/* Separator */
.wp-block-separator {
border: 0;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
margin-left: auto;
margin-right: auto;
max-width: 100px;
}
/* Media & Text */
.wp-block-media-text {
margin-bottom: 1.5em;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}
/*--------------------------------------------------------------
6.0 Blocks - Widgets
--------------------------------------------------------------*/
/* Categories, Latest Posts & Archives */
.wp-block-categories.aligncenter,
.wp-block-categories.aligncenter ul,
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter {
list-style-position: inside;
margin-left: 0;
margin-right: 0;
text-align: center;
}
/* Latest Comments */
.wp-block-latest-comments {
margin-left: 0;
margin-right: 0;
}
.wp-block-latest-comments__comment-date {
color: inherit;
}
/* Latest Posts */
.wp-block-latest-posts.is-grid {
margin-left: 0;
margin-right: 0;
}
/*--------------------------------------------------------------
7.0 Blocks - Colors
--------------------------------------------------------------*/
.has-pale-pink-color,
.has-pale-pink-color:hover,
.has-pale-pink-color:focus,
.has-pale-pink-color:active {
color: #f78da7;
}
.has-pale-pink-background-color,
.has-pale-pink-background-color:hover.
.has-pale-pink-background-color:focus,
.has-pale-pink-background-color:active,
.has-pale-pink-background-color:visited {
background-color: #f78da7;
}
.has-vivid-red-color,
.has-vivid-red-color:hover,
.has-vivid-red-color:focus,
.has-vivid-red-color:active,
.has-vivid-red-color:visited {
color: #cf2e2e;
}
.has-vivid-red-background-color,
.has-vivid-red-background-color:hover,
.has-vivid-red-background-color:focus,
.has-vivid-red-background-color:active,
.has-vivid-red-background-color:visited {
background-color: #cf2e2e;
}
.has-luminous-vivid-orange-color,
.has-luminous-vivid-orange-color:hover,
.has-luminous-vivid-orange-color:focus,
.has-luminous-vivid-orange-color:active,
.has-luminous-vivid-orange-color:visited {
color: #ff6900;
}
.has-luminous-vivid-orange-background-color,
.has-luminous-vivid-orange-background-color:hover,
.has-luminous-vivid-orange-background-color:focus,
.has-luminous-vivid-orange-background-color:active,
.has-luminous-vivid-orange-background-color:visited {
background-color: #ff6900;
}
.has-luminous-vivid-amber-color,
.has-luminous-vivid-amber-color:hover,
.has-luminous-vivid-amber-color:focus,
.has-luminous-vivid-amber-color:active,
.has-luminous-vivid-amber-color:visited {
color: #fcb900;
}
.has-luminous-vivid-amber-background-color,
.has-luminous-vivid-amber-background-color:hover,
.has-luminous-vivid-amber-background-color:focus,
.has-luminous-vivid-amber-background-color:active,
.has-luminous-vivid-amber-background-color:visited {
background-color: #fcb900;
}
.has-light-green-cyan-color,
.has-light-green-cyan-color:hover,
.has-light-green-cyan-color:focus,
.has-light-green-cyan-color:active,
.has-light-green-cyan-color:visited {
color: #7bdcb5;
}
.has-light-green-cyan-background-color,
.has-light-green-cyan-background-color:hover,
.has-light-green-cyan-background-color:focus,
.has-light-green-cyan-background-color:active,
.has-light-green-cyan-background-color:visited {
background-color: #7bdcb5;
}
.has-vivid-green-cyan-color,
.has-vivid-green-cyan-color:hover,
.has-vivid-green-cyan-color:focus,
.has-vivid-green-cyan-color:active,
.has-vivid-green-cyan-color:visited {
color: #00d084;
}
.has-vivid-green-cyan-background-color,
.has-vivid-green-cyan-background-color:hover,
.has-vivid-green-cyan-background-color:focus,
.has-vivid-green-cyan-background-color:active,
.has-vivid-green-cyan-background-color:visited {
background-color: #00d084;
}
.has-pale-cyan-blue-color,
.has-pale-cyan-blue-color:hover,
.has-pale-cyan-blue-color:focus,
.has-pale-cyan-blue-color:active,
.has-pale-cyan-blue-color:visited {
color: #8ed1fc;
}
.has-pale-cyan-blue-background-color,
.has-pale-cyan-blue-background-color:hover,
.has-pale-cyan-blue-background-color:focus,
.has-pale-cyan-blue-background-color:active,
.has-pale-cyan-blue-background-color:visited {
background-color: #8ed1fc;
}
.has-vivid-cyan-blue-color,
.has-vivid-cyan-blue-color:hover,
.has-vivid-cyan-blue-color:focus,
.has-vivid-cyan-blue-color:active,
.has-vivid-cyan-blue-color:visited {
color: #0693e3;
}
.has-vivid-cyan-blue-background-color,
.has-vivid-cyan-blue-background-color:hover,
.has-vivid-cyan-blue-background-color:focus,
.has-vivid-cyan-blue-background-color:active,
.has-vivid-cyan-blue-background-color:visited {
background-color: #0693e3;
}
.has-very-light-gray-color,
.has-very-light-gray-color:hover,
.has-very-light-gray-color:focus,
.has-very-light-gray-color:active,
.has-very-light-gray-color:visited {
color: #eee;
}
.has-very-light-gray-background-color,
.has-very-light-gray-background-color:hover,
.has-very-light-gray-background-color:focus,
.has-very-light-gray-background-color:active,
.has-very-light-gray-background-color:visited {
background-color: #eee;
}
.has-cyan-bluish-gray-color,
.has-cyan-bluish-gray-color:hover,
.has-cyan-bluish-gray-color:focus,
.has-cyan-bluish-gray-color:active,
.has-cyan-bluish-gray-color:visited {
color: #abb8c3;
}
.has-cyan-bluish-gray-background-color,
.has-cyan-bluish-gray-background-color:hover,
.has-cyan-bluish-gray-background-color:focus,
.has-cyan-bluish-gray-background-color:active,
.has-cyan-bluish-gray-background-color:visited {
background-color: #abb8c3;
}
.has-very-dark-gray-color,
.has-very-dark-gray-color:hover,
.has-very-dark-gray-color:focus,
.has-very-dark-gray-color:active,
.has-very-dark-gray-color:visited {
color: #313131;
}
.has-very-dark-gray-background-color,
.has-very-dark-gray-background-color:hover,
.has-very-dark-gray-background-color:focus,
.has-very-dark-gray-background-color:active,
.has-very-dark-gray-background-color:visited {
background-color: #313131;
}

463
lodestar/assets/css/editor-blocks.css Normal file
View file

@ -0,0 +1,463 @@
/*
Theme Name: Lodestar
Description: Used to style Gutenberg Blocks in the editor.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General Typography
2.0 General Block Settings
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,
.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
font-family: "Karla", "Helvetica Neue", helvetica, arial, sans-serif;
}
.edit-post-visual-editor .editor-block-list__block,
.edit-post-visual-editor .editor-block-list__block p,
.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
font-size: 16px;
line-height: 1.5;
}
.edit-post-visual-editor .editor-block-list__block {
color: #333;
}
/* Post title */
.editor-post-title__block .editor-post-title__input {
font-family: "Work Sans", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 34px;
font-weight: 800;
letter-spacing: 0.1em;
line-height: 1.25;
text-transform: uppercase;
}
/* Headings */
.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,
.edit-post-visual-editor h3,
.wp-block-freeform.block-library-rich-text__tinymce h3,
.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-family: "Work Sans", "Helvetica Neue", helvetica, arial, sans-serif;
font-weight: 800;
letter-spacing: 0.1em;
line-height: 1.25;
text-transform: uppercase;
}
.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 {
color: #ccc;
}
.edit-post-visual-editor h3,
.wp-block-freeform.block-library-rich-text__tinymce h3,
.edit-post-visual-editor h4,
.wp-block-freeform.block-library-rich-text__tinymce h4 {
color: #333;
}
.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 {
color: #666;
}
.edit-post-visual-editor h1,
.wp-block-freeform.block-library-rich-text__tinymce h1 {
font-size: 30px;
}
.edit-post-visual-editor h2,
.wp-block-freeform.block-library-rich-text__tinymce h2 {
font-size: 26px;
}
.edit-post-visual-editor h3,
.wp-block-freeform.block-library-rich-text__tinymce h3 {
font-size: 22px;
}
.edit-post-visual-editor h4,
.wp-block-freeform.block-library-rich-text__tinymce h4 {
font-size: 18px;
}
.edit-post-visual-editor h5,
.wp-block-freeform.block-library-rich-text__tinymce h5 {
font-size: 16px;
}
.edit-post-visual-editor h6,
.wp-block-freeform.block-library-rich-text__tinymce h6 {
font-size: 14px;
}
/*--------------------------------------------------------------
2.0 General Block Settings
--------------------------------------------------------------*/
/* Main content width */
.wp-block {
max-width: 730px; /* 700px + 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: #999;
border-bottom: 2px solid transparent;
text-decoration: none;
transition: border-bottom-color 0.2s;
}
.edit-post-visual-editor a:hover,
.edit-post-visual-editor a:focus,
.editor-block-list__block a:hover,
.editor-block-list__block a:focus,
.wp-block-freeform.block-library-rich-text__tinymce a:hover,
.wp-block-freeform.block-library-rich-text__tinymce a:focus {
color: #333;
border-bottom-color: currentColor;
}
/* Table styles */
.wp-block-freeform.block-library-rich-text__tinymce table {
border-collapse: collapse;
}
.wp-block-freeform.block-library-rich-text__tinymce table,
.wp-block-freeform.block-library-rich-text__tinymce table th,
.wp-block-freeform.block-library-rich-text__tinymce table td {
border-color: #ddd;
border-style: solid;
}
.wp-block-freeform.block-library-rich-text__tinymce table th,
.wp-block-freeform.block-library-rich-text__tinymce table td {
padding: 0.5em;
}
.rtl .wp-block-freeform.block-library-rich-text__tinymce td,
.rtl .wp-block-freeform.block-library-rich-text__tinymce th {
text-align: right;
}
/* Quote styles */
.wp-block-freeform.block-library-rich-text__tinymce blockquote {
border-left: 4px solid #ddd;
margin-left: 2em;
padding-left: 1.5em;
}
.wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
font-style: italic;
}
.rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
border-left: 0;
border-right: 4px solid #ddd;
margin-left: 0;
margin-right: 2em;
padding-left: 0;
padding-right: 1.5em;
}
/* List styles */
.wp-block-freeform.block-library-rich-text__tinymce li,
.editor-styles-wrapper li {
margin-bottom: 0;
}
/* Code styles */
.wp-block-freeform.block-library-rich-text__tinymce code {
background: transparent;
}
/* Caption styles */
[class^="wp-block-"] figcaption {
font-size: 16px;
line-height: 1.5;
}
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
color: #333;
}
/* Definition List styles */
.wp-block-freeform.block-library-rich-text__tinymce dt {
font-weight: bold;
}
/* Pre styles */
.wp-block-freeform.block-library-rich-text__tinymce pre {
background: #eee;
padding: 1.6em;
}
/*--------------------------------------------------------------
3.0 Blocks - Common Blocks
--------------------------------------------------------------*/
/* Paragraph */
p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.15em;
}
/* Quote */
.editor-styles-wrapper .wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 4px solid #ddd;
margin-left: 2em;
padding-left: 1.5em;
}
.wp-block-quote .wp-block-quote__citation {
color: inherit;
font-size: inherit;
font-style: italic;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 24px;
}
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-style-large .wp-block-quote__citation {
font-size: 18px;
}
.rtl .editor-styles-wrapper .wp-block-quote,
.rtl .wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 0;
border-right: 4px solid #ddd;
margin-left: 0;
margin-right: 2em;
padding-left: 0;
padding-right: 1.5em;
}
/* Cover */
.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image .wp-block-cover-image-text,
.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image .wp-block-cover-text,
.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image h2,
.edit-post-visual-editor .editor-block-list__block .wp-block-cover .wp-block-cover-image-text,
.edit-post-visual-editor .editor-block-list__block .wp-block-cover .wp-block-cover-text,
.edit-post-visual-editor .editor-block-list__block .wp-block-cover h2 {
font-size: 1.5em;
}
/* File */
.wp-block-file__textlink {
color: #999;
border-bottom: 2px solid transparent;
text-decoration: none;
transition: border-bottom-color 0.2s;
}
.wp-block-file__textlink:hover,
.wp-block-file__textlink:focus {
color: #333;
border-bottom-color: currentColor;
}
.editor-styles-wrapper .wp-block-file .mce-content-body.wp-block-file__button {
line-height: 1;
}
.wp-block-file .wp-block-file__button,
.wp-block-file .wp-block-file__button:visited {
background: #29292a;
border: 0;
border-radius: 0;
box-shadow: none;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.05em;
line-height: 1;
padding: 1em 1.5em;
text-shadow: none;
text-transform: uppercase;
transition: background 0.2s;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:active {
background: #555;
}
/*--------------------------------------------------------------
4.0 Blocks - Formatting
--------------------------------------------------------------*/
/* Verse */
.wp-block-verse {
font-style: italic;
}
.wp-block-verse pre {
padding: 0;
}
/* Code */
.wp-block-code {
background: #eee;
border: none;
border-radius: 0;
padding: 1.6em;
}
.wp-block-code textarea {
background: transparent;
}
/* Preformatted */
.wp-block-preformatted {
background: #eee;
padding: 1.6em;
}
/* Pullquote */
.wp-block-pullquote {
border: 0;
}
.wp-block-pullquote__citation {
color: inherit;
font-size: 16px;
font-style: italic;
text-transform: none;
}
.wp-block-pullquote.alignleft blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block-pullquote.alignright blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
font-size: 20px;
}
/* Table */
.wp-block-table th,
.wp-block-table td {
border-color: #ddd;
}
.wp-block-table th {
text-align: left;
}
.rtl .wp-block-table th {
text-align: right;
}
.wp-block-table__cell-content {
padding: 0.5em;
}
/*--------------------------------------------------------------
5.0 Blocks - Layout Elements
--------------------------------------------------------------*/
/* Buttons */
.wp-block-button .wp-block-button__link {
background: #29292a;
border: 0;
border-radius: 0;
box-shadow: none;
color: #fff;
font-size: 14px;
font-size: 0.875rem;
letter-spacing: 0.05em;
line-height: 1;
padding: 1em 1.5em;
text-shadow: none;
text-transform: uppercase;
transition: background 0.2s;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active {
background: #555;
}
/* Separator */
.wp-block-separator {
background-color: #ccc;
border: 0;
height: 1px;
}
/*--------------------------------------------------------------
6.0 Blocks - Widgets
--------------------------------------------------------------*/
/* Categories, Latest Posts & Archives */
[data-align="center"] .wp-block-categories ul,
[data-align="center"] .wp-block-latest-posts ul,
[data-align="center"] .wp-block-archives ul {
list-style-position: inside;
}
/* Latest Comments */
.editor-styles-wrapper .wp-block-latest-comments {
padding-left: 0;
padding-right: 0;
}
.wp-block-latest-comments__comment-date {
color: inherit;
}

21
lodestar/functions.php
View file

@ -88,6 +88,12 @@ function lodestar_setup() {
'flex-height' => true,
'header-text' => array( 'site-title', 'site-description' ),
) );
// Add support for responsive embeds.
add_theme_support( 'responsive-embeds' );
// Add support for full and wide align images.
add_theme_support( 'align-wide' );
}
endif;
add_action( 'after_setup_theme', 'lodestar_setup' );
@ -243,6 +249,9 @@ add_filter( 'frontpage_template', 'lodestar_front_page_template' );
function lodestar_scripts() {
wp_enqueue_style( 'lodestar-style', get_stylesheet_uri() );
// Theme block stylesheet.
wp_enqueue_style( 'lodestar-block-style', get_theme_file_uri( '/assets/css/blocks.css' ), array( 'lodestar-style' ), '1.0' );
wp_enqueue_style( 'lodestar_fonts_url', lodestar_fonts_url(), array(), null );
wp_enqueue_style( 'genericons', get_template_directory_uri() . '/assets/fonts/genericons.css', array(), null );
@ -272,6 +281,18 @@ function lodestar_scripts() {
}
add_action( 'wp_enqueue_scripts', 'lodestar_scripts' );
/**
* Enqueue editor styles for Gutenberg
*/
function lodestar_block_editor_styles() {
// Block styles.
wp_enqueue_style( 'lodestar-block-editor-style', get_theme_file_uri( '/assets/css/editor-blocks.css' ) );
// Fonts.
wp_enqueue_style( 'lodestar-fonts-url', lodestar_fonts_url(), array(), null );
}
add_action( 'enqueue_block_editor_assets', 'lodestar_block_editor_styles' );
/**
* Implement the Custom Header feature.
*/