WordPress.org
Get WordPress

Make WordPress Core

Ticket #45925: css-text-decoration.45925.3.diff

File css-text-decoration.45925.3.diff, 6.7 KB (added by danfarrow, 4 years ago)

Add text-decoration-thickness: 2px and text-decoration-skip-ink: auto to declaration blocks containing text-decoration: underline. Rebuild style-rtl.css. Rebuild style.css, retaining the block-patterns tag

  • src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 

    diff --git src/wp-content/themes/twentynineteen/sass/elements/_elements.scss src/wp-content/themes/twentynineteen/sass/elements/_elements.scss
index b1fad05838..aa0278d619 100644
    a:focus { 
    4040        outline: thin;
    4141        outline-style: dotted;
    4242        text-decoration: underline;
     43        text-decoration-skip-ink: auto;
     44        text-decoration-thickness: 2px;
    4345}
    4446
    4547h1,

  • src/wp-content/themes/twentynineteen/sass/navigation/_links.scss 

    diff --git src/wp-content/themes/twentynineteen/sass/navigation/_links.scss src/wp-content/themes/twentynineteen/sass/navigation/_links.scss
index cbee4579d6..96a06988a5 100644
    a { 
    1717        &:focus {
    1818                outline: thin dotted;
    1919                text-decoration: underline;
     20                text-decoration-skip-ink: auto;
     21                text-decoration-thickness: 2px;
    2022        }
    2123}

  • src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 

    diff --git src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss
index ec9fb12b90..7eaa9f214d 100644
     
    318318
    319319                a {
    320320                        text-decoration: underline;
     321                        text-decoration-skip-ink: auto;
     322                        text-decoration-thickness: 2px;
    321323
    322324                        &:hover {
    323325                                text-decoration: none;

  • src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 

    diff --git src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss
index ce1c6f2909..5bfc4d8b4d 100644
     
    212212
    213213                a {
    214214                        text-decoration: underline;
     215                        text-decoration-skip-ink: auto;
     216                        text-decoration-thickness: 2px;
    215217
    216218                        &.button,
    217219                        &:hover {

  • src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 

    diff --git src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss
index 9447d42888..87d5840c8f 100644
     
    8181
    8282        a {
    8383                text-decoration: underline;
     84                text-decoration-skip-ink: auto;
     85                text-decoration-thickness: 2px;
    8486        }
    8587
    8688        .wp-calendar-table {

  • src/wp-content/themes/twentynineteen/sass/typography/_copy.scss 

    diff --git src/wp-content/themes/twentynineteen/sass/typography/_copy.scss src/wp-content/themes/twentynineteen/sass/typography/_copy.scss
index bfbd0feb46..0a94a5cfc7 100644
    a { 
    5858
    5959        &:focus {
    6060                text-decoration: underline;
     61                text-decoration-skip-ink: auto;
     62                text-decoration-thickness: 2px;
    6163        }
    6264}

  • src/wp-content/themes/twentynineteen/style-rtl.css 

    diff --git src/wp-content/themes/twentynineteen/style-rtl.css src/wp-content/themes/twentynineteen/style-rtl.css
index 180c64c336..280fed8f4f 100644
    a:hover { 
    24702470
    24712471a:focus {
    24722472  text-decoration: underline;
     2473  text-decoration-skip-ink: auto;
     2474  text-decoration-thickness: 20px;
    24732475}
    24742476
    24752477/* Elements */
    … … a:focus { 
    25112513  outline: thin;
    25122514  outline-style: dotted;
    25132515  text-decoration: underline;
     2516  text-decoration-skip-ink: auto;
     2517  text-decoration-thickness: 20px;
    25142518}
    25152519
    25162520h1,
    … … a:active { 
    27592763a:focus {
    27602764  outline: thin dotted;
    27612765  text-decoration: underline;
     2766  text-decoration-skip-ink: auto;
     2767  text-decoration-thickness: 20px;
    27622768}
    27632769
    27642770/*--------------------------------------------------------------
    … … body.page .main-navigation { 
    44224428
    44234429.entry .entry-content a {
    44244430  text-decoration: underline;
     4431  text-decoration-skip-ink: auto;
     4432  text-decoration-thickness: 20px;
    44254433}
    44264434
    44274435.entry .entry-content a.button, .entry .entry-content a:hover {
    … … body.page .main-navigation { 
    48944902
    48954903.comment .comment-content a {
    48964904  text-decoration: underline;
     4905  text-decoration-skip-ink: auto;
     4906  text-decoration-thickness: 20px;
    48974907}
    48984908
    48994909.comment .comment-content a:hover {
    … … body.page .main-navigation { 
    52155225
    52165226.widget_calendar .calendar_wrap a {
    52175227  text-decoration: underline;
     5228  text-decoration-skip-ink: auto;
     5229  text-decoration-thickness: 20px;
    52185230}
    52195231
    52205232.widget_calendar .calendar_wrap .wp-calendar-table {

  • src/wp-content/themes/twentynineteen/style.css 

    diff --git src/wp-content/themes/twentynineteen/style.css src/wp-content/themes/twentynineteen/style.css
index 81193ed80d..614b75fd78 100644
    Version: 1.8 
    1111License: GNU General Public License v2 or later
    1212License URI: http://www.gnu.org/licenses/gpl-2.0.html
    1313Text Domain: twentynineteen
    14 Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
     14Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
    1515
    1616This theme, like WordPress, is licensed under the GPL.
    1717Use it to make something cool, have fun, and share what you've learned with others.
    … … a:hover { 
    24702470
    24712471a:focus {
    24722472  text-decoration: underline;
     2473  text-decoration-skip-ink: auto;
     2474  text-decoration-thickness: 2px;
    24732475}
    24742476
    24752477/* Elements */
    … … a:focus { 
    25112513  outline: thin;
    25122514  outline-style: dotted;
    25132515  text-decoration: underline;
     2516  text-decoration-skip-ink: auto;
     2517  text-decoration-thickness: 2px;
    25142518}
    25152519
    25162520h1,
    … … a:active { 
    27592763a:focus {
    27602764  outline: thin dotted;
    27612765  text-decoration: underline;
     2766  text-decoration-skip-ink: auto;
     2767  text-decoration-thickness: 2px;
    27622768}
    27632769
    27642770/*--------------------------------------------------------------
    … … body.page .main-navigation { 
    44284434
    44294435.entry .entry-content a {
    44304436  text-decoration: underline;
     4437  text-decoration-skip-ink: auto;
     4438  text-decoration-thickness: 2px;
    44314439}
    44324440
    44334441.entry .entry-content a.button, .entry .entry-content a:hover {
    … … body.page .main-navigation { 
    49004908
    49014909.comment .comment-content a {
    49024910  text-decoration: underline;
     4911  text-decoration-skip-ink: auto;
     4912  text-decoration-thickness: 2px;
    49034913}
    49044914
    49054915.comment .comment-content a:hover {
    … … body.page .main-navigation { 
    52215231
    52225232.widget_calendar .calendar_wrap a {
    52235233  text-decoration: underline;
     5234  text-decoration-skip-ink: auto;
     5235  text-decoration-thickness: 2px;
    52245236}
    52255237
    52265238.widget_calendar .calendar_wrap .wp-calendar-table {