Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
feat(utils): overflow classes
  • Loading branch information
PreslavKozovski authored and joneff committed Sep 3, 2020
1 parent 891050c commit 025cdb5
Show file tree
Hide file tree
Showing 11 changed files with 96 additions and 0 deletions.
17 changes: 17 additions & 0 deletions packages/bootstrap/scss/_variables.scss
Expand Up @@ -218,6 +218,23 @@ $theme-colors: map-merge((
// sass-lint:enable indentation


// Utility classes force
// sass-lint:disable indentation
$utils-classes-force: (
"": "",
"-f": " !important"
) !default;
// sass-lint:enable indentation


// Overflow utility classes
$utils-overflows: () !default;
$utils-overflows: join(( visible, hidden, clip, scroll, auto ), $utils-overflows);

$utils-overflow-axis: ( "-", "-x-", "-y-" ) !default;


// Cursor utility classes
$cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text,
vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize,
s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize,
Expand Down
1 change: 1 addition & 0 deletions packages/bootstrap/scss/utils/_index.scss
Expand Up @@ -10,6 +10,7 @@
@import "_flex.scss";
@import "_float.scss";
@import "_grid.scss";
@import "_overflow.scss";
@import "_position.scss";
@import "_spacing.scss";
@import "_table-layout.scss";
Expand Down
1 change: 1 addition & 0 deletions packages/bootstrap/scss/utils/_overflow.scss
@@ -0,0 +1 @@
@import "~@progress/kendo-theme-default/scss/utils/_overflow.scss";
17 changes: 17 additions & 0 deletions packages/classic/scss/_variables.scss
Expand Up @@ -192,6 +192,23 @@ $theme-colors: map-merge((
// sass-lint:enable indentation


// Utility classes force
// sass-lint:disable indentation
$utils-classes-force: (
"": "",
"-f": " !important"
) !default;
// sass-lint:enable indentation


// Overflow utility classes
$utils-overflows: () !default;
$utils-overflows: join(( visible, hidden, clip, scroll, auto ), $utils-overflows);

$utils-overflow-axis: ( "-", "-x-", "-y-" ) !default;


// Cursor utility classes
$cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text,
vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize,
s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize,
Expand Down
1 change: 1 addition & 0 deletions packages/classic/scss/utils/_index.scss
Expand Up @@ -2,6 +2,7 @@
@import "~@progress/kendo-theme-default/scss/utils/_flex.scss";
@import "~@progress/kendo-theme-default/scss/utils/_float.scss";
@import "~@progress/kendo-theme-default/scss/utils/_grid.scss";
@import "~@progress/kendo-theme-default/scss/utils/_overflow.scss";
@import "~@progress/kendo-theme-default/scss/utils/_position.scss";
@import "~@progress/kendo-theme-default/scss/utils/_spacing.scss";
@import "~@progress/kendo-theme-default/scss/utils/_text.scss";
Expand Down
17 changes: 17 additions & 0 deletions packages/default/scss/_variables.scss
Expand Up @@ -216,6 +216,23 @@ $theme-colors: map-merge((
// sass-lint:enable indentation


// Utility classes force
// sass-lint:disable indentation
$utils-classes-force: (
"": "",
"-f": " !important"
) !default;
// sass-lint:enable indentation


// Overflow utility classes
$utils-overflows: () !default;
$utils-overflows: join(( visible, hidden, clip, scroll, auto ), $utils-overflows);

$utils-overflow-axis: ( "-", "-x-", "-y-" ) !default;


// Cursor utility classes
$cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text,
vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize,
s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize,
Expand Down
1 change: 1 addition & 0 deletions packages/default/scss/utils/_index.scss
Expand Up @@ -10,6 +10,7 @@
@import "_flex.scss";
@import "_float.scss";
@import "_grid.scss";
@import "_overflow.scss";
@import "_position.scss";
@import "_spacing.scss";
@import "_table-layout.scss";
Expand Down
22 changes: 22 additions & 0 deletions packages/default/scss/utils/_overflow.scss
@@ -0,0 +1,22 @@
@include exports( "utils/overflow" ) {

@each $force, $attribute in $utils-classes-force {

@each $overflow in $utils-overflows {

@each $axis in $utils-overflow-axis {
.k-overflow#{$axis}#{$overflow}#{$force} {
overflow: $overflow#{$attribute};
}
}

@each $overflow-y in $utils-overflows {
.k-overflow-#{$overflow}-#{$overflow-y}#{$force} {
overflow-x: $overflow#{$attribute};
overflow-y: $overflow-y#{$attribute};
}
}
}
}

}
17 changes: 17 additions & 0 deletions packages/material/scss/_variables.scss
Expand Up @@ -248,6 +248,23 @@ $theme-colors: map-merge((
// sass-lint:enable indentation


// Utility classes force
// sass-lint:disable indentation
$utils-classes-force: (
"": "",
"-f": " !important"
) !default;
// sass-lint:enable indentation


// Overflow utility classes
$utils-overflows: () !default;
$utils-overflows: join(( visible, hidden, clip, scroll, auto ), $utils-overflows);

$utils-overflow-axis: ( "-", "-x-", "-y-" ) !default;


// Cursor utility classes
$cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text,
vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize,
s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize,
Expand Down
1 change: 1 addition & 0 deletions packages/material/scss/utils/_index.scss
Expand Up @@ -10,6 +10,7 @@
@import "_flex.scss";
@import "_float.scss";
@import "_grid.scss";
@import "_overflow.scss";
@import "_position.scss";
@import "_spacing.scss";
@import "_table-layout.scss";
Expand Down
1 change: 1 addition & 0 deletions packages/material/scss/utils/_overflow.scss
@@ -0,0 +1 @@
@import "~@progress/kendo-theme-default/scss/utils/_overflow.scss";

0 comments on commit 025cdb5

Please sign in to comment.