Skip to content

Commit

Permalink
sort border-radius with border
Browse files Browse the repository at this point in the history
  • Loading branch information
@stephenwade
stephenwade committed Oct 12, 2020
1 parent 7c6a2f4 commit 51b7661
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 34 deletions.
3 changes: 2 additions & 1 deletion index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,8 @@ function border (infix) {
'border' + infix,
'border' + infix + '-width',
'border' + infix + '-style',
'border' + infix + '-color'
'border' + infix + '-color',
'border' + infix + '-radius'
]
}

Expand Down
66 changes: 33 additions & 33 deletions test/expected.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -487,8 +487,8 @@ mark,
height: auto;
padding: 0.25rem;
border: 1px solid #dee2e6;
background-color: #fff;
border-radius: 0.25rem;
background-color: #fff;
}

.figure {
Expand Down Expand Up @@ -517,8 +517,8 @@ a > code {

kbd {
padding: 0.2rem 0.4rem;
background-color: #212529;
border-radius: 0.2rem;
background-color: #212529;
color: #fff;
font-size: 87.5%;
}
Expand Down Expand Up @@ -1861,9 +1861,9 @@ pre code {
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
border: 1px solid #ced4da;
border-radius: 0.25rem;
background-clip: padding-box;
background-color: #fff;
border-radius: 0.25rem;
color: #495057;
font-size: 1rem;
font-weight: 400;
Expand Down Expand Up @@ -2070,9 +2070,9 @@ textarea.form-control {
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
margin-top: .1rem;
background-color: rgba(40, 167, 69, 0.9);
border-radius: 0.25rem;
color: #fff;
font-size: 0.875rem;
line-height: 1.5;
Expand Down Expand Up @@ -2193,9 +2193,9 @@ textarea.form-control {
display: none;
max-width: 100%;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
margin-top: .1rem;
background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem;
color: #fff;
font-size: 0.875rem;
line-height: 1.5;
Expand Down Expand Up @@ -2380,8 +2380,8 @@ textarea.form-control {
display: inline-block;
padding: 0.375rem 0.75rem;
border: 1px solid transparent;
background-color: transparent;
border-radius: 0.25rem;
background-color: transparent;
color: #212529;
font-size: 1rem;
font-weight: 400;
Expand Down Expand Up @@ -3064,10 +3064,10 @@ input[type="button"].btn-block {
min-width: 10rem;
padding: 0.5rem 0;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
margin: 0.125rem 0 0;
background-clip: padding-box;
background-color: #fff;
border-radius: 0.25rem;
color: #212529;
float: left;
font-size: 1rem;
Expand Down Expand Up @@ -3523,9 +3523,9 @@ input[type="button"].btn-block {
align-items: center;
padding: 0.375rem 0.75rem;
border: 1px solid #ced4da;
border-radius: 0.25rem;
margin-bottom: 0;
background-color: #e9ecef;
border-radius: 0.25rem;
color: #495057;
-ms-flex-align: center;
font-size: 1rem;
Expand Down Expand Up @@ -3729,8 +3729,8 @@ input[type="button"].btn-block {
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: 0.5rem;
background-color: #adb5bd;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
Expand Down Expand Up @@ -3758,12 +3758,12 @@ input[type="button"].btn-block {
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-color: #fff;
border-radius: 0.25rem;
color: #495057;
font-size: 1rem;
font-weight: 400;
Expand Down Expand Up @@ -3856,8 +3856,8 @@ input[type="button"].btn-block {
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
border: 1px solid #ced4da;
background-color: #fff;
border-radius: 0.25rem;
background-color: #fff;
color: #495057;
font-weight: 400;
line-height: 1.5;
Expand All @@ -3872,9 +3872,9 @@ input[type="button"].btn-block {
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
border-radius: 0 0.25rem 0.25rem 0;
border-left: inherit;
background-color: #e9ecef;
border-radius: 0 0.25rem 0.25rem 0;
color: #495057;
content: "Browse";
line-height: 1.5;
Expand Down Expand Up @@ -3914,11 +3914,11 @@ input[type="button"].btn-block {
width: 1rem;
height: 1rem;
border: 0;
border-radius: 1rem;
margin-top: -0.25rem;
-webkit-appearance: none;
appearance: none;
background-color: #007bff;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

Expand All @@ -3936,8 +3936,8 @@ input[type="button"].btn-block {
width: 100%;
height: 0.5rem;
border-color: transparent;
background-color: #dee2e6;
border-radius: 1rem;
background-color: #dee2e6;
color: transparent;
cursor: pointer;
}
Expand All @@ -3946,10 +3946,10 @@ input[type="button"].btn-block {
width: 1rem;
height: 1rem;
border: 0;
border-radius: 1rem;
-moz-appearance: none;
appearance: none;
background-color: #007bff;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

Expand All @@ -3967,8 +3967,8 @@ input[type="button"].btn-block {
width: 100%;
height: 0.5rem;
border-color: transparent;
background-color: #dee2e6;
border-radius: 1rem;
background-color: #dee2e6;
color: transparent;
cursor: pointer;
}
Expand All @@ -3977,12 +3977,12 @@ input[type="button"].btn-block {
width: 1rem;
height: 1rem;
border: 0;
border-radius: 1rem;
margin-top: 0;
margin-right: 0.2rem;
margin-left: 0.2rem;
appearance: none;
background-color: #007bff;
border-radius: 1rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

Expand All @@ -4007,14 +4007,14 @@ input[type="button"].btn-block {
}

.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
background-color: #dee2e6;
}

.custom-range::-ms-fill-upper {
border-radius: 1rem;
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
Expand Down Expand Up @@ -4222,8 +4222,8 @@ input[type="button"].btn-block {
.navbar-toggler {
padding: 0.25rem 0.75rem;
border: 1px solid transparent;
background-color: transparent;
border-radius: 0.25rem;
background-color: transparent;
font-size: 1.25rem;
line-height: 1;
}
Expand Down Expand Up @@ -4558,9 +4558,9 @@ input[type="button"].btn-block {
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
background-clip: border-box;
background-color: #fff;
border-radius: 0.25rem;
word-wrap: break-word;
}

Expand Down Expand Up @@ -4781,8 +4781,8 @@ input[type="button"].btn-block {
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
border-bottom: 0;
}

.accordion > .card:first-of-type {
Expand All @@ -4806,9 +4806,9 @@ input[type="button"].btn-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.75rem 1rem;
border-radius: 0.25rem;
margin-bottom: 1rem;
background-color: #e9ecef;
border-radius: 0.25rem;
list-style: none;
}

Expand Down Expand Up @@ -5086,9 +5086,9 @@ a.badge-dark:focus, a.badge-dark.focus {

.jumbotron {
padding: 2rem 1rem;
border-radius: 0.3rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.3rem;
}

@media (min-width: 576px) {
Expand All @@ -5107,8 +5107,8 @@ a.badge-dark:focus, a.badge-dark.focus {
position: relative;
padding: 0.75rem 1.25rem;
border: 1px solid transparent;
margin-bottom: 1rem;
border-radius: 0.25rem;
margin-bottom: 1rem;
}

.alert-heading {
Expand Down Expand Up @@ -5266,8 +5266,8 @@ a.badge-dark:focus, a.badge-dark.focus {
display: flex;
overflow: hidden;
height: 1rem;
background-color: #e9ecef;
border-radius: 0.25rem;
background-color: #e9ecef;
font-size: 0.75rem;
}

Expand Down Expand Up @@ -5492,9 +5492,9 @@ a.badge-dark:focus, a.badge-dark.focus {
}

.list-group-flush .list-group-item {
border-radius: 0;
border-right: 0;
border-left: 0;
border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
Expand Down Expand Up @@ -5674,11 +5674,11 @@ a.close.disabled {
overflow: hidden;
max-width: 350px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0.25rem;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-clip: padding-box;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 0.25rem;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
font-size: 0.875rem;
opacity: 0;
Expand Down Expand Up @@ -5823,9 +5823,9 @@ a.close.disabled {
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
background-clip: padding-box;
background-color: #fff;
border-radius: 0.3rem;
outline: 0;
pointer-events: auto;
}
Expand Down Expand Up @@ -6047,8 +6047,8 @@ a.close.disabled {
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
background-color: #000;
border-radius: 0.25rem;
background-color: #000;
color: #fff;
text-align: center;
}
Expand All @@ -6061,9 +6061,9 @@ a.close.disabled {
display: block;
max-width: 276px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
background-clip: padding-box;
background-color: #fff;
border-radius: 0.3rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 0.875rem;
font-style: normal;
Expand Down Expand Up @@ -6434,10 +6434,10 @@ a.close.disabled {
width: 2rem;
height: 2rem;
border: 0.25em solid currentColor;
border-radius: 50%;
border-right-color: transparent;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;
border-radius: 50%;
vertical-align: text-bottom;
}

Expand Down Expand Up @@ -6471,10 +6471,10 @@ a.close.disabled {
display: inline-block;
width: 2rem;
height: 2rem;
border-radius: 50%;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
vertical-align: text-bottom;
}
Expand Down

0 comments on commit 51b7661

Please sign in to comment.