@ndla/ui 50.5.0 → 50.5.2

package/src/ContentTypeBadge/component.content-type-badge.scss

@@ -1,223 +0,0 @@
-.c-content-type-badge {
-  width: 34px;
-  height: 34px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 100%;
-  &--border {
-    border: 2px solid $black;
-  }
-
-  &--embed-resource {
-    border-color: $brand-grey;
-    &.c-content-type-badge--background {
-      background: $brand-grey--light;
-    }
-  }
-
-  &--subject-material {
-    border-color: $subject-material-dark;
-
-    svg {
-      color: $subject-material-dark !important;
-    }
-    &.c-content-type-badge--small {
-      svg {
-        width: 22px;
-        height: 22px;
-      }
-    }
-
-    &.c-content-type-badge--background {
-      background: $subject-material-light;
-    }
-  }
-
-  &--tasks-and-activities {
-    border-color: $tasks-and-activities-dark;
-
-    svg {
-      color: $tasks-and-activities-dark !important;
-    }
-
-    &.c-content-type-badge--background {
-      background: $tasks-and-activities-light;
-    }
-  }
-
-  &--assessment-resources {
-    border-color: $assessment-resource-dark;
-
-    svg {
-      margin-top: 4px;
-      color: $assessment-resource-dark !important;
-    }
-
-    &.c-content-type-badge--background {
-      background: $assessment-resource-light;
-    }
-  }
-
-  &--topic {
-    border-color: $subject-dark;
-
-    svg {
-      margin-top: 2px;
-      color: $subject-dark !important;
-    }
-
-    &.c-content-type-badge--background {
-      background: $subject-light;
-    }
-  }
-
-  &--external-learning-resources {
-    border-color: $external-learning-resource-dark;
-
-    &.c-content-type-badge--large {
-      svg {
-        margin-top: 1px;
-        width: 32px;
-        height: 32px;
-      }
-    }
-
-    &.c-content-type-badge--small {
-      svg {
-        margin-top: 1px;
-        width: 24px;
-        height: 24px;
-      }
-    }
-
-    svg {
-      color: $external-learning-resource-dark !important;
-    }
-
-    &.c-content-type-badge--background {
-      background: $external-learning-resource-light;
-    }
-  }
-
-  &--source-material {
-    border-color: $source-material-dark;
-
-    &.c-content-type-badge--large {
-      svg {
-        margin-top: 1px;
-        width: 32px;
-        height: 32px;
-      }
-    }
-
-    &.c-content-type-badge--small {
-      svg {
-        margin-top: 1px;
-        width: 24px;
-        height: 24px;
-      }
-    }
-
-    svg {
-      color: $source-material-dark !important;
-    }
-
-    &.c-content-type-badge--background {
-      background: $source-material-light;
-    }
-  }
-
-  &--learning-path {
-    border-color: $learning-path-dark;
-
-    &.c-content-type-badge--large {
-      svg {
-        width: 34px;
-        height: 34px;
-      }
-    }
-
-    &.c-content-type-badge--small {
-      svg {
-        width: 24px;
-        height: 24px;
-      }
-    }
-
-    &.c-content-type-badge--x-small {
-      svg {
-        width: 16px;
-        height: 16px;
-      }
-    }
-
-    svg {
-      color: $learning-path-dark !important;
-    }
-
-    &.c-content-type-badge--background {
-      background: $learning-path-light;
-    }
-  }
-
-  &--subject {
-    border-color: $subjecttype-dark;
-    svg {
-      color: $subjecttype-light !important;
-    }
-
-    &.c-content-type-badge--background {
-      background: $subjecttype-background;
-    }
-  }
-  &--multidisciplinary-topic {
-    &.c-content-type-badge--background {
-      background: #b9b37b;
-    }
-  }
-
-  &--large {
-    width: 50px;
-    height: 50px;
-
-    svg {
-      width: 25px;
-      height: 25px;
-    }
-  }
-
-  &--x-small {
-    width: 20px;
-    height: 20px;
-    border-width: 1px;
-    border-style: solid;
-
-    @include mq(tablet) {
-      width: 26px;
-      height: 26px;
-    }
-
-    svg {
-      width: 10px;
-      height: 10px;
-
-      @include mq(tablet) {
-        width: 12px;
-        height: 12px;
-      }
-    }
-  }
-
-  &--xx-small {
-    width: 20px;
-    height: 20px;
-    border-width: 1px;
-    border-style: solid;
-
-    svg {
-      width: 10px;
-      height: 10px;
-    }
-  }
-}

package/src/global/components/component.bodybox.scss

@@ -1,60 +0,0 @@
-/**
-** BODYBOX
-** Used on any div.
-**
-** EXAMPLE:
-** <LayoutItem layout="left">
-**  <div className="c-bodybox">En tekstboks som flyter til venstre.</div>
-** </LayoutItem>
-**
-** Attribute modifier used to display info on author etc. in license view
-**/
-
-.c-bodybox {
-  padding: $spacing * 1.5;
-  margin-top: $spacing--large;
-  margin-bottom: $spacing--large;
-  border-style: solid;
-  border-color: $brand-color--tertiary;
-  border-width: 1px;
-  overflow: hidden;
-
-  &--attribute {
-    padding: $spacing--small $spacing;
-    display: inline-block;
-    clear: both;
-    font-style: italic;
-  }
-
-  &--translation {
-    padding: 0 $spacing--large $spacing--small $spacing;
-  }
-}
-
-.c-bodybox {
-  .c-figure {
-    width: 100% !important;
-    left: auto !important;
-    padding: 0;
-
-    &.u-float-right,
-    &.u-float-small-right {
-      width: 50% !important;
-      margin-right: 0;
-    }
-
-    &.u-float-left,
-    &.u-float-small-left {
-      width: 50% !important;
-      margin-left: 0;
-    }
-  }
-}
-
-.c-bodybox > *:first-child {
-  margin-top: 0;
-}
-
-.c-bodybox > *:last-child {
-  margin-bottom: 0;
-}