Skip to content
Snippets Groups Projects
Select Git revision
  • 9d1ff7191c5583998687a3094c8fc791ae0df6d0
  • master default protected
  • feat/redesign
  • feat/dockerfile
  • feat/nastenka
  • feat/crossroads
6 results

switch.pcss

Blame
  • switch.pcss 1.51 KiB
    .switch {
      @apply py-5 mx-auto;
    }
    
    .switch__item, .switch__item--elections, .switch__item--program {
      @apply whitespace-nowrap cursor-pointer px-5 py-2 mb-2 font-normal text-center duration-200;
    
      &:not(:last-child) {
        @apply mr-2;
      }
    }
    
    .switch__item {
      @apply bg-white text-black;
    
      &:hover {
        @apply no-underline bg-pirati-yellow;
      }
    
      &.switch__item--active,
      &.switch__item--active:hover {
        @apply bg-pirati-yellow;
      }
    }
    
    
    .switch__item--program {
      @apply bg-grey-150 text-black;
    
      &:hover {
        @apply no-underline bg-grey-200;
      }
    
      &.switch__item--active,
      &.switch__item--active:hover {
        @apply bg-pirati-yellow;
      }
    }
    
    
    .switch__item--elections {
      @apply bg-black text-white;
    
      &:hover {
        @apply no-underline bg-grey-600;
      }
    
      &.switch__item--active,
      &.switch__item--active:hover {
        @apply bg-grey-350;
      }
    }
    
    
    
    @responsive {
    
      @screen xl {
        .switch__item {
          @apply px-5 py-2;
        }
      }
    
    }
    /* HORIZONTAL SCROLLABLE */
    .horizontal-scrolling {
      display: block;
      margin-left: -15px;
      margin-right: -15px;
      max-width: calc(100vw - 50px);
      overflow-x: scroll;
      overflow-y: hidden;
      text-align: center;
      white-space: nowrap;
    
      @screen xl {
        max-width: calc(100% + 30px);
      }
    }
    .horizontal-scrolling.draggable {
      cursor: grab;
    }
    .horizontal-scrolling.draggable.active, .horizontal-scrolling.draggable.active a {
      cursor: grabbing;
    }
    
    .no-scrollbars {
      -ms-overflow-style: -ms-autohiding-scrollbar;
      scrollbar-width: none;
    }
    .no-scrollbars::-webkit-scrollbar {
      display: none;
    }