footer Social Icon design Issue

[utsav72640]

​https://wordpress.org/download/

footer Socia Icon design issue.

[utsav72640]

​https://wordpress.org/download/

[utsav72640]

Above issue will fixed if we add important from below css code.

.dashicons, .dashicons-before:before {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 20px !important;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[garrett-eclipse]

Isolated the .dashicons styles on the download page to the .site-content to avoid affecting the footer.

[garrett-eclipse]

Thanks @utsav72640 I see what you're saying there.

These icons were updated here - #3655

Seems the dashicons in the page content for the Download page has custom CSS which should probably just be isolated to the page content. I've uploaded 4227.diff to isolate the .dashicons styles on the Download page into the .site-content so it doesn't affect the footer.

Cheers

[SergeyBiryukov]

In 8362:

WordPress.org Main Theme: Download: Apply Dashicon styles to the main content only, to avoid interfering with the footer.

Props garrett-eclipse, utsav72640.
Fixes #4227.

[SergeyBiryukov]

In 8363:

WordPress.org Main Theme: Download: Bump CSS version for cache bust after [8362].

See #4227.

[garrett-eclipse]

Thanks @SergeyBiryukov srry I overlooked the .scss I'll need to learn the meta build from you