Skip to content

Update .rounded utilities#31108

Closed
mdo wants to merge 2 commits intomainfrom
rounded-updates
Closed

Update .rounded utilities#31108
mdo wants to merge 2 commits intomainfrom
rounded-updates

Conversation

@mdo
Copy link
Copy Markdown
Member

@mdo mdo commented Jun 19, 2020

  • Adds .rounded-1, .rounded-2, and .rounded-3
  • Drops .rounded-sm and .rounded-lg because they conflict with breakpoint nomenclature
  • Rearrange rounded docs

Closes #30048, fixes #29989, closes #30778.


My hope with this PR is to balance keeping the primary .rounded class while reducing confusion around class names and adding additional control. To that end, I'm thinking of keeping .rounded even though it's the same as .rounded-1 as of right now. This then drops .rounded-sm and .rounded-lg for something else.

That last change feels maybe problematic though since our large and small inputs and buttons use those variables.

Which of the referenced PRs are the best approaches? I feel like I could go any direction...

/cc @twbs/css-review

- Adds .rounded-1, .rounded-2, and .rounded-3
- Drops .rounded-sm and .rounded-lg because they conflict with breakpoint nomenclature
- Rearrange rounded docs
@mdo mdo requested a review from a team as a code owner June 19, 2020 00:29
$border-radius-sm: .2rem !default;
$border-radius-lg: .3rem !default;

$rounded-sizes: map-remove($spacers, 4, 5) !default;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we better redelare the sizes here, would be weird if the spacers map is changed to :

$spacers: (
  0: 0,
  1: $spacer / 4,
  2: $spacer / 2,
  3: $spacer,
  4: $spacer * 1.5,
  5: $spacer * 3,
  6: $spacer * 4.5,
) !default;

@mdo
Copy link
Copy Markdown
Member Author

mdo commented Sep 18, 2020

Replaced by #31687

@mdo mdo closed this Sep 18, 2020
@XhmikosR XhmikosR deleted the rounded-updates branch November 11, 2020 08:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Confusing classes rounded-sm and rounded-lg

3 participants