WordPress.org

Make WordPress Core

Changeset 48073


Ignore:
Timestamp:
06/17/2020 03:46:47 PM (5 months ago)
Author:
ianbelanger
Message:

Bundled Themes: Twenty Nineteen horizontal rule is very narrow.

Fixes the issue by adding specific styles for the <hr> tag.

Props laurelfulford, nielslange, kjellr, samful, leprincenoir.
Fixes #45912.

Location:
trunk/src/wp-content/themes/twentynineteen
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r48047 r48073  
    684684        max-width: 2.25em;
    685685        text-align: left;
     686
     687        &:not(.wp-block-separator) {
     688            max-width: 100%;
     689            @include postContentMaxWidth();
     690        }
    686691
    687692        &.is-style-wide {
  • trunk/src/wp-content/themes/twentynineteen/style-rtl.css

    r47952 r48073  
    29592959  text-shadow: none;
    29602960  padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
    2961   white-space: nowrap;
     2961  max-width: 20rem;
    29622962}
    29632963
     
    56385638  font-weight: bold;
    56395639  margin: 0 0 0 0.25em;
     5640}
     5641
     5642@-moz-document url-prefix() {
     5643  .entry .entry-content .has-drop-cap:not(:focus)::first-letter {
     5644    margin-top: 0.2em;
     5645  }
    56405646}
    56415647
  • trunk/src/wp-content/themes/twentynineteen/style.css

    r48047 r48073  
    56535653
    56545654@-moz-document url-prefix() {
    5655   .entry .entry-content .has-drop-cap:not(:focus)::first-letter {
     5655  .entry .entry-content .has-drop-cap:not(:focus):first-letter {
    56565656    margin-top: 0.2em;
    56575657  }
     
    60346034  /* Remove duplicate rule-line when a separator
    60356035         * is followed by an H1, or H2 */
     6036}
     6037
     6038.entry .entry-content .wp-block-separator:not(.wp-block-separator),
     6039.entry .entry-content hr:not(.wp-block-separator) {
     6040  max-width: 100%;
     6041}
     6042
     6043@media only screen and (min-width: 768px) {
     6044  .entry .entry-content .wp-block-separator:not(.wp-block-separator),
     6045  .entry .entry-content hr:not(.wp-block-separator) {
     6046    max-width: calc(8 * (100vw / 12) - 28px);
     6047  }
     6048}
     6049
     6050@media only screen and (min-width: 1168px) {
     6051  .entry .entry-content .wp-block-separator:not(.wp-block-separator),
     6052  .entry .entry-content hr:not(.wp-block-separator) {
     6053    max-width: calc(6 * (100vw / 12) - 28px);
     6054  }
    60366055}
    60376056
Note: See TracChangeset for help on using the changeset viewer.