assets/sass/components/_breadcrumbs.scss

   1 /// Inspired by:
   2 /// Forty by HTML5 UP
   3 /// html5up.net | @ajlkn
   4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
   5 ///
   6
   7 /* Breadcrumbs */
   8         div#breadcrumbs {
   9                 font-size: 1rem;
  10                 ol.crumbs {
  11                         cursor: default;
  12                         list-style: none;
  13                         padding-left: 0;
  14
  15                         li {
  16                                 display: inline-block;
  17                                 padding-left: 0;
  18                                 vertical-align: middle;
  19
  20                                 &:first-child {
  21                                         padding-right: 0.75em;
  22                                 }
  23
  24                                 &:last-child {
  25                                         padding-left: 0.75em;
  26                                 }
  27                         }
  28
  29                         @include breakpoint('<=xsmall') {
  30                                 li {
  31                                         &:nth-child(n+2):nth-last-child(n+2) {
  32                                                 display: none;
  33                                         }
  34
  35                                         &:first-child {
  36                                                 padding-right: 0;
  37                                         }
  38                                 }
  39                         }
  40                 }
  41         }