epfl-elements 1.0.1 → 4.1.0

package/src/scss/config/mixins.scss

@@ -1,217 +0,0 @@
- @charset "utf-8";
-
-// Add a beautiful underline to links
-// Set $bg to false to text-decoration tweak completely.
-// Set $hover to false to disable hover completely.
-@mixin link-pretty($line: $link-color, $bg: $body-bg, $hover: gray('700'), $size: 1px) {
-  text-decoration: none;
-  // Underline via gradient background
-  background-image: linear-gradient($line 0%, $line 100%);
-  background-repeat: repeat-x;
-  background-size: $size $size;
-  background-position: 0 100%;
-
-  @if ($bg) {
-    @include link-pretty-text-shadow($bg);
-  }
-
-  // Tweak position + thickness for high res (1.75x and up) displays
-  @media (min-resolution: 168dpi) {
-    background-image: linear-gradient($line 0%, $line 100%);
-    background-position: 0 100%;
-  }
-
-  // Style selected links (or else text-shadow makes it look crazy ugly)
-  // Pseudo selectors must go separately, or they break each other
-  &::selection {
-    background-color: rgba(theme-color('primary'), 0.4);
-    color: $body-color;
-    text-shadow: none;
-  }
-
-  @if ($hover) {
-    &:hover,
-    &.hover {
-      color: $link-hover-color;
-      text-decoration: none;
-      background-image: linear-gradient($hover 0%, $hover 100%);
-    }
-  }
-
-  // Generate all background variants
-  @each $color, $value in $theme-colors {
-    .bg-#{$color} & {
-      color: color-yiq($value);
-      @include link-pretty-text-shadow($value);
-
-      @if ($hover) {
-        &:hover,
-        &.hover {
-          background-image: linear-gradient(gray('300') 0%, gray('300') 100%);
-        }
-      }
-    }
-  }
-}
-
-// Adds the text-shadow to make descendants prettier
-@mixin link-pretty-text-shadow($color) {
-  text-shadow:
-    3px 0 $color,
-    2px 0 $color,
-    1px 0 $color,
-    -1px 0 $color,
-    -2px 0 $color,
-    -3px 0 $color;
-}
-
-@mixin text-emphasis-variant-decoration($parent, $color) {
-  a#{$parent} {
-    @include hover-focus {
-      text-decoration-color: $color;
-    }
-  }
-}
-
-// Trapeze link
-@mixin trapeze-vertical($color, $size) {
-  &:before {
-    top: 0;
-    right: 100%;
-    width: 0;
-    height: 100%;
-    border-right-width: 0;
-    border-right-color: $color;
-    border-left-width: 0;
-  }
-
-  &:hover,
-  &:focus {
-    transform: translateX($size);
-
-    &:before {
-      border-right-width: $size;
-    }
-  }
-}
-
-@mixin trapeze-horizontal($color, $size) {
-  &:before {
-    top: 100%;
-    left: 0;
-    width: 100%;
-    height: 0;
-    border-bottom-width: 0;
-    border-top-width: 0;
-    border-top-color: $color;
-  }
-
-  &:hover,
-  &:focus {
-    transform: translateY(-$size);
-
-    &:before {
-      border-top-width: $size;
-    }
-  }
-}
-
-@mixin link-trapeze($position: vertical, $color: gray('200'), $size: $trapeze-height) {
-  position: relative;
-  z-index: $zindex-0;
-  transition: transform $trapeze-animation-duration;
-
-  &:before {
-    content: '';
-    display: block;
-    position: absolute;
-    z-index: $zindex-background;
-    border: $size solid transparent;
-    transition: border $trapeze-animation-duration;
-  }
-
-  @if $position == vertical {
-    @include trapeze-vertical($color, $size);
-  } @else if $position == horizontal {
-    @include trapeze-horizontal($color, $size);
-  }
-}
-
-// trapeze with span
-@mixin trapeze-span-horizontal-container($size: $trapeze-height) {
-  display: block;
-  position: relative;
-  z-index: $zindex-1;
-  transition:
-    margin $trapeze-animation-duration,
-    padding $trapeze-animation-duration;
-
-  &:hover,
-  &:focus {
-    margin-top: -$size !important;
-    padding-bottom: $size;
-
-    .trapeze-horizontal {
-      border-top-width: $size;
-    }
-  }
-}
-
-@mixin trapeze-span-vertical-container($size: $trapeze-height) {
-  display: block;
-  position: relative;
-  z-index: $zindex-1;
-  transition:
-    margin $trapeze-animation-duration,
-    padding $trapeze-animation-duration;
-
-  &:hover,
-  &:focus {
-    padding-left: $trapeze-height;
-    margin-right: $trapeze-height * -1;
-
-    .trapeze-vertical {
-      border-right-width: $trapeze-height;
-    }
-  }
-}
-
-@mixin trapeze-span-vertical($color: gray('200'), $size: $trapeze-height) {
-  display: block;
-  position: absolute;
-  z-index: $zindex-0;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 100%;
-  margin-right: $size * -1;
-  border-right: 0 solid $color;
-  border-top: $size solid transparent;
-  border-bottom: $size solid transparent;
-  transition: border $trapeze-animation-duration;
-}
-
-@mixin trapeze-span-horizontal($color: gray('200'), $size: $trapeze-height) {
-  display: block;
-  position: absolute;
-  z-index: $zindex-0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 0;
-  margin-top: $trapeze-height * -1;
-  border-top: 0 solid $gray-200;
-  border-left: $trapeze-height solid transparent;
-  border-right: $trapeze-height solid transparent;
-  transition: border $trapeze-animation-duration;
-}
-
-
-// IE 11 mixin
-// WARNING: Autoprefixer is off inside this.
-@mixin ie11($selector) {
- _:-ms-fullscreen, :root #{$selector} {
-   /* autoprefixer: off */
-   @content;
- }
-}

package/src/scss/config/social-color.scss

@@ -1,78 +0,0 @@
-/**
- * Sass Variables
- * Social Media Brand Colors
- */
-
-
-$facebook: #3b5998;
-$twitter: #1da1f2;
-$youtube: #ff0000;
-$instagrammagenta: #d9317a;
-$instagrammagenta-2: #e33f5f;
-$instagramblue: #5258cf;
-$instagramblue-2: #6559ca;
-$instagrampurple: #893dc2;
-$instagrampurple-2: #bc318f;
-$instagramred: #f50000;
-$instagramorange: #f46f30;
-$instagramorange-2: #f77638;
-$instagramyellow: #fec564;
-$instagramyellow-2: #fec66d;
-$googleblue: #4285f4;
-$googlered: #ea4335;
-$googleyellow: #fbbc05;
-$googlegreen: #34a853;
-$pinterest: #bd081c;
-$googleplus: #db4437;
-$linkedin: #007bb5;
-$vimeoblue: #1ab7ea;
-$tumblr: #2c4762;
-$snapchat: #fffc00;
-$whatsappgreen: #25d366;
-$whatsappteal1: #075e54;
-$whatsappteal2: #128c7e;
-$apple: #a6b1b7;
-$amazon: #ff9900;
-$microsoftred: #f35022;
-$microsoftgreen: #80bb03;
-$microsoftblue: #03a5f0;
-$microsoftyellow: #ffb903;
-$foursquarepink: #f94877;
-$foursquarenavy: #073282;
-$foursquareblue: #2d5be3;
-$swarm: #ffa633;
-$medium: #02b875;
-$skypeblue: #00aff0;
-$skypedkblue: #0078d7;
-$android: #a4c639;
-$stumbleupon: #e94826;
-$flickrpink: #f40083;
-$flickrblue: #006add;
-$yahoo: #430297;
-$soundcloud: #ff5500;
-$spotifygreen: #1ed760;
-$spotifydarkgreen: #1db954;
-$dribbble: #ea4c89;
-$slackpurple: #4d394b;
-$slackskyblue: #70cadb;
-$slackmosss: #3eb890;
-$slackpink: #e01765;
-$slackyellow: #e8a723;
-$slackgreenblue: #1a937d;
-$slackviolet: #472a49;
-$slackolive: #65863a;
-$slackred: #cc2027;
-$reddit: #ff5700;
-$deviantart: #05cc47;
-$pocket: #ee4056;
-$quora: #aa2200;
-$quorablue: #2b6dad;
-$slideshareorange: #e68523;
-$slideshareblue: #00a0dc;
-$fivehundredpx: #0099e5;
-$vk: #4a76a8;
-$listlyorange: #df6d46;
-$listlyblue: #52b1b3;
-$vine: #00b489;
-$steam: #171a21;
-$discord: #7289da;

package/src/scss/config/typography.scss

@@ -1,80 +0,0 @@
-@charset 'utf-8';
-
-body {
-  font-size: $font-size-base * 1.125;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
-
-  @include media-breakpoint-down(sm) { font-size: $font-size-base; }
-
-  @include media-breakpoint-down(xs) { font-size: $font-size-base * 0.875; }
-}
-
-h1 {
-  line-height: 1.111em;
-  font-weight: $font-weight-bold;
-}
-
-h3,
-.h3 {
-  line-height: 1.35em;
-  font-weight: $font-weight-bold;
-}
-
-h4,
-.h4 {
-  line-height: 1.35em;
-}
-
-h5,
-.h5 {
-  line-height: 1.4em;
-  font-weight: $font-weight-bold;
-}
-
-h6,
-.h6 {
-  line-height: 1.5em;
-  text-transform: uppercase;
-}
-
-small {
-  color: $gray-600;
-}
-
-del,
-s { color: $gray-600; }
-
-blockquote {
-  padding-left: 1.66rem;
-  border-left: 1px solid $gray-200;
-
-  p {
-    line-height: 1.3em;
-    font-style: italic;
-  }
-
-  p:before {
-    content: "\201C";
-    padding-right: 0.2rem;
-  }
-
-  p:after {
-    content: "\201D";
-    padding-left: 0.2rem;
-  }
-
-  &.blockquote-fr p:before { content: "\00AB"; }
-  &.blockquote-fr p:after { content: "\00BB"; }
-
-  .blockquote-footer {
-    margin-top: 0.72rem;
-    font-size: $font-size-sm;
-    cite { font-style: normal; }
-  }
-}
-
-table {
-  font-size: 0.83rem;
-}

package/src/scss/config/variables.scss

@@ -1,17 +0,0 @@
-@charset 'utf-8';
-
-@import "./social-color.scss";
-
-/*
-  Variables for trapezes card
-*/
-$trapeze-height: 0.5rem;
-$trapeze-animation-duration: 0.2s;
-
-$header-height: 6.5rem;
-$main-nav-width: 28rem;
-
-// mobile-menu (mm) variables
-$mm-breadcrumbs-height: 3.5rem;
-$mm-lang-height: 3rem;
-$mm-lang-width: 5.8rem;

package/src/scss/config/wordpress.scss

@@ -1,17 +0,0 @@
-@charset 'utf-8';
-
-/*
- * Custom css for Wordpress theme only
-*/
-
-body.epfl-wp {
-  .entry-content {
-    > img {
-      max-width: 100%;
-      height: auto;
-      margin-left: auto;
-      margin-right: auto;
-      margin-bottom: $paragraph-margin-bottom;
-    }
-  }
-}

package/src/scss/config.scss

@@ -1,10 +0,0 @@
-@import 'config/mixins';
-@import 'config/variables';
-@import 'bootstrap/scss/_functions';
-@import 'config/bootstrap-variables';
-@import 'bootstrap/scss/bootstrap';
-@import 'config/typography';
-@import 'config/layout';
-@import 'config/helpers';
-@import 'config/wordpress';
-@import 'tablesaw/src/tables.stack-mixin.scss';

package/src/scss/content-types/association.scss

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

package/src/scss/content-types/bachelor-project.scss

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

package/src/scss/content-types/coursebook.scss

@@ -1,192 +0,0 @@
-@charset 'utf-8';
-
-/**
-* Program
-**/
-.coursebook-program {
-
-  .tree {
-    padding: 0;
-    list-style-type: none;
-  }
-
-  .tree > li {
-    flex: 0 0 50%;
-    font-size: $font-size-sm;
-
-    strong {
-      font-size: $font-size-sm * 0.9;
-    }
-
-    .underline {
-      display: inline;
-    }
-
-    .underline > a {
-      text-decoration: none;
-    }
-
-    > ul {
-      padding: 0;
-      list-style-type: none;
-      font-size: $font-size-sm;
-
-      li {
-        display: flex;
-        flex-flow: row wrap;
-        width: 100%;
-        padding: ($spacer * 0.4) ($spacer * 0.2);
-
-
-        > * {
-          flex: 0 0 auto;
-
-          &:first-child {
-            flex: 0 0 50%;
-          }
-        }
-
-        br {
-          display: none;
-        }
-      }
-
-      strong {
-        text-transform: uppercase;
-      }
-
-      > li:nth-child(even) {
-        background: $gray-100;
-      }
-    }
-  }
-}
-
-/**
-* Reference week
-**/
-.semaineDeRef {
-  @extend .table, .table-boxed;
-
-  tbody {
-    tr:first-child {
-      th {
-        padding: ($spacer * 0.12) ($spacer * 0.66);
-        background: $table-head-bg;
-        border-left: 1px solid gray('200');
-        border-bottom: 3px solid gray('200');
-        text-transform: uppercase;
-        color: $table-head-color;
-      }
-      th:first-child {
-        background: $white;
-      }
-    }
-
-    tr {
-      .time {
-        font-weight: bold;
-      }
-
-      td {
-        padding: ($spacer * 0.15) ($spacer * 0.45)
-      }
-    }
-  }
-}
-
-.local-color {
-  background: theme-color("primary");
-}
-
-.local-color-light {
-  background: darken(theme-color("warning"), 5.2);
-}
-
-.local-color-dark {
-  background: theme-color("info");
-}
-
-.taken {
-  color: white;
-  vertical-align: middle;
-  text-align: center;
-
-  a {
-    color: white !important;
-    text-decoration-color: $white;
-
-    &:hover {
-      font-weight: bold;
-    }
-  }
-}
-
-.coursebook-reference-week > div > div {
-  // these are the items out of the table
-  width: auto !important;
-  margin-right: 0.9rem;
-  font-size: $font-size-sm * 1.07;
-}
-
-/**
-* Legend
-**/
-
-.box.two-cols {
-  display: flex;
-  flex-flow: row wrap;
-
-  .box-col {
-    flex: 0 0 50%;
-  }
-}
-
-.coursebook-legend {
-  h3 {
-    flex: 0 0 100%;
-    font-size: $font-size-base * 1.2;
-  }
-
-  ul {
-    list-style: none;
-    padding: 0;
-    font-size: $font-size-sm;
-
-    li {
-      margin-bottom: $spacer * 0.1;
-    }
-  }
-}
-
-/**
-* temporary icons style
-**/
-.img_legende {
-  &:before {
-    margin-right: $spacer * 0.3;
-    float: left;
-  }
-
-  &.automne:before {
-    content: '🍂';
-  }
-  &.winter:before {
-    content: '❄️';
-  }
-  &.printemps:before {
-    content: '🌼';
-  }
-  &.sun:before {
-    content: '☀️';
-  }
-  &.anglais:before {
-    content: '🏴󠁧󠁢󠁥󠁮󠁧󠁿󠁧󠁢󠁥󠁮󠁧󠁿';
-  }
-  &.francais:before {
-    content: '🇫🇷';
-  }
-  &.allemand:before {
-    content: '🇩🇪';
-  }
-}

package/src/scss/content-types/cursus.scss

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

package/src/scss/content-types/event.scss

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

package/src/scss/content-types/institute.scss

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

package/src/scss/content-types/laboratory.scss

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

package/src/scss/content-types/news.scss

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

package/src/scss/content-types/press-review.scss

@@ -1,5 +0,0 @@
-@charset 'utf-8';
-
-.press-teaser {
-  border-bottom: 1px solid $gray-300;
-}

package/src/scss/content-types/program.scss

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

package/src/scss/content-types/project.scss

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

package/src/scss/content-types/publication.scss

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

package/src/scss/content-types/research-field.scss

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

package/src/scss/content-types/research-project.scss

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

package/src/scss/content-types/school.scss

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

package/src/scss/content-types/science-question.scss

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

package/src/scss/content-types/section.scss

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