BKDK-456 Added theme changes

Author: andriyun

web/themes/custom/fds_ballerup_theme/dist/stylesheets/stylesheet.css

@@ -5,3 +5,4 @@
 @import "news";
 @import "event";
 @import "hearing";
+@import "pi";

web/themes/custom/fds_ballerup_theme/src/styles/theme/entity/teaser/_loader.scss

@@ -0,0 +1,82 @@
+// |--------------------------------------------------------------------------
+// | Page
+// |--------------------------------------------------------------------------
+// |
+// | This file contains styles for the following:
+// | - .entity-teaser--os2web-person-information
+// |
+
+// --------------------------------------------------
+// Variables
+// --------------------------------------------------
+
+// --------------------------------------------------
+// Mixins
+// --------------------------------------------------
+
+@mixin entity-teaser--os2web-person-information-mixin() {}
+
+// --------------------------------------------------
+// Styling
+// --------------------------------------------------
+
+.entity-teaser--os2web-person-information {
+  h3 {
+    font-size: 2.2rem;
+  }
+
+  .field--name-field-os2web-pi{
+    &-role {
+      margin-top: 10px;
+      margin-bottom: 10px;
+    }
+
+    &-party {
+      font-weight: bold;
+    }
+  }
+}
+
+// --------------------------------------------------
+// Variants
+// --------------------------------------------------
+
+// --------------------------------------------------
+// Responsive
+// --------------------------------------------------
+
+// Mobile - and up
+@include media-breakpoint-up(xs) {}
+
+// Mobile - only
+@include media-breakpoint-only(xs, $grid-breakpoints) {}
+
+// Tablet - and up
+@include media-breakpoint-up(sm) {}
+
+// Tablet - only
+@include media-breakpoint-only(sm, $grid-breakpoints) {}
+
+// Desktop - and up
+@include media-breakpoint-up(md) {}
+
+// Desktop - only
+@include media-breakpoint-only(md, $grid-breakpoints) {}
+
+// Large desktop - and up
+@include media-breakpoint-up(lg) {}
+
+// Large desktop - only
+@include media-breakpoint-only(lg, $grid-breakpoints) {}
+
+// Extra large desktop - and up
+@include media-breakpoint-up(xl) {}
+
+// Print
+@media print {}
+
+// Touch
+.no-touchevents {}
+
+// No touch
+.no-touchevents {}