Make WordPress Themes

Changeset 171108


Ignore:
Timestamp:
07/06/2022 11:26:35 AM (4 years ago)
Author:
themedropbox
Message:

New version of Davis Blocks - 0.1.2

Location:
davis-blocks/0.1.2
Files:
5 edited
1 copied

Legend:

Unmodified
Added
Removed
  • davis-blocks/0.1.2/readme.txt

    r171062 r171108  
    4646== Changelog ==
    4747
     48Version 0.1.2 (2022-07-06)
     49-------------------------
     50- Better post header structure on single.html and page.html.
     51- Removed unnecessary groups around separators in the comment area of single.html.
     52- Better default styles for input elements.
     53- Added CSS to match the alignment of the post editor title to match the front-end.
     54- Set all figcaptions to use the small font size, and made the figcaption targeting more universal.
     55- Button block: Reset the border width to the default 2px, to match default padding values.
     56- Added hover styles to navigation links.
     57- Adjusted the theme description.
     58
    4859Version 0.1.1 (2022-07-05)
    4960-------------------------
  • davis-blocks/0.1.2/style.css

    r171062 r171108  
    33        Theme Name: Davis Blocks
    44    Text Domain: davis-blocks
    5         Version: 0.1.1
    6         Description: Davis Blocks is a clean and simple block theme built for Full Site Editing. It can be used out of the box as a lightweight blog theme, or as a foundation for greater things when modified in the Site Editor.
     5        Version: 0.1.2
     6        Description: Davis Blocks is a clean, simple and fast block theme built for Full Site Editing. It can be used out of the box as a lightweight blog theme, or as a foundation for greater things when customized in the Site Editor.
    77        Tags: blog, one-column, custom-background, custom-colors, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks, full-site-editing
    88        Author: Anders Norén
    … …  
    1717
    1818/*
    19  * Link styles.
    20  * Necessary until the following issue is resolved in Gutenberg:
     19 * Link styles. Necessary until the following issue is resolved in Gutenberg:
    2120 * https://github.com/WordPress/gutenberg/issues/27075
    2221 */
    … …  
    2726}
    2827
    29 a:hover {
    30         text-decoration: none;
     28a:hover { text-decoration: none; }
     29
     30.wp-block-navigation .wp-block-navigation-item a:hover,
     31.wp-block-navigation .wp-block-navigation-item a:focus {
     32        text-decoration: underline;
     33        text-decoration-style: solid;
    3134}
    3235
    3336/* Input styles */
    3437
    35 input, textarea, keygen, select, button {
     38input, textarea, select, button {
    3639        background-color: inherit;
     40        border-radius: 0;
     41        font-family: inherit;
     42        font-size: inherit;
     43}
     44
     45input, textarea, select {
     46        background-color: var( --wp--preset--color--background );
     47        border: .1rem solid var( --wp--preset--color--secondary );
     48        color: var( --wp--preset--color--foreground );
     49        padding: .5em;
     50}
     51
     52/* Caption styles */
     53
     54:root figcaption {
    3755        color: inherit;
    38         font-family: inherit;
    39 }
    40 
    41 /* Caption styles */
    42 
    43 .wp-block-video figcaption,
    44 .wp-block-table figcaption,
    45 .wp-block-image figcaption {
    46         color: inherit;
    47 }
    48 
    49 /*
    50  * Button hover styles.
    51  * Necessary until the following issue is resolved in Gutenberg:
     56        font-size: var( --wp--preset--font-size--small );
     57}
     58
     59/*
     60 * Button hover styles. Necessary until the following issue is resolved in Gutenberg:
    5261 * https://github.com/WordPress/gutenberg/issues/27075
    5362 */
    … …  
    6069
    6170/*
    62  * Alignment styles.
    63  * Relevant issues:
     71 * Alignment styles. Relevant issues:
    6472 * https://github.com/WordPress/gutenberg/issues/35607
    6573 * https://github.com/WordPress/gutenberg/issues/35884
    … …  
    107115 */
    108116
     117button,
     118input[type="button"],
     119input[type="submit"],
     120input[type="reset"],
    109121.wp-block-search__button,
    110122.wp-block-file .wp-block-file__button {
    … …  
    117129}
    118130
    119 
    120 /* ------------------------------------------- */
    121 /*      Blocks
    122 /* ------------------------------------------- */
    123 
     131/* Editor Post Title */
     132
     133.editor-post-title__input { text-align: center; }
     134
     135/* Background Padding */
     136
     137h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background, :where(.wp-block-group.has-background) { padding: 1.5em; }
    124138
    125139/* Block: Calendar */
    … …  
    135149}
    136150
    137 .wp-block-calendar table th {
    138         background-color: var( --wp--preset--color--secondary );
    139 }
     151.wp-block-calendar table th { background-color: var( --wp--preset--color--secondary ); }
    140152
    141153/* Block: File */
    … …  
    147159}
    148160
    149 :root .wp-block-file__button:not(:only-child) {
    150         margin-left: var( --wp--custom--spacing--baseline );
    151 }
    152 
    153 /* Block: Group */
    154 
    155 :where(.wp-block-group.has-background) {
    156         padding: 1.5em;
    157 }
     161:root .wp-block-file__button:not(:only-child) { margin-left: var( --wp--custom--spacing--baseline ); }
    158162
    159163/* Block: Heading */
    … …  
    170174/* Block: Navigation */
    171175
    172 .wp-block-navigation__responsive-container.is-menu-open {
    173         padding: var(--wp--custom--spacing--outer);
    174 }
     176.wp-block-navigation__responsive-container.is-menu-open { padding: var(--wp--custom--spacing--outer); }
    175177
    176178/* Block: Post Comments Form */
    … …  
    227229        box-sizing: border-box;
    228230        content: "";
    229         display: block;
    230231        height: 12px;
    231232        position: absolute;
    … …  
    245246}
    246247
    247 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    248         background-color: var(--wp--preset--color--secondary);
    249 }
     248.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--wp--preset--color--secondary); }
  • davis-blocks/0.1.2/templates/page.html

    r171026 r171108  
    44<main class="wp-block-group">
    55
    6         <!-- wp:post-title {"textAlign":"center","level":1,"fontSize":"medium"} /-->
     6        <!-- wp:group {"style":{"spacing":{"blockGap":"30px"}},"layout":{"inherit":true}} -->
     7        <div class="wp-block-group">
     8                <!-- wp:post-title {"textAlign":"center","level":1,"fontSize":"medium"} /-->
    79
    8         <!-- wp:group {"layout":{"inherit":true}} -->
    9         <div class="wp-block-group">
    1010                <!-- wp:post-featured-image /-->
    1111        </div>
  • davis-blocks/0.1.2/templates/single.html

    r171026 r171108  
    55<main class="wp-block-group">
    66
    7         <!-- wp:post-title {"textAlign":"center","level":1,"fontSize":"medium"} /-->
     7        <!-- wp:group {"style":{"spacing":{"blockGap":"30px"}},"layout":{"inherit":true}} -->
     8        <div class="wp-block-group">
     9                <!-- wp:post-title {"textAlign":"center","level":1,"fontSize":"medium"} /-->
    810
    9         <!-- wp:group {"layout":{"inherit":true}} -->
    10         <div class="wp-block-group">
    1111                <!-- wp:post-featured-image /-->
    1212        </div>
    … …  
    3636                <!-- /wp:group -->
    3737
    38                 <!-- wp:group {"style":{"spacing":{"margin":{"top":"4em","bottom":"4em"}}}} -->
    39                 <div class="wp-block-group" style="margin-top:4em;margin-bottom:4em">
    40                         <!-- wp:separator {"backgroundColor":"secondary"} -->
    41                         <hr
    42                                 class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-davis-separator" />
    43                         <!-- /wp:separator -->
    44                 </div>
    45                 <!-- /wp:group -->
    46 
    4738                <!-- wp:comments-query-loop -->
    4839                <div class="wp-block-comments-query-loop">
     40
     41                        <!-- wp:separator {"backgroundColor":"secondary"} -->
     42                        <hr class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-davis-separator" />
     43                        <!-- /wp:separator -->
     44
    4945                        <!-- wp:comments-title {"textAlign":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"fontSize":"medium"} /-->
    5046
    … …  
    8379                        <div class="wp-block-group" style="margin-top:4em;margin-bottom:4em">
    8480                                <!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
    85                                 <!-- wp:comments-pagination-previous /-->
    86 
    87                                 <!-- wp:comments-pagination-next /-->
     81                                        <!-- wp:comments-pagination-previous /-->
     82                                        <!-- wp:comments-pagination-next /-->
    8883                                <!-- /wp:comments-pagination -->
    8984                        </div>
    9085                        <!-- /wp:group -->
    9186
    92                         <!-- wp:group {"style":{"spacing":{"margin":{"top":"4em","bottom":"4em"}}}} -->
    93                         <div class="wp-block-group" style="margin-top:4em;margin-bottom:4em">
    94                                 <!-- wp:separator {"backgroundColor":"secondary","className":"is-style-davis-separator"} -->
    95                                 <hr
    96                                         class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-davis-separator" />
    97                                 <!-- /wp:separator -->
    98                         </div>
    99                         <!-- /wp:group -->
     87                        <!-- wp:separator {"backgroundColor":"secondary","className":"is-style-davis-separator"} -->
     88                        <hr class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-davis-separator" />
     89                        <!-- /wp:separator -->
    10090
    10191                        <!-- wp:post-comments-form /-->
  • davis-blocks/0.1.2/theme.json

    r171062 r171108  
    163163                        "core/button": {
    164164                                "border": {
    165                                         "radius": "0px",
    166                                         "width": "1px"
     165                                        "radius": "0px"
    167166                                },
    168167                                "color": {
Note: See TracChangeset for help on using the changeset viewer.