Skip to content

Commit

Permalink
fixing bugs cause of name changes
Browse files Browse the repository at this point in the history
  • Loading branch information
Martin Muda committed Sep 28, 2023
1 parent 7f5929f commit 22dace2
Show file tree
Hide file tree
Showing 16 changed files with 36 additions and 36 deletions.
2 changes: 1 addition & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@ By experimenting with different configurations, you can achieve a wide range of
In this example, three sectors are placed in a orbit. To draw three sectors that cover the entire orbit, you need to include the `orbiters-3` class in the orbit element. Additionally, you can utilize other parent options to customize the start angle and sector length.

- Use the `offset-*` class to specify the starting angle of the sectors within the orbit.
- Employ the `sector-*` class to define the length of the orbit sector covered by the sectors.
- Employ the `limit-*` class to define the length of the orbit sector covered by the sectors.

### `orbiter` (probably orbiter)

Expand Down
2 changes: 1 addition & 1 deletion assets/css/index.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/css/index.min.css.map
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/css/zumer-ui.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion assets/css/zumer-ui.min.css.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion assets/css/zumer.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion assets/css/zumer.min.css.map
View file

Large diffs are not rendered by default.

10 changes: 5 additions & 5 deletions examples/arcgrid.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,12 +50,12 @@
<div class="row">
<div class="col-sm-12">
<div class="docker" >
<div class="core orbiters-1">
<div class="core">
<div class="orbiter xs " style="transform: translate(-50%, -50%);"></div>
</div>
<div class="orbit sector-90" >
<div class="orbit limit-45" >
<div class="sector" ><div class="capsule">
<span>😁</span>
<span>😁1</span>
</div></div>
<div class="sector"><div class="capsule">
<span>😁</span>
Expand Down Expand Up @@ -123,7 +123,7 @@
<div class="row">
<div class="col-sm-6">
<div class="docker" >
<div class="core orbiters-1">
<div class="core">
<div class="orbiter xs bg-primary" style="transform: translate(-50%, -50%);"></div>
</div>
<div class="orbit" style="width: 120px; height: 120px;">
Expand Down Expand Up @@ -153,7 +153,7 @@
</div>
<div class="col-sm-6">
<div class="docker" >
<div class="core orbiters-1">
<div class="core">
<div class="orbiter xs bg-success" style="transform: translate(-50%, -50%);"></div>
</div>
<div class="orbit">
Expand Down
2 changes: 1 addition & 1 deletion examples/form.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -259,7 +259,7 @@
return `<div class="orbiter ${shape} ${size} ${alignment} ${stationary}">${orbiterNumber}</div>\n`;
}).join('');
return `
<div class="orbit ${sector ? `sector-${sector}` : ``} ${offset ? `offset-${offset}` : ``} ${ccw} ${visible}">
<div class="orbit ${sector ? `limit-${sector}` : ``} ${offset ? `offset-${offset}` : ``} ${ccw} ${visible}">
${orbiters}
</div>
`;
Expand Down
6 changes: 3 additions & 3 deletions examples/spread.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,14 +14,14 @@
<body style="background-color: slategray;">

<div class="docker" >
<div class="orbit sector-90">
<div class="orbit limit-90">
<div class="orbiter xxs" style="background-color: rgb(42, 165, 95);"></div>
<div class="orbiter xxs" style="background-color: rgb(42, 165, 95);"></div>
<div class="orbiter xxs" style="background-color: rgb(42, 165, 95);"></div>
<div class="orbiter xxs" style="background-color: rgb(42, 165, 95);"></div>
<div class="orbiter xxs" style="background-color: rgb(42, 165, 95);"></div>
</div>
<div class="orbit sector-180">
<div class="orbit limit-180">
<div class="orbiter xs" style="background-color: rgb(69, 30, 177);"></div>
<div class="orbiter xs" style="background-color: rgb(69, 30, 177);"></div>
<div class="orbiter xs" style="background-color: rgb(69, 30, 177);"></div>
Expand All @@ -33,7 +33,7 @@
<div class="orbiter xs" style="background-color: rgb(69, 30, 177);"></div>
<div class="orbiter xs" style="background-color: rgb(69, 30, 177);"></div>
</div>
<div class="orbit sector-270">
<div class="orbit limit-270">
<div class="orbiter s" style="background-color: rgb(227, 16, 65);"></div>
<div class="orbiter s" style="background-color: rgb(227, 16, 65);"></div>
<div class="orbiter s" style="background-color: rgb(227, 16, 65);"></div>
Expand Down
4 changes: 2 additions & 2 deletions examples/watch.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,12 +28,12 @@
<hr class="orbiter line minuto" style="width: 160px; height: 3px; border:1px solid rgb(157, 2, 247); --angle: 0; --orbiter-number: 2;">
<hr class="orbiter line segundo" style="width: 210px; height: 1px; border:1px solid rgb(0, 245, 61); --angle: 0; --orbiter-number: 2;">
</div>
<div class="orbit offset-270 sector-90">
<div class="orbit offset-270 limit-90">
<div class="sector"></div>
<div class="sector"></div>
<div class="sector"></div>
</div>
<div class="orbit offset-270 sector-90">
<div class="orbit offset-270 limit-90">
<div class="orbiter s upper d-h transparent"></div>
<div class="orbiter s upper d-m transparent"></div>
<div class="orbiter s upper d-s transparent"></div>
Expand Down
2 changes: 1 addition & 1 deletion src/base/_shapes.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
border-radius: 25% !important;
}

.bubble {
.blob {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% !important;
}

Expand Down
2 changes: 1 addition & 1 deletion src/components/__base.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import './container';
@import './docker';
@import './orbiter';
@import './label';
@import './modal';
Expand Down
2 changes: 1 addition & 1 deletion src/components/__style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import './container-style';
@import './docker-style';
@import './orbiter-style';
@import './label-style';
@import './modal-style';
Expand Down
24 changes: 12 additions & 12 deletions src/layouts/_radial-grid.scss
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
@use '../utilities/sass-variables' as *;

@each $sector, $value in $sectors {
.#{$sector} > .orbiter,
.#{$sector} > .sector {
--sector: #{$value};
@each $limit, $value in $limits {
.#{$limit} > .item,
.#{$limit} > .arc {
--arc: #{$value};
}
}
@each $sector, $angle in $sectors {
.#{$sector} > .orbiter,
.#{$sector} > .sector {
@each $offset, $angle in $offsets {
.#{$offset} > .orbiter,
.#{$offset} > .sector {
--offset-angle: #{$angle};
}
}
Expand All @@ -20,14 +20,14 @@
@for $i from $min-orbiters through $max-orbiters {
.orbit:has(.orbiter:nth-child(#{$i})),
.orbit:has(.sector:nth-child(#{$i})) {
--angle: calc((var(--sector) / #{$i}) * var(--direction));
--angle: calc((var(--arc) / #{$i}) * var(--direction));
}
}
@for $i from $min-orbiters through $max-orbiters {
@each $sector, $value in $sectors {
.orbit.#{$sector}:has(.orbiter:nth-child(#{$i})) {
--sector: #{$value};
--angle: calc((var(--sector) / #{$i - 1}) * var(--direction));
@each $limit, $value in $limits {
.orbit.#{$limit}:has(.orbiter:nth-child(#{$i})) {
--arc: #{$value};
--angle: calc((var(--arc) / #{$i - 1}) * var(--direction));
}
}
}
Expand Down
6 changes: 3 additions & 3 deletions src/utilities/_sass-variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@ $max-orbits: 6;
$min-orbiters: 1;
$max-orbiters: 24;

$sectors: 'offset-45' 45, 'offset-90' 90, 'offset-135' 135, 'offset-180' 180,
$offsets: 'offset-45' 45, 'offset-90' 90, 'offset-135' 135, 'offset-180' 180,
'offset-225' 225, 'offset-270' 270, 'offset-315' 315;

$arcs: 'arc-45' 45, 'arc-90' 90, 'arc-135' 135, 'arc-180' 180, 'arc-225' 225,
'arc-270' 270, 'arc-315' 315;
$limits: 'limit-45' 45, 'limit-90' 90, 'limit-135' 135, 'limit-180' 180, 'limit-225' 225,
'limit-270' 270, 'limit-315' 315;

$position: 'pos-0' 360, 'pos-45' 45, 'pos-90' 90, 'pos-135' 135, 'pos-180' 180,
'pos-225' 225, 'pos-270' 270, 'pos-315' 315;

0 comments on commit 22dace2

Please sign in to comment.