Skip to content
Snippets Groups Projects
Select Git revision
  • 921bf9fbf881c9c605d66fb71a1d9967e385f747
  • test default protected
  • master protected
  • feat/custom-css
  • feat/redesign-improvements-10
  • feat/redesign-improvements-8
  • feat/redesign-fixes-3
  • feat/pirstan-changes
  • feat/separate-import-thread
  • feat/dary-improvements
  • features/add-pdf-page
  • features/add-typed-table
  • features/fix-broken-calendar-categories
  • features/add-embed-to-articles
  • features/create-mastodon-feed-block
  • features/add-custom-numbering-for-candidates
  • features/add-timeline
  • features/create-wordcloud-from-article-page
  • features/create-collapsible-extra-legal-info
  • features/extend-hero-banner
  • features/add-link-to-images
21 results

__init__.py

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;
    }