Making WordPress.org

Changeset 14211


Ignore:
Timestamp:
11/27/2024 02:56:17 AM (3 months ago)
Author:
adamwood
Message:

Breathe 2024: Style tables

Fixes https://github.com/WordPress/wordpress.org/issues/423

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe-2024/style.css

    r14203 r14211  
    102102}
    103103
    104 table {
    105 /* tables still need 'cellspacing="0"' in the markup */
    106     border-collapse: separate;
    107     border-spacing: 0;
    108     border: 1px solid #eee;
    109 }
    110 
    111 thead {
    112     background: #eee;
    113 }
    114 
    115 caption,
    116 th,
    117 td {
     104caption {
    118105    font-weight: 400;
    119106    text-align: left;
    120 }
    121 
    122 td {
    123     border-bottom: 1px solid #eee;
    124     padding: 10px;
    125 }
    126 
    127 .tippy-tooltip {
    128     padding: var(--wp--preset--spacing--20);
    129     border-radius: 2px;
    130 }
    131 
    132 .glossary-item-container {
    133     background: var(--wp--preset--color--light-grey-2);
    134     padding: 3px 0;
    135     border-radius: unset;
    136 }
    137 
    138 .glossary-item-header {
    139     display: block;
    140     color: var(--wp--preset--color--charcoal-1);
    141     font-weight: var(--wp--custom--heading--typography--font-weight);
    142     font-size: var(--wp--preset--font-size--heading-3);
    143     margin-bottom: var(--wp--style--block-gap);
    144 }
    145 
    146 .glossary-item-description {
    147     font-style: initial;
    148     line-height: var(--wp--custom--body--small--typography--line-height);
    149     color: var(--wp--preset--color--charcoal-1);
    150 }
    151 
    152 .glossary-item-description a:last-child {
    153     display: block;
    154     margin-top: var(--wp--style--block-gap);
    155 }
    156 
    157 .glossary-item-description a:hover,
    158 .glossary-item-description a:focus {
    159     text-decoration: underline;
    160107}
    161108
     
    173120}
    174121
    175 .entry-content h3 + h4 {
    176     margin-top: 1em;
    177 }
    178 
    179 .entry-content p a {
    180     word-wrap: break-word;
     122/* Tables */
     123
     124table {
     125    /* tables still need 'cellspacing="0"' in the markup */
     126    border-collapse: separate;
     127    border-spacing: 0;
     128}
     129
     130thead {
     131    background: unset;
     132}
     133
     134th,
     135td {
     136    font-weight: 400;
     137    text-align: left;
    181138}
    182139
    183140.entry-content td,
    184 .entry-content th {
    185     padding: 1em !important;
     141.entry-content th,
     142article.post .entry-content table tr td {
     143    border: 1px solid var(--wp--custom--color--border);
     144    padding: var(--wp--preset--spacing--20) !important;
     145}
     146
     147article.post.sticky .entry-content th,
     148article.post.sticky .entry-content table tr td {
     149    border-color: color-mix(in oklab, black 5%, var(--wp--custom--color--border));
    186150}
    187151
     
    189153#primary thead td,
    190154#primary thead th {
    191     font-weight: bold;
     155    font-weight: 700;
    192156}
    193157
    194158td:first-of-type {
    195159    width: 30%;
    196     border-right: 1px solid #eee;
    197160}
    198161
     
    210173
    211174/*
    212  * Block styles
    213  */
     175* Block styles
     176*/
    214177
    215178.wp-block-code {
     
    220183    overflow: auto;
    221184    white-space: pre-wrap;
     185}
     186
     187.wp-block-table.is-style-stripes thead + tbody tr:nth-child(even) {
     188    background-color: var(--wp--preset--color--blueberry-4);
     189}
     190
     191.sticky .wp-block-table.is-style-stripes thead tr,
     192.sticky .wp-block-table.is-style-stripes tbody tr:nth-child(even) {
     193    background-color: color-mix( in srgb, currentColor 7%, transparent );
    222194}
    223195
     
    24132385    display: none;
    24142386}
     2387
     2388/* Glossary */
     2389
     2390.tippy-tooltip {
     2391    padding: var(--wp--preset--spacing--20);
     2392    border-radius: 2px;
     2393}
     2394
     2395.glossary-item-container {
     2396    background: var(--wp--preset--color--light-grey-2);
     2397    padding: 3px 0;
     2398    border-radius: unset;
     2399}
     2400
     2401.glossary-item-header {
     2402    display: block;
     2403    color: var(--wp--preset--color--charcoal-1);
     2404    font-weight: var(--wp--custom--heading--typography--font-weight);
     2405    font-size: var(--wp--preset--font-size--heading-3);
     2406    margin-bottom: var(--wp--style--block-gap);
     2407}
     2408
     2409.glossary-item-description {
     2410    font-style: initial;
     2411    line-height: var(--wp--custom--body--small--typography--line-height);
     2412    color: var(--wp--preset--color--charcoal-1);
     2413}
     2414
     2415.glossary-item-description a:last-child {
     2416    display: block;
     2417    margin-top: var(--wp--style--block-gap);
     2418}
     2419
     2420.glossary-item-description a:hover,
     2421.glossary-item-description a:focus {
     2422    text-decoration: underline;
     2423}
Note: See TracChangeset for help on using the changeset viewer.