Skip to content

Commit

Permalink
Adds two new predefined sizes, 33 and 66 percent
Browse files Browse the repository at this point in the history
  • Loading branch information
@stsrki
stsrki committed Oct 10, 2023
1 parent 043e4c9 commit 489f84d
Show file tree
Hide file tree
Showing 20 changed files with 360 additions and 10 deletions.
2 changes: 1 addition & 1 deletion Source/Blazorise.AntDesign/Styles/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -202,7 +202,7 @@ $border-width: 1px;
$border-color: #adb5bd;

$sizes: () !default;
$sizes: map-merge( ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, auto: auto ), $sizes );
$sizes: map-merge( ( 25: 25%, 33: 33.333333%, 50: 50%, 66: 66.666667%, 75: 75%, 100: 100%, auto: auto ), $sizes );

$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
Expand Down
76 changes: 76 additions & 0 deletions Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9144,10 +9144,18 @@ ol.ant-ordered-list-upper-roman {
width: 25% !important;
}

.ant-width-33 {
width: 33.333333% !important;
}

.ant-width-50 {
width: 50% !important;
}

.ant-width-66 {
width: 66.666667% !important;
}

.ant-width-75 {
width: 75% !important;
}
Expand All @@ -9164,10 +9172,18 @@ ol.ant-ordered-list-upper-roman {
height: 25% !important;
}

.ant-height-33 {
height: 33.333333% !important;
}

.ant-height-50 {
height: 50% !important;
}

.ant-height-66 {
height: 66.666667% !important;
}

.ant-height-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -9208,9 +9224,15 @@ ol.ant-ordered-list-upper-roman {
.ant-width-xs-25 {
width: 25% !important;
}
.ant-width-xs-33 {
width: 33.333333% !important;
}
.ant-width-xs-50 {
width: 50% !important;
}
.ant-width-xs-66 {
width: 66.666667% !important;
}
.ant-width-xs-75 {
width: 75% !important;
}
Expand All @@ -9223,9 +9245,15 @@ ol.ant-ordered-list-upper-roman {
.ant-height-xs-25 {
height: 25% !important;
}
.ant-height-xs-33 {
height: 33.333333% !important;
}
.ant-height-xs-50 {
height: 50% !important;
}
.ant-height-xs-66 {
height: 66.666667% !important;
}
.ant-height-xs-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -9258,9 +9286,15 @@ ol.ant-ordered-list-upper-roman {
.ant-width-sm-25 {
width: 25% !important;
}
.ant-width-sm-33 {
width: 33.333333% !important;
}
.ant-width-sm-50 {
width: 50% !important;
}
.ant-width-sm-66 {
width: 66.666667% !important;
}
.ant-width-sm-75 {
width: 75% !important;
}
Expand All @@ -9273,9 +9307,15 @@ ol.ant-ordered-list-upper-roman {
.ant-height-sm-25 {
height: 25% !important;
}
.ant-height-sm-33 {
height: 33.333333% !important;
}
.ant-height-sm-50 {
height: 50% !important;
}
.ant-height-sm-66 {
height: 66.666667% !important;
}
.ant-height-sm-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -9308,9 +9348,15 @@ ol.ant-ordered-list-upper-roman {
.ant-width-md-25 {
width: 25% !important;
}
.ant-width-md-33 {
width: 33.333333% !important;
}
.ant-width-md-50 {
width: 50% !important;
}
.ant-width-md-66 {
width: 66.666667% !important;
}
.ant-width-md-75 {
width: 75% !important;
}
Expand All @@ -9323,9 +9369,15 @@ ol.ant-ordered-list-upper-roman {
.ant-height-md-25 {
height: 25% !important;
}
.ant-height-md-33 {
height: 33.333333% !important;
}
.ant-height-md-50 {
height: 50% !important;
}
.ant-height-md-66 {
height: 66.666667% !important;
}
.ant-height-md-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -9358,9 +9410,15 @@ ol.ant-ordered-list-upper-roman {
.ant-width-lg-25 {
width: 25% !important;
}
.ant-width-lg-33 {
width: 33.333333% !important;
}
.ant-width-lg-50 {
width: 50% !important;
}
.ant-width-lg-66 {
width: 66.666667% !important;
}
.ant-width-lg-75 {
width: 75% !important;
}
Expand All @@ -9373,9 +9431,15 @@ ol.ant-ordered-list-upper-roman {
.ant-height-lg-25 {
height: 25% !important;
}
.ant-height-lg-33 {
height: 33.333333% !important;
}
.ant-height-lg-50 {
height: 50% !important;
}
.ant-height-lg-66 {
height: 66.666667% !important;
}
.ant-height-lg-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -9408,9 +9472,15 @@ ol.ant-ordered-list-upper-roman {
.ant-width-xl-25 {
width: 25% !important;
}
.ant-width-xl-33 {
width: 33.333333% !important;
}
.ant-width-xl-50 {
width: 50% !important;
}
.ant-width-xl-66 {
width: 66.666667% !important;
}
.ant-width-xl-75 {
width: 75% !important;
}
Expand All @@ -9423,9 +9493,15 @@ ol.ant-ordered-list-upper-roman {
.ant-height-xl-25 {
height: 25% !important;
}
.ant-height-xl-33 {
height: 33.333333% !important;
}
.ant-height-xl-50 {
height: 50% !important;
}
.ant-height-xl-66 {
height: 66.666667% !important;
}
.ant-height-xl-75 {
height: 75% !important;
}
Expand Down
2 changes: 1 addition & 1 deletion Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion Source/Blazorise.Bootstrap/Styles/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ $spacers: map-merge( ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer,
// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$sizes: map-merge( ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, auto: auto ), $sizes );
$sizes: map-merge( ( 25: 25%, 33: 33.333333%, 50: 50%, 66: 66.666667%, 75: 75%, 100: 100%, auto: auto ), $sizes );


// Body
Expand Down
48 changes: 48 additions & 0 deletions Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3612,9 +3612,15 @@ ol.ordered-list-upper-roman {
.w-sm-25 {
width: 25% !important;
}
.w-sm-33 {
width: 33.333333% !important;
}
.w-sm-50 {
width: 50% !important;
}
.w-sm-66 {
width: 66.666667% !important;
}
.w-sm-75 {
width: 75% !important;
}
Expand All @@ -3627,9 +3633,15 @@ ol.ordered-list-upper-roman {
.h-sm-25 {
height: 25% !important;
}
.h-sm-33 {
height: 33.333333% !important;
}
.h-sm-50 {
height: 50% !important;
}
.h-sm-66 {
height: 66.666667% !important;
}
.h-sm-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -3662,9 +3674,15 @@ ol.ordered-list-upper-roman {
.w-md-25 {
width: 25% !important;
}
.w-md-33 {
width: 33.333333% !important;
}
.w-md-50 {
width: 50% !important;
}
.w-md-66 {
width: 66.666667% !important;
}
.w-md-75 {
width: 75% !important;
}
Expand All @@ -3677,9 +3695,15 @@ ol.ordered-list-upper-roman {
.h-md-25 {
height: 25% !important;
}
.h-md-33 {
height: 33.333333% !important;
}
.h-md-50 {
height: 50% !important;
}
.h-md-66 {
height: 66.666667% !important;
}
.h-md-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -3712,9 +3736,15 @@ ol.ordered-list-upper-roman {
.w-lg-25 {
width: 25% !important;
}
.w-lg-33 {
width: 33.333333% !important;
}
.w-lg-50 {
width: 50% !important;
}
.w-lg-66 {
width: 66.666667% !important;
}
.w-lg-75 {
width: 75% !important;
}
Expand All @@ -3727,9 +3757,15 @@ ol.ordered-list-upper-roman {
.h-lg-25 {
height: 25% !important;
}
.h-lg-33 {
height: 33.333333% !important;
}
.h-lg-50 {
height: 50% !important;
}
.h-lg-66 {
height: 66.666667% !important;
}
.h-lg-75 {
height: 75% !important;
}
Expand Down Expand Up @@ -3762,9 +3798,15 @@ ol.ordered-list-upper-roman {
.w-xl-25 {
width: 25% !important;
}
.w-xl-33 {
width: 33.333333% !important;
}
.w-xl-50 {
width: 50% !important;
}
.w-xl-66 {
width: 66.666667% !important;
}
.w-xl-75 {
width: 75% !important;
}
Expand All @@ -3777,9 +3819,15 @@ ol.ordered-list-upper-roman {
.h-xl-25 {
height: 25% !important;
}
.h-xl-33 {
height: 33.333333% !important;
}
.h-xl-50 {
height: 50% !important;
}
.h-xl-66 {
height: 66.666667% !important;
}
.h-xl-75 {
height: 75% !important;
}
Expand Down
2 changes: 1 addition & 1 deletion Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion Source/Blazorise.Bootstrap5/Styles/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ $spacers: map-merge( ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer,
// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$sizes: map-merge( ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, auto: auto ), $sizes );
$sizes: map-merge( ( 25: 25%, 33: 33.333333%, 50: 50%, 66: 66.666667%, 75: 75%, 100: 100%, auto: auto ), $sizes );


// Body
Expand Down
Loading

0 comments on commit 489f84d

Please sign in to comment.