Sha256: d7f8ee46a195727e7bebdf97bbdf134db92f3ef9143825ebd288158869520ac3

Contents?: true

Size: 1.93 KB

Versions: 15

Compression:

Stored size: 1.93 KB

Contents

.c-widget-accordion {
  @include accordion-container;
  background: $light-gray;
}

.c-widget-accordion + .c-widget-accordion {
  margin-top: 1rem;
}

.c-widget-accordion-link {
  display: block;
  width: 100%;
  padding: .5rem 1rem;
  background-color: $medium-gray;
  overflow: hidden;
  @include headerStyle('h3', alt);

  &:before {
    display: none;
  }

  &--nofill {
    background: $body-background;
    padding-left: 0;

    @include headerStyle('h2', alt);
  }
}

.c-widget-accordion .c-widget-accordion-item {
  &.is-active .c-widget-accordion-link:before {
    content: '\f147';
  }

  .c-widget-accordion-link.c-widget-accordion-link--fb {
    background: $facebook-color;

    .c-widget-accordion__title {
      color: $white;
    }
  }

  .c-widget-accordion-link.c-widget-accordion-link--cal {
    background: #df3a3f;

    .c-widget-accordion__title {
      color: $white;
    }
  }
  
  .c-widget-accordion-link.c-widget-accordion-link--yt {
    background: #cc181e;

    .c-widget-accordion__title {
      color: $white;
    }
  }
}

.c-widget-accordion .c-widget-accordion__title {
  color: $primary-color;
  white-space: nowrap;
}

.c-widget-accordion span:last-child {
  white-space: nowrap;
  width: 100%;
}

.c-widget-accordion .c-widget-accordion-content {
  padding: 1rem;

  &.c-widget-accordion-content--nopad {
    padding: 0;
  }
}

.c-widget-accordion .c-widget-accordion-link {
  border: 0;
  border-bottom: 0;
}

.c-widget-accordion .c-widget-accordion-content__cta {
  margin-top: 1rem;
}

.c-widget-accordion .c-widget-accordion-list {
  margin-left: 0;
  margin-bottom: 1rem;

  &:last-child {
    margin-bottom: 0;
  }
}

// Colors
.c-widget-accordion.c-widget-accordion--alert {
  background: $alert-color;
}

.c-widget-accordion.c-widget-accordion--alert
 .c-widget-accordion-link {
  background: $alert-color !important;
}

.c-widget-accordion.c-widget-accordion--dark
 .c-widget-accordion-link {
  background: $dark-gray !important;
}

Version data entries

15 entries across 15 versions & 1 rubygems

Version Path
jekyll-theme-pirati-8.0.0.pre.beta2 _sass/components/widget-accordion.scss
jekyll-theme-pirati-8.0.0.pre.beta1 _sass/components/widget-accordion.scss
jekyll-theme-pirati-8.0.0.pre.alpha6 _sass/components/widget-accordion.scss
jekyll-theme-pirati-8.0.0.pre.alpha5 _sass/components/widget-accordion.scss
jekyll-theme-pirati-8.0.0.pre.alpha4 _sass/components/widget-accordion.scss
jekyll-theme-pirati-8.0.0.pre.alpha3 _sass/components/widget-accordion.scss
jekyll-theme-pirati-8.0.0.pre.alpha2 _sass/components/widget-accordion.scss
jekyll-theme-pirati-8.0.0.pre.alpha1 _sass/components/widget-accordion.scss
jekyll-theme-pirati-7.7.1 _sass/components/widget-accordion.scss
jekyll-theme-pirati-7.7.0 _sass/components/widget-accordion.scss
jekyll-theme-pirati-7.6.2 _sass/components/widget-accordion.scss
jekyll-theme-pirati-7.6.1 _sass/components/widget-accordion.scss
jekyll-theme-pirati-7.6.0 _sass/components/widget-accordion.scss
jekyll-theme-pirati-7.5.0 _sass/components/widget-accordion.scss
jekyll-theme-pirati-7.4.0 _sass/components/widget-accordion.scss