Changing card style (#996)

Author: jogaj

projects/swimlane/ngx-ui/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## HEAD (unreleased)
+
+- Breaking style changes (`ngx-card`): Background change from gradient to solid color. Removing left border from ngx-section.
+
 ## 44.6.0 (2023-5-18)
 
 - Enhancement (`ngx-select-dropdown`): A new event is triggered when the X button is pressed to clear the filter query.

projects/swimlane/ngx-ui/src/lib/components/card/card.component.scss

@@ -4,6 +4,7 @@ $color-accent-grey: linear-gradient(180deg, $color-blue-grey-100 0%, $color-blue
 $card-accent-thickness: 4px;
 
 $color-background-grey: linear-gradient(180deg, $color-blue-grey-750 0%, $color-blue-grey-800 100%);
+$color-flat-background: $color-blue-grey-800;
 
 $card-outline-border-thickness: 3px;
 
@@ -29,7 +30,7 @@ $card-vertical-gutter: 20px;
 
 .ngx-card {
   display: flex;
-  background: $color-background-grey;
+  background: $color-flat-background;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
   border-radius: 2px;
 
@@ -177,7 +178,6 @@ $card-vertical-gutter: 20px;
     justify-content: center;
     height: 100%;
     padding: 0 $card-horizontal-gutter;
-    border-left: 1px #313847 solid;
 
     &--description {
       flex-basis: 28%;