Skip to content

Commit

Permalink
stylelintrc: Allow % for border-radius (#71379)
Browse files Browse the repository at this point in the history
  • Loading branch information
@danielbachhuber
danielbachhuber committed Dec 20, 2022
1 parent 2768f6a commit 4cb39a0
Show file tree
Hide file tree
Showing 89 changed files with 36 additions and 124 deletions.
2 changes: 1 addition & 1 deletion .stylelintrc
View file
Expand Up @@ -28,7 +28,7 @@
{
"/^font-size$|^font$/": [ "rem" ],
"line-height": [ "px" ],
"/radius$/": [ "px" ]
"/radius$/": [ "px", "%" ]
},
{ "ignore": [ "inside-function" ] }
],
Expand Down
1 change: 0 additions & 1 deletion apps/editing-toolkit/editing-toolkit-plugin/event-countdown-block/blocks/src/style.scss
View file
Expand Up @@ -117,7 +117,6 @@ $ecf_color6: #b82806;
top: 0;
width: 4px;
height: 4px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
animation: 1s event_countdown_bang ease-out infinite backwards, 1s event_countdown_gravity ease-in infinite backwards, 5s event_countdown_position linear infinite backwards;
mix-blend-mode: overlay;
Expand Down
4 changes: 2 additions & 2 deletions apps/notifications/src/panel/boot/stylesheets/main.scss
View file
Expand Up @@ -290,7 +290,7 @@
border: {
width: 1px;
style: solid;
radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
radius: 50%;
}
}
}
Expand Down Expand Up @@ -376,7 +376,7 @@
}

.wpnc__note .wpnc__note-icon img {
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
}

.unread .wpnc__note-icon .wpnc__gridicon {
Expand Down
1 change: 0 additions & 1 deletion apps/notifications/src/panel/boot/stylesheets/spinner.scss
View file
Expand Up @@ -17,7 +17,6 @@
margin: auto;
box-sizing: border-box;
border: 0.1em solid transparent;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
animation: 3s linear infinite;
animation-name: wpnc__rotate-spinner;
Expand Down
1 change: 0 additions & 1 deletion apps/notifications/src/panel/suggestions/styles.scss
View file
Expand Up @@ -6,7 +6,6 @@ $text-color: var(--color-neutral-70);
$name-color: var(--color-neutral-light);
$selected-color: var(--color-primary);
$img-size: 24px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
$img-border-radius: 50%;
$border-radius: 3px; /* stylelint-disable-line scales/radii */
$box-shadow: 0 5px 6px rgba(var(--color-neutral-10-rgb), 0.5);
Expand Down
1 change: 0 additions & 1 deletion apps/o2-blocks/src/p2-autocomplete/editor.scss
View file
Expand Up @@ -13,7 +13,6 @@
}
.p2-autocomplete__blavatar-placeholder {
background-color: #24354a;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 100%;
position: relative;
}
Expand Down
1 change: 0 additions & 1 deletion apps/o2-blocks/src/task/editor.scss
View file
Expand Up @@ -96,6 +96,5 @@
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: 100; /* stylelint-disable-line scales/font-weights */
background: #eb6565;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
}
1 change: 0 additions & 1 deletion apps/o2-blocks/src/todo/editor.scss
View file
Expand Up @@ -28,7 +28,6 @@ $color-add-button-icon: #7e8993; // dark-gray-200
display: inline-block;
content: "";
border: 1px solid $gray-200;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
margin: 7px 8px 0 0;
height: 16px;
Expand Down
2 changes: 1 addition & 1 deletion client/assets/stylesheets/shared/_loading.scss
View file
Expand Up @@ -31,7 +31,7 @@
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%; /*stylelint-disable-line declaration-property-unit-allowed-list*/
border-radius: 50%;
background: var(--studio-gray-60);
animation-timing-function: cubic-bezier(0, 1, 1, 0);

Expand Down
2 changes: 1 addition & 1 deletion client/blocks/app-banner/style.scss
View file
Expand Up @@ -42,7 +42,7 @@ body.app-banner-is-visible {
.app-banner__circle {
position: absolute;
border: 2px solid;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
z-index: z-index("root", ".app-banner__circle");

&.is-blue {
Expand Down
1 change: 0 additions & 1 deletion client/blocks/comments/post-comment.scss
View file
Expand Up @@ -92,7 +92,6 @@ a.comments__comment-username {

.comments__comment-trackbackicon {
background-color: var(--color-neutral-0);
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
height: 32px;
margin-right: 9px;
Expand Down
8 changes: 4 additions & 4 deletions client/blocks/edit-gravatar/style.scss
View file
Expand Up @@ -13,7 +13,7 @@
top: 0;
left: 0;
background-color: rgba(var(--color-neutral-70-rgb), 0.5);
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
height: 150px;
width: 150px;
}
Expand All @@ -36,7 +36,7 @@
display: block;
width: 150px;
height: 150px;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
}
.edit-gravatar__explanation-placeholder {
height: 24px;
Expand Down Expand Up @@ -91,7 +91,7 @@
top: 0;
width: 150px;
height: 150px;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
background: rgba(var(--color-neutral-70-rgb), 0.5);
color: #fff;
text-align: center;
Expand Down Expand Up @@ -160,7 +160,7 @@
}

.edit-gravatar .drop-zone {
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
width: 150px;
height: 150px;
border: 0;
Expand Down
2 changes: 0 additions & 2 deletions client/blocks/image-editor/style.scss
View file
Expand Up @@ -93,13 +93,11 @@
margin-top: -4px;
/*!rtl:ignore*/
margin-left: -4px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
border: 2px solid var(--color-border-inverted);
background: var(--color-neutral-90);

&::before {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 100%;
content: " ";
display: block;
Expand Down
2 changes: 1 addition & 1 deletion client/blocks/import/ready/style.scss
View file
Expand Up @@ -56,7 +56,7 @@
background: var(--studio-gray-5);
width: 4px;
height: 4px;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
margin: 0 2px;

@include break-small {
Expand Down
2 changes: 0 additions & 2 deletions client/blocks/post-share/style.scss
View file
Expand Up @@ -181,7 +181,6 @@ $section-border: solid 1px var(--color-neutral-5);
top: 11px;

&::before {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
height: 24px;
width: 24px;
Expand All @@ -204,7 +203,6 @@ $section-border: solid 1px var(--color-neutral-5);
background-size: cover;
width: 32px;
height: 32px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
position: relative;
flex: 0 0 32px;
Expand Down
1 change: 0 additions & 1 deletion client/blocks/reader-feed-header/style.scss
View file
Expand Up @@ -28,7 +28,6 @@
padding-bottom: 16px;
img,
.site-icon.is-blank {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 100%;
}
}
Expand Down
2 changes: 0 additions & 2 deletions client/blocks/reader-post-card/style.scss
View file
Expand Up @@ -421,7 +421,6 @@
}

img {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 100%;
}
}
Expand Down Expand Up @@ -659,7 +658,6 @@
}

.reader-post-card__gallery-circle {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
width: 7px;
height: 7px;
Expand Down
1 change: 0 additions & 1 deletion client/blocks/reader-share/style.scss
View file
Expand Up @@ -158,7 +158,6 @@
.reader-share__site-selector .site__domain {
&::after {
@include long-content-fade( $color: var( --color-surface-rgb ) );
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
}
}
1 change: 0 additions & 1 deletion client/blocks/user-mentions/suggestion.scss
View file
Expand Up @@ -2,7 +2,6 @@ $user-mentions-avatar-size: 24px;
$user-mentions-avatar-margin: 10px;

.user-mentions__avatar {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
width: $user-mentions-avatar-size;
height: $user-mentions-avatar-size;
Expand Down
4 changes: 2 additions & 2 deletions client/components/activity-card-list/style.scss
View file
Expand Up @@ -111,7 +111,7 @@
top: calc(100% + 16px);
visibility: visible;
z-index: -1;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
}
}

Expand Down Expand Up @@ -181,7 +181,7 @@
top: calc(100% - 9px);
visibility: visible;
z-index: -1;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion client/components/banner/style.scss
View file
Expand Up @@ -79,7 +79,7 @@

.banner__icon,
.banner__icon-circle {
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
flex-shrink: 0;
height: 24px;
margin-right: 12px;
Expand Down
1 change: 0 additions & 1 deletion client/components/date-picker/style.scss
View file
Expand Up @@ -205,7 +205,6 @@ $date-picker_nav_button_size: 20px;
height: 24px;
width: 24px;
line-height: 24px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
cursor: pointer;
border: 1px solid rgba(var(--color-surface-rgb), 0);
Expand Down
1 change: 0 additions & 1 deletion client/components/domains/connect-domain-step/style.scss
View file
Expand Up @@ -148,7 +148,6 @@ body.connect-domain-setup__body-white {
font-size: $font-body-small;
color: var(--color-text-subtle);
box-sizing: border-box;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
flex-shrink: 0;

Expand Down
1 change: 0 additions & 1 deletion client/components/domains/transfer-domain-step/style.scss
View file
Expand Up @@ -137,7 +137,6 @@
width: 28px;
height: 28px;
line-height: 28px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
border: 1px solid var(--color-neutral-10);
background-color: var(--color-neutral-0);
Expand Down
2 changes: 0 additions & 2 deletions client/components/dot-pager/style.scss
View file
Expand Up @@ -69,8 +69,6 @@
}

.dot-pager__control-choose-page {
// Drawing a CSS circle
// stylelint-disable-next-line declaration-property-unit-allowed-list
border-radius: 50%;
width: 6px;
height: 6px;
Expand Down
1 change: 0 additions & 1 deletion client/components/environment-badge/style.scss
View file
Expand Up @@ -27,7 +27,6 @@
height: 26px;
background-color: var(--color-surface);
border: solid 1px var(--color-neutral-70);
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
color: var(--color-neutral-70);
margin-left: -4px;
Expand Down
2 changes: 0 additions & 2 deletions client/components/forms/form-radio/style.scss
View file
Expand Up @@ -13,7 +13,6 @@
min-width: 16px;
appearance: none;

/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
margin-right: 4px;
line-height: 10px;
Expand All @@ -26,7 +25,6 @@
height: 8px;
text-indent: -9999px;
background: var(--color-primary);
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
animation: grow 0.2s ease-in-out;
}
Expand Down
8 changes: 0 additions & 8 deletions client/components/forms/sortable-list/style.scss
View file
Expand Up @@ -63,18 +63,14 @@

&.is-previous {
padding-left: 12px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-top-left-radius: 50%;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-bottom-left-radius: 50%;
}

&.is-next {
margin-left: -1px;
padding-right: 12px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-top-right-radius: 50%;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-bottom-right-radius: 50%;
}
}
Expand All @@ -88,17 +84,13 @@
margin-left: auto;

&.is-previous {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-top-right-radius: 50%;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-top-left-radius: 50%;
}

&.is-next {
margin-top: -1px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-bottom-right-radius: 50%;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-bottom-left-radius: 50%;
}
}
Expand Down
1 change: 0 additions & 1 deletion client/components/happychat/button.scss
View file
Expand Up @@ -5,7 +5,6 @@
z-index: z-index("root", ".floating-help");
line-height: 0;
padding: 1px;
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 100%;
background: var(--color-primary);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
Expand Down
2 changes: 1 addition & 1 deletion client/components/jetpack/jetpack-welcome-page/style.scss
View file
Expand Up @@ -83,7 +83,7 @@
color: var(--color-text-inverted);
background-color: var(--studio-jetpack-green-40);
text-align: center;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
font-size: $font-title-small;
font-weight: 600;
width: rem(32px);
Expand Down
2 changes: 1 addition & 1 deletion client/components/marketing-survey/cancel-purchase-form/style.scss
View file
Expand Up @@ -326,7 +326,7 @@
width: 44px;
height: 44px;
flex: 0 0 44px;
border-radius: 50%; /* stylelint-disable-line declaration-property-unit-allowed-list */
border-radius: 50%;
background-color: #50575e;

.material-icon {
Expand Down
1 change: 0 additions & 1 deletion client/components/pulsing-dot/style.scss
View file
Expand Up @@ -10,7 +10,6 @@
height: 6px;
border: none;
box-shadow: 0 0 0 0 rgba(168, 190, 206, 0.7);
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 100%;
animation: dot-pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation-play-state: paused;
Expand Down
1 change: 0 additions & 1 deletion client/components/purchase-detail/style.scss
View file
Expand Up @@ -83,7 +83,6 @@

.purchase-detail__icon {
background: var(--color-neutral-50);
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
color: var(--color-text-inverted);
padding: 16px;
Expand Down
2 changes: 0 additions & 2 deletions client/components/share/facebook-share-preview/style.scss
View file
Expand Up @@ -30,7 +30,6 @@
width: 40px;
&::after {
border: 1px solid rgba(0, 0, 0, 0.1);
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
bottom: 0;
content: "";
Expand All @@ -47,7 +46,6 @@
}

.facebook-share-preview__profile-picture {
/* stylelint-disable-next-line declaration-property-unit-allowed-list */
border-radius: 50%;
}

Expand Down

0 comments on commit 4cb39a0

Please sign in to comment.