@aarhus-university/au-lib-react-components 11.3.2 → 11.4.0

package/src/styles/diagramme.scss

@@ -1,120 +1,120 @@
-$padding-default: 1rem;
-$white: #fefefe;
-$gray-color:#e4e4e4;
-$gray-secondary-color:darken($gray-color, 50%);
-$mitstudie-sf-color: #cfe1e7;
-$mitstudie-obl-color: #f2e4d4;
-$mitstudie-val-color: #d1e1d6;
-$mitstudie-tlv-color: #e9ccda;
-$diagramme-cell-height: 130px;
-.au_edutable_eddi_container {
-  .print {
-    display: inline-block;
-    margin-bottom: 1rem;
-  }
-}
-
-.study-diagramme {
-  &.list {
-    p {
-      padding: .6rem 1rem;
-      contain: content;
-      a {
-        text-decoration: none;
-      }
-      span:last-child {
-        float: right;
-      }
-    }
-  }
-  padding: $padding-default;
-  margin-bottom: 2rem;
-  font-family: "AUPassataRegular";
-  background-color: $gray-color;
-  table {
-    table-layout: fixed;
-    width: 100%;
-    border-collapse: collapse;
-  }
-  table,
-  thead,
-  tbody {
-    background-color: transparent !important;
-  }
-  tr {
-    background-color: transparent !important;
-  }
-  th {
-    font-family: "AUPassataBold";
-    font-weight: normal;
-  }
-  th,
-  td {
-    border: 4px solid $white;
-  }
-  td {
-    padding: 0;
-    &:hover {
-      background-color: $gray-secondary-color;
-      &.sf {
-        a {
-          color: $mitstudie-sf-color;
-        }
-      }
-      &.obl {
-        a {
-          color: $mitstudie-obl-color;
-        }
-      }
-      &.val {
-        a {
-          color: $mitstudie-val-color;
-        }
-      }
-      &.tlv {
-        a {
-          color: $mitstudie-tlv-color;
-        }
-      }
-      &.ogr {
-        a {
-          color: $mitstudie-obl-color;
-        }
-      }
-    }
-    a {
-      padding: 2rem 1rem;
-      display: block;
-      text-decoration: none;
-      border-bottom: none !important;
-      font-size: 12px;
-      word-break: break-word;
-      hyphens: auto;
-    }
-   @for $i from 1 through 6 {
-    &[rowspan="#{$i}"] a {
-      min-height: $i * $diagramme-cell-height;
-    }
-   }
-  }
-  .sf {
-    background-color: $mitstudie-sf-color;
-  }
-  .obl {
-    background-color: $mitstudie-obl-color;
-  }
-  .val {
-    background-color: $mitstudie-val-color;
-  }
-  .tlv {
-    background-color: $mitstudie-tlv-color;
-  }
-  .ogr {
-    background-color: $mitstudie-obl-color;
-  }
-  &.show-for-small-only {
-    @media print {
-      display: none;
-    }
-  }
+$padding-default: 1rem;
+$white: #fefefe;
+$gray-color:#e4e4e4;
+$gray-secondary-color:darken($gray-color, 50%);
+$mitstudie-sf-color: #cfe1e7;
+$mitstudie-obl-color: #f2e4d4;
+$mitstudie-val-color: #d1e1d6;
+$mitstudie-tlv-color: #e9ccda;
+$diagramme-cell-height: 130px;
+.au_edutable_eddi_container {
+  .print {
+    display: inline-block;
+    margin-bottom: 1rem;
+  }
+}
+
+.study-diagramme {
+  &.list {
+    p {
+      padding: .6rem 1rem;
+      contain: content;
+      a {
+        text-decoration: none;
+      }
+      span:last-child {
+        float: right;
+      }
+    }
+  }
+  padding: $padding-default;
+  margin-bottom: 2rem;
+  font-family: "AUPassataRegular";
+  background-color: $gray-color;
+  table {
+    table-layout: fixed;
+    width: 100%;
+    border-collapse: collapse;
+  }
+  table,
+  thead,
+  tbody {
+    background-color: transparent !important;
+  }
+  tr {
+    background-color: transparent !important;
+  }
+  th {
+    font-family: "AUPassataBold";
+    font-weight: normal;
+  }
+  th,
+  td {
+    border: 4px solid $white;
+  }
+  td {
+    padding: 0;
+    &:hover {
+      background-color: $gray-secondary-color;
+      &.sf {
+        a {
+          color: $mitstudie-sf-color;
+        }
+      }
+      &.obl {
+        a {
+          color: $mitstudie-obl-color;
+        }
+      }
+      &.val {
+        a {
+          color: $mitstudie-val-color;
+        }
+      }
+      &.tlv {
+        a {
+          color: $mitstudie-tlv-color;
+        }
+      }
+      &.ogr {
+        a {
+          color: $mitstudie-obl-color;
+        }
+      }
+    }
+    a {
+      padding: 2rem 1rem;
+      display: block;
+      text-decoration: none;
+      border-bottom: none !important;
+      font-size: 12px;
+      word-break: break-word;
+      hyphens: auto;
+    }
+   @for $i from 1 through 6 {
+    &[rowspan="#{$i}"] a {
+      min-height: $i * $diagramme-cell-height;
+    }
+   }
+  }
+  .sf {
+    background-color: $mitstudie-sf-color;
+  }
+  .obl {
+    background-color: $mitstudie-obl-color;
+  }
+  .val {
+    background-color: $mitstudie-val-color;
+  }
+  .tlv {
+    background-color: $mitstudie-tlv-color;
+  }
+  .ogr {
+    background-color: $mitstudie-obl-color;
+  }
+  &.show-for-small-only {
+    @media print {
+      display: none;
+    }
+  }
 }

package/src/styles/flowbox.scss

@@ -1,73 +1,73 @@
-.au_flowbox {
-  background: #f0efef;
-  padding: 2rem;
-  margin-bottom: 1rem;
-  button {
-    text-align: left;
-    font-family: 'AUPassataRegular';
-    text-decoration: underline;
-    cursor: pointer;
-  }
-  >div>h2 {
-    margin: 0 0 1rem 0 !important;
-    text-transform: uppercase;
-    border: none !important;
-    padding: 0 !important;
-  }
-  .vcard {
-    padding: 1rem;
-    background-color: rgba(255, 255, 255, 0.95);
-    border: 0 none;
-    margin: 0 0 1rem 0;
-    .fn {
-      font-weight: bold;
-      font-size: 1.3636363636rem;
-    }
-    p {
-      font-family: inherit;
-      font-size: 1.2rem;
-      font-weight: normal;
-      line-height: 1.6;
-      margin-bottom: 1.8181818182rem;
-      text-rendering: optimizeLegibility;
-    }
-  }
-  &.partner {
-    background: $staff-color;
-    >div {
-      >h2 {
-        color: #fff;
-      }
-      >p {
-        color: #fff;
-        a {
-          color: #fff !important;
-          border-bottom: none !important;
-          text-decoration: underline !important;
-        }
-      }
-      >ul li {
-        padding-left: 0;
-        &::before {
-          display: none;
-        }
-      }
-    }
-  }
-}
-
-.au_flowbox_data {
-  display: none;
-}
-
-.au_staffcontactbox {
-  color: #fff;
-  padding: 1.3636364rem;
-  background-color: #379fcb;
-  margin-bottom: 1em;
-  >h2 {
-    color: #fff;
-    text-transform: uppercase;
-    margin: 0 0 1em 0 !important;
-  }
+.au_flowbox {
+  background: #f0efef;
+  padding: 2rem;
+  margin-bottom: 1rem;
+  button {
+    text-align: left;
+    font-family: 'AUPassataRegular';
+    text-decoration: underline;
+    cursor: pointer;
+  }
+  >div>h2 {
+    margin: 0 0 1rem 0 !important;
+    text-transform: uppercase;
+    border: none !important;
+    padding: 0 !important;
+  }
+  .vcard {
+    padding: 1rem;
+    background-color: rgba(255, 255, 255, 0.95);
+    border: 0 none;
+    margin: 0 0 1rem 0;
+    .fn {
+      font-weight: bold;
+      font-size: 1.3636363636rem;
+    }
+    p {
+      font-family: inherit;
+      font-size: 1.2rem;
+      font-weight: normal;
+      line-height: 1.6;
+      margin-bottom: 1.8181818182rem;
+      text-rendering: optimizeLegibility;
+    }
+  }
+  &.partner {
+    background: $staff-color;
+    >div {
+      >h2 {
+        color: #fff;
+      }
+      >p {
+        color: #fff;
+        a {
+          color: #fff !important;
+          border-bottom: none !important;
+          text-decoration: underline !important;
+        }
+      }
+      >ul li {
+        padding-left: 0;
+        &::before {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+.au_flowbox_data {
+  display: none;
+}
+
+.au_staffcontactbox {
+  color: #fff;
+  padding: 1.3636364rem;
+  background-color: #379fcb;
+  margin-bottom: 1em;
+  >h2 {
+    color: #fff;
+    text-transform: uppercase;
+    margin: 0 0 1em 0 !important;
+  }
 }