Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix proportions of icon only rounded buttons to be perfect circles #3839

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Commits on Jun 12, 2024

  1. Fix the proportions of icon only is-rounded buttons to be perfect cir…

    …cles
    
    Currently, creating a button with only a single icon inside it results in
    a perfect square icon button, but doing the same with the is-rounded modifer
    doesn't result in a perfect circle because extra padding is added for rounded
    buttons. This adds an extra selector to move that extra padding case to happen
    only in the cases where a single icon isn't the sole child of the button.
    
    This means that circular icon buttons can now  be created, but adding any other
    content to the button still results in the exact same proportions as before.
    
    Since this makes use of the :has() selector which has only recently gained
    good browser support, the whole rule is behind an @supports for :has() so that
    older browsers will fall back to the same logic as before.
    bluefantail committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    a91d861 View commit details
    Browse the repository at this point in the history