fix: removed elevation 3 because it was a duplicate (#157)

db-ui · Nov 22, 2022 · 28acc52 · 28acc52
1 parent fd02704
commit 28acc52
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/source/_patterns/elevation/_examples.demonstration.scss b/source/_patterns/elevation/_examples.demonstration.scss
@@ -17,19 +17,22 @@
 	background-color: $db-colors-neutral-bg-1-enabled;
 }
 
-$list: "", $db-elevation-1, $db-elevation-2, $db-elevation-3, $db-elevation-4,
-	$db-elevation-8, $db-elevation-12, $db-elevation-24;
+$list: "", $db-elevation-1, $db-elevation-2, $db-elevation-4, $db-elevation-8,
+	$db-elevation-12, $db-elevation-24;
 
 @mixin elevation() {
 	@for $i from 0 to length($list) {
 		$className: $i;
-		@if ($i==5) {
+		@if ($i==3) {
+			$className: 4;
+		}
+		@if ($i==4) {
 			$className: 8;
 		}
-		@if ($i==6) {
+		@if ($i==5) {
 			$className: 12;
 		}
-		@if ($i==7) {
+		@if ($i==6) {
 			$className: 24;
 		}
 		.DO-NOT-COPY-THIS-CLASS-elevation-#{$className} {

diff --git a/source/_patterns/elevation/examples.hbs b/source/_patterns/elevation/examples.hbs
@@ -5,7 +5,6 @@
 		<div class="DO-NOT-COPY-THIS-CLASS-elevation-0">Elevation-0</div>
 		<div class="DO-NOT-COPY-THIS-CLASS-elevation-1">Elevation-1</div>
 		<div class="DO-NOT-COPY-THIS-CLASS-elevation-2">Elevation-2</div>
-		<div class="DO-NOT-COPY-THIS-CLASS-elevation-3">Elevation-3</div>
 		<div class="DO-NOT-COPY-THIS-CLASS-elevation-4">Elevation-4</div>
 		<div class="DO-NOT-COPY-THIS-CLASS-elevation-8">Elevation-8</div>
 		<div class="DO-NOT-COPY-THIS-CLASS-elevation-12">Elevation-12</div>

diff --git a/tokens/elevation.json b/tokens/elevation.json
@@ -6,9 +6,6 @@
 		"2": {
 			"value": "0 0 1px -1px rgba(0, 0, 0, 0.2), 0 0 4px 1px rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)"
 		},
-		"3": {
-			"value": "0 0 2px -1px rgba(0, 0, 0, 0.2), 0 0 8px 1px rgba(0, 0, 0, 0.12), 0 0 4px 0 rgba(0, 0, 0, 0.14)"
-		},
 		"4": {
 			"value": "0 0 2px -1px  rgba(0, 0, 0, 0.2), 0 0 8px 1px rgba(0, 0, 0, 0.12), 0 0 4px 0 rgba(0, 0, 0, 0.14)"
 		},