style.css

/*
Theme Name: Written
Theme URI: https://www.oik-plugins.com/oik-themes/written
Description: An experimental FSE theme to replace Genesis-hm
Author: Bobbing Wide
Author URI: https://bobbingwide.com/about-bobbing-wide
Version: 0.3.1
Tags: blocks, Gutenberg, FSE, oik, Full Site Editing
Requires at least: 5.7.0
Requires PHP: 7.3
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text domain: written
*/


/**
Add registered style for images which grow when hovered.
 */

.is-style-grows img {
    transition: all 1s ease;
    margin: 0 2%;
    max-width: 96%;
}

.is-style-grows img:hover {
    margin: 0;
    max-width: 100%;
}

/* Don't show the underlining on a site title link. */
.wp-block-site-title a {
   text-decoration: none;
}
/* When site title is hovered then show a small dotted underline. */
.wp-block-site-title a:hover {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 0.05em;
}

/**
Add CSS to prevent large and full sized images from losing their aspect ratio
 */
.wp-block-image img {
    height: auto;
}
/**
Prevent media and text images from stretching.
 */
.wp-block-media-text__media img, .wp-block-media-text__media video {
    height: auto;
}

.wp-block-navigation img {
    height: auto;
}
/**
Style the archive block's select dropdown.
 */
input,
select,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0px;
    width: 100%;
}

/**
Add registered style for heading where you don't want underlining.
 */
.is-style-plain a {
    text-decoration: none;
}

/* When hovered then show a small dotted underline. */
.is-style-plain a:hover {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 0.05em;
}

/**
Add registered style called fancy, which can do what it likes
to style parapgraphs, lists or other blocks.
 */
.is-style-fancy strong {
    font-size: 150%;
}

.is-style-fancy code {
    font-size: 110%;
    background-color: var( --wp--preset--color--body-background );
    padding: 2px;
}

/**
 First attempt to flow the metadates template part onto one line using CSS flex.
 Superseded by CSS flex.
 */
.is-style-griddled.wp-block-template-part {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr ;
}

.is-style-flexed p,
span.post_modified {
    font-size: var(--wp--preset--font-size--extra-small);
}

.wp-block-post-date,
span.post_modified {
    margin: 0 10px 0 0;
}

div.wp-block-oik-sb-sb-post-edit-block {
    margin: 0 0;
}

/**
Put some blank space between posts on index.html
but not between list items in the post content
 */
ul.wp-block-post-template li {
    margin-bottom: 20px;
}

ul.wp-block-post-template li ul li,
ul.wp-block-post-template ol li {
    margin-bottom: 5px;
}

hr.wp-block-separator {
    border-bottom: 0px;
}

.is-style-flexed {
    display: flex;
    justify-content: flex-start;
}

.is-style-flexed p,
.is-style-griddled p {
    margin: 0 10px 0 0;
}

.wp-block-group.is-style-flexed {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media print {
    header,
    div.bw_clone_form{ display: none;}

    .wp-block-group {
        padding: 0px;
    }
    body {
        line-height: normal;
    }
    h2.wp-block-post-title {
        padding: 0px;
    }
}