Add decoration to the bubble component #152
No reviewers
Labels
No Label
a11y
Backlog
Blocked
Bug
Content
Dependencies
Design
Feature Request
Good First Issue
In Progress
Performance
Priority - High
Priority - Low
Priority - Medium
Untriaged
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: www/www-new#152
Loading…
Reference in New Issue
No description provided.
Delete Branch "adi-bubble"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Closes #87
@ -3,0 +5,4 @@
}
.bubble {
--border-radius: calc(5000rem / 16);
A massive border radius ensures the circularness of the border for all elements up to 10000px in height, that's more than enough.
@ -9,2 +11,2 @@
<div className={styles.bubble}>
<DefaultLayout>{props.children}</DefaultLayout>
<div className={styles.container}>
<div className={styles.bubble} aria-hidden>
Since this is purely visual, we hide it from screen readers.
@ -6,2 +40,4 @@
background-color: var(--primary-accent-light);
}
@media only screen and (min-width: calc(1350rem / 16)) {
Using min-width instead of max-width here so I don't have to
unset
a lot of properties.ea936c4b5b
toba274c262e
Looks good!