Skip to content

Commit c38de03

Browse files
bartvenemanbartveneman
authored
feat: add analysis for border-radius (#401)
Thanks to @KenjiCrosland and @Robbert for ideas and feedback! refs #301
1 parent 3564b7a commit c38de03

13 files changed

+1279
-1
lines changed

‎src/__fixtures__/bol-com-20231008.json‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55989,6 +55989,111 @@
5598955989
},
5599055990
"uniquenessRatio": 0.47368421052631576
5599155991
},
55992+
"borderRadiuses": {
55993+
"total": 115,
55994+
"totalUnique": 29,
55995+
"unique": {
55996+
"0": 12,
55997+
"50%": 30,
55998+
"11px": 1,
55999+
"1.5rem": 5,
56000+
".75rem": 4,
56001+
".25rem": 11,
56002+
"4rem": 1,
56003+
"100%": 5,
56004+
".05em": 1,
56005+
"2px": 1,
56006+
".5em": 1,
56007+
"4px 0 0 4px": 6,
56008+
"0 4px 4px 0": 7,
56009+
".25em": 4,
56010+
"1em": 2,
56011+
"8px": 1,
56012+
".3333333333em": 1,
56013+
".3333333333em 0 0 .3333333333em": 1,
56014+
"0 .3333333333em .3333333333em 0": 1,
56015+
"0 .2222222222em .2222222222em 0": 1,
56016+
".25em 0 0 .25em": 2,
56017+
"0 .25em .25em 0": 2,
56018+
"0 5px 5px 0": 1,
56019+
"0 0 .25em .25em": 1,
56020+
".5rem": 6,
56021+
"0 0 .5em .5em": 1,
56022+
"1.375rem 50%": 4,
56023+
"1rem": 1,
56024+
"0 0 .25rem .25rem": 1
56025+
},
56026+
"uniquenessRatio": 0.25217391304347825,
56027+
"itemsPerContext": {
56028+
"border-radius": {
56029+
"total": 111,
56030+
"totalUnique": 28,
56031+
"unique": {
56032+
"0": 12,
56033+
"50%": 30,
56034+
"11px": 1,
56035+
"1.5rem": 5,
56036+
".75rem": 4,
56037+
".25rem": 11,
56038+
"4rem": 1,
56039+
"100%": 5,
56040+
".05em": 1,
56041+
"2px": 1,
56042+
".5em": 1,
56043+
"4px 0 0 4px": 6,
56044+
"0 4px 4px 0": 7,
56045+
".25em": 4,
56046+
"1em": 2,
56047+
"8px": 1,
56048+
".3333333333em": 1,
56049+
".3333333333em 0 0 .3333333333em": 1,
56050+
"0 .3333333333em .3333333333em 0": 1,
56051+
"0 .2222222222em .2222222222em 0": 1,
56052+
".25em 0 0 .25em": 2,
56053+
"0 .25em .25em 0": 2,
56054+
"0 5px 5px 0": 1,
56055+
"0 0 .25em .25em": 1,
56056+
".5rem": 6,
56057+
"0 0 .5em .5em": 1,
56058+
"1rem": 1,
56059+
"0 0 .25rem .25rem": 1
56060+
},
56061+
"uniquenessRatio": 0.25225225225225223
56062+
},
56063+
"border-top-left-radius": {
56064+
"total": 1,
56065+
"totalUnique": 1,
56066+
"unique": {
56067+
"1.375rem 50%": 1
56068+
},
56069+
"uniquenessRatio": 1
56070+
},
56071+
"border-top-right-radius": {
56072+
"total": 1,
56073+
"totalUnique": 1,
56074+
"unique": {
56075+
"1.375rem 50%": 1
56076+
},
56077+
"uniquenessRatio": 1
56078+
},
56079+
"border-bottom-right-radius": {
56080+
"total": 1,
56081+
"totalUnique": 1,
56082+
"unique": {
56083+
"1.375rem 50%": 1
56084+
},
56085+
"uniquenessRatio": 1
56086+
},
56087+
"border-bottom-left-radius": {
56088+
"total": 1,
56089+
"totalUnique": 1,
56090+
"unique": {
56091+
"1.375rem 50%": 1
56092+
},
56093+
"uniquenessRatio": 1
56094+
}
56095+
}
56096+
},
5599256097
"animations": {
5599356098
"durations": {
5599456099
"total": 113,

‎src/__fixtures__/bootstrap-5.3.2.json‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29176,6 +29176,179 @@
2917629176
},
2917729177
"uniquenessRatio": 0.6129032258064516
2917829178
},
29179+
"borderRadiuses": {
29180+
"total": 228,
29181+
"totalUnique": 38,
29182+
"unique": {
29183+
"0": 67,
29184+
"0.25rem": 1,
29185+
"var(--bs-border-radius)": 29,
29186+
"var(--bs-border-radius-sm)": 12,
29187+
"var(--bs-border-radius-lg)": 12,
29188+
"0.25em": 1,
29189+
"50%": 11,
29190+
"2em": 1,
29191+
"1rem": 4,
29192+
"var(--bs-btn-border-radius)": 1,
29193+
"var(--bs-dropdown-border-radius)": 1,
29194+
"var(--bs-dropdown-item-border-radius, 0)": 1,
29195+
"var(--bs-nav-tabs-border-radius)": 2,
29196+
"var(--bs-nav-pills-border-radius)": 1,
29197+
"var(--bs-navbar-toggler-border-radius)": 1,
29198+
"var(--bs-card-border-radius)": 1,
29199+
"var(--bs-card-inner-border-radius)": 9,
29200+
"var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0": 1,
29201+
"0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)": 1,
29202+
"var(--bs-accordion-border-radius)": 6,
29203+
"var(--bs-accordion-inner-border-radius)": 4,
29204+
"var(--bs-breadcrumb-border-radius)": 1,
29205+
"var(--bs-pagination-border-radius)": 4,
29206+
"var(--bs-badge-border-radius)": 1,
29207+
"var(--bs-alert-border-radius)": 1,
29208+
"var(--bs-progress-border-radius)": 1,
29209+
"var(--bs-list-group-border-radius)": 13,
29210+
"0.375rem": 1,
29211+
"var(--bs-toast-border-radius)": 1,
29212+
"calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))": 2,
29213+
"var(--bs-modal-border-radius)": 1,
29214+
"var(--bs-modal-inner-border-radius)": 4,
29215+
"var(--bs-tooltip-border-radius)": 1,
29216+
"var(--bs-popover-border-radius)": 1,
29217+
"var(--bs-popover-inner-border-radius)": 2,
29218+
"var(--bs-border-radius-xl)": 9,
29219+
"var(--bs-border-radius-xxl)": 9,
29220+
"var(--bs-border-radius-pill)": 9
29221+
},
29222+
"uniquenessRatio": 0.16666666666666666,
29223+
"itemsPerContext": {
29224+
"border-radius": {
29225+
"total": 74,
29226+
"totalUnique": 31,
29227+
"unique": {
29228+
"0": 21,
29229+
"0.25rem": 1,
29230+
"var(--bs-border-radius)": 13,
29231+
"var(--bs-border-radius-sm)": 4,
29232+
"var(--bs-border-radius-lg)": 4,
29233+
"0.25em": 1,
29234+
"50%": 3,
29235+
"2em": 1,
29236+
"1rem": 4,
29237+
"var(--bs-btn-border-radius)": 1,
29238+
"var(--bs-dropdown-border-radius)": 1,
29239+
"var(--bs-dropdown-item-border-radius, 0)": 1,
29240+
"var(--bs-nav-pills-border-radius)": 1,
29241+
"var(--bs-navbar-toggler-border-radius)": 1,
29242+
"var(--bs-card-border-radius)": 1,
29243+
"var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0": 1,
29244+
"0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)": 1,
29245+
"var(--bs-card-inner-border-radius)": 1,
29246+
"var(--bs-breadcrumb-border-radius)": 1,
29247+
"var(--bs-badge-border-radius)": 1,
29248+
"var(--bs-alert-border-radius)": 1,
29249+
"var(--bs-progress-border-radius)": 1,
29250+
"var(--bs-list-group-border-radius)": 1,
29251+
"0.375rem": 1,
29252+
"var(--bs-toast-border-radius)": 1,
29253+
"var(--bs-modal-border-radius)": 1,
29254+
"var(--bs-tooltip-border-radius)": 1,
29255+
"var(--bs-popover-border-radius)": 1,
29256+
"var(--bs-border-radius-xl)": 1,
29257+
"var(--bs-border-radius-xxl)": 1,
29258+
"var(--bs-border-radius-pill)": 1
29259+
},
29260+
"uniquenessRatio": 0.4189189189189189
29261+
},
29262+
"border-top-right-radius": {
29263+
"total": 46,
29264+
"totalUnique": 17,
29265+
"unique": {
29266+
"0": 15,
29267+
"var(--bs-nav-tabs-border-radius)": 1,
29268+
"var(--bs-card-inner-border-radius)": 2,
29269+
"var(--bs-accordion-border-radius)": 1,
29270+
"var(--bs-accordion-inner-border-radius)": 1,
29271+
"var(--bs-pagination-border-radius)": 1,
29272+
"var(--bs-list-group-border-radius)": 6,
29273+
"calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))": 1,
29274+
"var(--bs-modal-inner-border-radius)": 1,
29275+
"var(--bs-popover-inner-border-radius)": 1,
29276+
"var(--bs-border-radius)": 4,
29277+
"var(--bs-border-radius-sm)": 2,
29278+
"var(--bs-border-radius-lg)": 2,
29279+
"var(--bs-border-radius-xl)": 2,
29280+
"var(--bs-border-radius-xxl)": 2,
29281+
"50%": 2,
29282+
"var(--bs-border-radius-pill)": 2
29283+
},
29284+
"uniquenessRatio": 0.3695652173913043
29285+
},
29286+
"border-bottom-right-radius": {
29287+
"total": 31,
29288+
"totalUnique": 13,
29289+
"unique": {
29290+
"0": 8,
29291+
"var(--bs-card-inner-border-radius)": 2,
29292+
"var(--bs-accordion-border-radius)": 2,
29293+
"var(--bs-accordion-inner-border-radius)": 1,
29294+
"var(--bs-pagination-border-radius)": 1,
29295+
"var(--bs-modal-inner-border-radius)": 1,
29296+
"var(--bs-border-radius)": 4,
29297+
"var(--bs-border-radius-sm)": 2,
29298+
"var(--bs-border-radius-lg)": 2,
29299+
"var(--bs-border-radius-xl)": 2,
29300+
"var(--bs-border-radius-xxl)": 2,
29301+
"50%": 2,
29302+
"var(--bs-border-radius-pill)": 2
29303+
},
29304+
"uniquenessRatio": 0.41935483870967744
29305+
},
29306+
"border-top-left-radius": {
29307+
"total": 34,
29308+
"totalUnique": 16,
29309+
"unique": {
29310+
"0": 9,
29311+
"var(--bs-nav-tabs-border-radius)": 1,
29312+
"var(--bs-card-inner-border-radius)": 2,
29313+
"var(--bs-accordion-border-radius)": 1,
29314+
"var(--bs-accordion-inner-border-radius)": 1,
29315+
"var(--bs-pagination-border-radius)": 1,
29316+
"calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))": 1,
29317+
"var(--bs-modal-inner-border-radius)": 1,
29318+
"var(--bs-popover-inner-border-radius)": 1,
29319+
"var(--bs-border-radius)": 4,
29320+
"var(--bs-border-radius-sm)": 2,
29321+
"var(--bs-border-radius-lg)": 2,
29322+
"var(--bs-border-radius-xl)": 2,
29323+
"var(--bs-border-radius-xxl)": 2,
29324+
"50%": 2,
29325+
"var(--bs-border-radius-pill)": 2
29326+
},
29327+
"uniquenessRatio": 0.47058823529411764
29328+
},
29329+
"border-bottom-left-radius": {
29330+
"total": 43,
29331+
"totalUnique": 14,
29332+
"unique": {
29333+
"0": 14,
29334+
"var(--bs-card-inner-border-radius)": 2,
29335+
"var(--bs-accordion-border-radius)": 2,
29336+
"var(--bs-accordion-inner-border-radius)": 1,
29337+
"var(--bs-pagination-border-radius)": 1,
29338+
"var(--bs-list-group-border-radius)": 6,
29339+
"var(--bs-modal-inner-border-radius)": 1,
29340+
"var(--bs-border-radius)": 4,
29341+
"var(--bs-border-radius-sm)": 2,
29342+
"var(--bs-border-radius-lg)": 2,
29343+
"var(--bs-border-radius-xl)": 2,
29344+
"var(--bs-border-radius-xxl)": 2,
29345+
"50%": 2,
29346+
"var(--bs-border-radius-pill)": 2
29347+
},
29348+
"uniquenessRatio": 0.32558139534883723
29349+
}
29350+
}
29351+
},
2917929352
"animations": {
2918029353
"durations": {
2918129354
"total": 54,

‎src/__fixtures__/cnn-20231008.json‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32743,6 +32743,40 @@
3274332743
},
3274432744
"uniquenessRatio": 1
3274532745
},
32746+
"borderRadiuses": {
32747+
"total": 39,
32748+
"totalUnique": 9,
32749+
"unique": {
32750+
"0": 1,
32751+
"5px": 3,
32752+
"50%": 15,
32753+
"4px": 13,
32754+
"100%": 1,
32755+
"50px": 1,
32756+
"8px": 3,
32757+
"34px": 1,
32758+
"16px": 1
32759+
},
32760+
"uniquenessRatio": 0.23076923076923078,
32761+
"itemsPerContext": {
32762+
"border-radius": {
32763+
"total": 39,
32764+
"totalUnique": 9,
32765+
"unique": {
32766+
"0": 1,
32767+
"5px": 3,
32768+
"50%": 15,
32769+
"4px": 13,
32770+
"100%": 1,
32771+
"50px": 1,
32772+
"8px": 3,
32773+
"34px": 1,
32774+
"16px": 1
32775+
},
32776+
"uniquenessRatio": 0.23076923076923078
32777+
}
32778+
}
32779+
},
3274632780
"animations": {
3274732781
"durations": {
3274832782
"total": 86,

0 commit comments

Comments
 (0)