Skip to content

Commit

Permalink
add: menambahkan overflow (#1)
Browse files Browse the repository at this point in the history
* add: menambahkan overflow

saya menambahkan overflow

* fix: memperbaiki prefix dan node modules
  • Loading branch information
DevinWinando authored Nov 4, 2021
1 parent e6d177c commit 5e249f8
Show file tree
Hide file tree
Showing 6 changed files with 388 additions and 4 deletions.
344 changes: 343 additions & 1 deletion dist/css/BshadeUI.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/css/BshadeUI.css.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/css/BshadeUI.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/css/BshadeUI.min.css.map

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions src/scss/BshadeUI.scss
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
@import "paddings";
@import "margins";

@import "overflow";
@import "display";

@import "flexbox";
Expand Down
41 changes: 41 additions & 0 deletions src/scss/_overflow.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
@mixin overflow($sumbu: false, $prefix: "") {
$overflow: (auto, hidden, scroll, visible) !default;

@if $sumbu == false {
@each $value in $overflow {
.#{$prefix}overflow-#{$value} {
overflow: $value;
}
}
} @else {
@if $sumbu == x {
@each $value in $overflow {
.#{$prefix}overflow-x-#{$value} {
overflow-x: $value;
}
}
}
@if $sumbu == y {
@each $value in $overflow {
.#{$prefix}overflow-y-#{$value} {
overflow-y: $value;
}
}
}
}
}

@include overflow();

@include overflow($sumbu: x);
@include overflow($sumbu: y);

@each $key, $value in $breakpoints {
$prefix: $key + "\\:";
@include screen($key) {
@include overflow($prefix: $prefix);

@include overflow($sumbu: x, $prefix: $prefix);
@include overflow($sumbu: y, $prefix: $prefix);
}
}

0 comments on commit 5e249f8

Please sign in to comment.