expand_less

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Oswald&display=swap');





$colorMap: (

  article: #169179,

  icon: #ba372a,

  sketch: #3598db

);



body {

  font-family: 'Montserrat', sans-serif;

}



h1, h2, h3, h4, h5, h6, .d0-card-header-title {

  font-family: 'Oswald', sans-serif;

}



@each $type, $color in $colorMap {

  .SELF-#{$type}, .TYPE-#{$type} {

    &.open-view, &.closed-view, &.titled-view {

      .card-header,

       > .d0-card-header {

        background-color: $color;

        color: white;

        aa, .card-title {

          color: white;

        }

      }  

    }

    &.bar-view, &.expanded_bar-view {

      .bar {

        border-left: 3px solid $color !important;

      }

      .bar-left .card-title {

        color: $color !important;

      }

    }

  }

}