epfl-elements 1.0.1 → 4.1.0

package/src/scss/molecules/filters.scss

@@ -1 +0,0 @@
-@charset 'utf-8';

package/src/scss/molecules/footnotes.scss

@@ -1,106 +0,0 @@
-@charset 'utf-8';
-
-article {
-  counter-reset: footnotes;
-
-  footer,
-  aside {
-    margin-top: 1.6rem;
-    padding-top: 0.72rem;
-    border-top: 1px solid $gray-300;
-    font-size: $font-size-sm;
-
-    ol {
-      counter-reset: item;
-      padding-left: 0;
-      margin-left: 0;
-    }
-
-    ol li { display: block; }
-
-    ol li:before {
-      content: counter(item);
-      counter-increment: item;
-      display: inline-block;
-      height: 0.7rem;
-      margin-right: 0.4rem;
-      padding-right: 0.15rem;
-      border-right: 1px solid $gray-300;
-      font-size: 0.7rem;
-      line-height: 0.7rem;
-      font-weight: $font-weight-bold;
-      color: $red;
-    }
-  }
-}
-
-/**
- * Inline footnotes references
- * 1. Increment the counter at each new reference
- * 2. Reset link styles to make it appear like regular text
- */
-[aria-describedby="footnote-label"],
-[aria-describedby="footnote-label"]:hover,
-[aria-describedby="sidenote-label"],
-[aria-describedby="sidenote-label"]:hover {
-  counter-increment: footnotes; /* 1 */
-  text-decoration: none; /* 2 */
-  color: inherit; /* 2 */
-  cursor: default; /* 2 */
-  outline: none; /* 2 */
-  border-bottom: none;
-
-  &:focus,
-  &:active,
-  &:focus:active { box-shadow: none !important; }
-
-  &:after {
-    border-left-color: $red;
-    border-right-color: $red;
-  }
-}
-
-/**
- * Actual numbered references
- */
-[aria-describedby="footnote-label"]:after,
-[aria-describedby="sidenote-label"]:after {
-  content: counter(footnotes);
-  display: inline-block;
-  height: 0.61rem;
-  margin-left: 2px;
-  padding: 0 0.15rem;
-  cursor: pointer;
-  vertical-align: super;
-  font-size: 0.61rem;
-  line-height: 0.61rem;
-  font-weight: $font-weight-bold;
-  border-left: 1px solid $gray-300;
-  border-right: 1px solid $gray-300;
-  color: $red;
-  transition:
-    border 0.2s,
-    color 0.2s;
-}
-
-/**
- * Resetting the default focused styles on the number
- */
-[aria-describedby="footnote-label"]:focus:after,
-[aria-describedby="sidenote-label"]:focus:after {
-  outline: thin dotted;
-  outline-offset: 2px;
-}
-
-.back-to-content {
-  font-size: 0.8em;
-  color: $red;
-  border-bottom: none;
-}
-
-/**
- * Highlight target note
- */
-footer :target {
-  background: transparentize($red, 0.8);
-}

package/src/scss/molecules/form-group.scss

@@ -1,11 +0,0 @@
-@charset 'utf-8';
-
-.form-group {
-  label {
-    font-size: $font-size-sm;
-    color: $gray-600;
-  }
-}
-
-.invalid-label,
-.form-group .invalid-label { color: $red; }

package/src/scss/molecules/gallery.scss

@@ -1,170 +0,0 @@
-@charset 'utf-8';
-
-$gallery-btn-size: 41px;
-$gallery-btn-margin: 14px;
-
-.gallery.is-fullscreen {
-  z-index: $zindex-gallery-opened !important; /* eslint disable line */
-}
-
-.gallery,
-.gallery-nav {
-  position: relative;
-  opacity: 0;
-  transition: opacity 0.3s;
-  &.ready { opacity: 1; }
-
-  .img-fluid {
-    width: 100%;
-  }
-}
-
-.gallery-nav:after {
-  content: ' ';
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 5%;
-  background: linear-gradient(to right, transparent 0%, $white 100%);
-}
-
-.gallery.flickity-enabled.is-fullscreen {
-  background: $white;
-
-  .flickity-slider {
-    display: flex;
-    align-items: center;
-
-    .ie & {
-      padding-top: 20vmin;
-      align-items: start;
-    }
-  }
-
-  .gallery-item {
-    align-items: center;
-    max-height: 80vmin;
-
-    .img-fluid {
-      max-width: 100vmin;
-      margin: 0 auto;
-    }
-
-    figcaption span:last-child { padding-left: 3rem; }
-  }
-
-  .flickity-prev-next-button {
-    top: 50% !important;
-    border: 1px solid $gray-300;
-    &.next { right: 6%; }
-    &.previous { left: 6%; }
-  }
-}
-
-.gallery-item {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-
-  figcaption {
-    display: flex;
-    justify-content: space-between;
-    padding: 0.6rem 0.2rem;
-    font-size: $font-size-sm;
-    color: $gray-600;
-
-    > span {
-      display: inline-block;
-      flex: 1 1 auto;
-    }
-
-    > span:last-child {
-      text-align: right;
-      padding-left: 1rem;
-    }
-  }
-}
-
-.gallery-nav-item {
-  display: block;
-  position: relative;
-  width: calc(23% - 0.8rem);
-  margin-right: 0.8rem;
-  border-bottom: 1px solid $gray-300;
-
-  &:after {
-    content: ' ';
-    position: absolute;
-    top: 0;
-    left: 50%;
-    margin-left: $grid-gutter-width / -2;
-    width: 0;
-    height: 0;
-    border-style: solid;
-    border-width: $grid-gutter-width / 2 $grid-gutter-width / 2 0;
-    border-color: transparent;
-    transition: border-color 0.25s;
-  }
-
-  &.is-nav-selected:after { border-color: $white transparent transparent; }
-
-  figcaption {
-    overflow: hidden;
-    padding: 0.4rem 0;
-    font-size: $font-size-sm;
-    color: $gray-600;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-}
-
-.gallery .flickity-prev-next-button,
-.gallery .flickity-fullscreen-button {
-  width: $gallery-btn-size;
-  height: $gallery-btn-size;
-  border-radius: $gallery-btn-size;
-  opacity: 1;
-
-  svg.flickity-button-icon {
-    position: static;
-  }
-}
-
-.gallery .flickity-prev-next-button {
-  display: flex;
-  top: 45%;
-  align-items: center;
-  justify-content: center;
-  margin-top: $gallery-btn-size * -0.5;
-  background: $white;
-  transform: scale(1);
-  transition: transform 0.25s;
-  &:hover { transform: scale(1.1); }
-  &.next { right: $gallery-btn-margin; }
-  &.previous { left: $gallery-btn-margin; }
-
-  @include media-breakpoint-down(sm) {
-    display: none;
-  }
-}
-
-.gallery .flickity-fullscreen-button {
-  top: $gallery-btn-margin;
-  right: $gallery-btn-margin;
-  background: $gray-600;
-  text-align: center;
-  transition: background 0.25s;
-
-  &:hover { background: $gray-900; }
-
-  svg.flickity-button-icon {
-    width: 17px;
-    margin-top: 6px;
-    * { fill: $white; }
-  }
-
-  &.flickity-fullscreen-button-exit svg.flickity-button-icon { width: 10px; }
-}

package/src/scss/molecules/key-number.scss

@@ -1 +0,0 @@
-@charset 'utf-8';

package/src/scss/molecules/links-group.scss

@@ -1,18 +0,0 @@
-@charset 'utf-8';
-
-.links-group {
-  padding: 1.66rem;
-  background: $white;
-  border: 1px solid $gray-200;
-
-  .nav-link {
-    padding: 0;
-    margin-bottom: 0.8rem;
-  }
-
-  &.links-group-teaser h5 {
-    margin-bottom: 1.2rem;
-    padding-bottom: 1.6rem;
-    border-bottom: 1px solid $gray-200;
-  }
-}

package/src/scss/molecules/list-group.scss

@@ -1,109 +0,0 @@
-@charset 'utf-8';
-
-.list-group-item-borderless {
-  padding-right: 0;
-  padding-left: 0;
-  border-right: 0;
-  border-left: 0;
-}
-
-.list-group-item-gray .list-group-teaser-container {
-  background: gray('100');
-  transition: background 0.25s;
-  &:hover { background: $white; }
-}
-
-.list-group {
-  .list-group-teaser {
-    display: block;
-    text-decoration: none;
-    padding: 0;
-    border: none;
-
-    &:hover {
-      z-index: $zindex-10;
-    }
-
-    + .list-group-teaser {
-      margin-top: -1px;
-    }
-  }
-
-  .list-group-teaser-thumbnail {
-    flex: 0 0 12rem;
-    padding: 1rem;
-    padding-top: 1rem;
-    z-index: $zindex-1;
-    border: 1px solid gray('200');
-    transition: border-color 0.2s;
-
-    @include media-breakpoint-up(lg) {
-      border-right: none;
-    }
-
-    @include media-breakpoint-down(md) {
-      border-bottom: none;
-    }
-  }
-
-  .list-group-teaser-content {
-    flex: 0 1 100%;
-    padding: 1rem;
-    border: 1px solid gray('200');
-    transition: border-color 0.2s;
-    z-index: $zindex-1;
-
-    @include media-breakpoint-down(md) {
-      border-top: none;
-    }
-
-    @include media-breakpoint-up(lg) {
-      border-left: none;
-    }
-
-    span {
-      color: $body-color;
-    }
-
-    p {
-      margin: 0;
-
-      &.h5 {
-        margin-bottom: 0.4rem;
-      }
-    }
-  }
-
-  .list-group-teaser-container {
-    display: flex;
-    flex-flow: row nowrap;
-    width: 100%;
-
-    @include media-breakpoint-down(md) {
-      flex-direction: column;
-    }
-
-    &:hover {
-      .list-group-teaser-content,
-      .list-group-teaser-thumbnail {
-        border-color: $black;
-      }
-    }
-  }
-
-  .list-group-teaser-more {
-    display: block;
-    padding: 0.4rem 1rem;
-    background: $white;
-    border: 1px solid gray('200') !important;
-    font-size: 90%;
-    background-image: none !important;
-    text-align: center;
-    margin-top: 1rem;
-    transition: border 0.2s, color 0.3s;
-
-    &:hover {
-      border: 1px solid $black !important;
-    }
-  }
-}

package/src/scss/molecules/map.scss

@@ -1,29 +0,0 @@
-@charset 'utf-8';
-
-.media-map {
-  display: flex;
-  flex: 1 1 100%;
-  position: relative;
-
-  figure {
-    flex: 1 1 100%;
-  }
-
-  picture {
-    width: 100%;
-    margin-bottom: 0;
-  }
-
-  img {
-    height: 100%;
-    object-fit: cover;
-    font-family: 'object-fit: cover;'; /* stylelint-disable-line */
-  }
-}
-
-.media-map-over {
-  position: absolute;
-  right: ($grid-gutter-width / 2);
-  bottom: ($grid-gutter-width / 2);
-  left: ($grid-gutter-width / 2);
-}

package/src/scss/molecules/metabox.scss

@@ -1 +0,0 @@
-@charset 'utf-8';

package/src/scss/molecules/pagination.scss

@@ -1,83 +0,0 @@
-@charset 'utf-8';
-
-.page-item {
-  background-color: $pagination-bg;
-  border-top: $pagination-border-width solid $pagination-border-color;
-  border-bottom: $pagination-border-width solid $pagination-border-color;
-
-  &:first-child,
-  &:last-child {
-    .page-link {
-      border-radius: 0;
-    }
-  }
-
-  &:first-child {
-    border-left: $pagination-border-width solid $pagination-border-color;
-
-    .page-link {
-      margin-left: -$pagination-border-width;
-    }
-  }
-
-  &:last-child {
-    border-right: $pagination-border-width solid $pagination-border-color;
-
-    .page-link {
-      margin-right: -$pagination-border-width;
-    }
-  }
-
-  &.disabled {
-    .page-link {
-      border-color: transparent;
-    }
-
-    &:last-child .page-link {
-      margin-right: 0;
-    }
-
-    &:first-child .page-link {
-      margin-left: 0;
-    }
-  }
-}
-
-.page-link {
-  display: inline-flex;
-  justify-content: center;
-  min-width: calc(#{$font-size-base * 1.25} + #{$pagination-padding-y * 2});
-  height: 100%;
-  background-color: transparent;
-  border-color: transparent;
-  border-radius: 0;
-  text-decoration: none;
-  font-weight: $font-weight-bold;
-  transition: margin 0.1s ease-in-out;
-
-  @include link-trapeze(horizontal, $pagination-border-color, 5px);
-
-  &:before {
-    left: -$pagination-border-width;
-    margin-top: $pagination-border-width;
-    width: calc(100% + #{$pagination-border-width * 2});
-
-    .page-item:first-child & {
-      border-left-color: $pagination-bg;
-    }
-
-    .page-item:last-child & {
-      border-right-color: $pagination-bg;
-    }
-  }
-
-  @include hover {
-    z-index: $zindex-1 + 1;
-    border: $pagination-border-width solid $pagination-hover-border-color;
-    transform: translateY(-4px);
-  }
-
-  @include hover-focus-active {
-    background-color: $pagination-hover-bg;
-  }
-}