Sha256: 9a48bb8af7ce35a8481dd3777f498b14a23ee41757575922b95b3a1f8cda241f

Contents?: true

Size: 1.07 KB

Versions: 10

Compression:

Stored size: 1.07 KB

Contents

// name specific
#profile-tabs{
  // Override foundation
  &.tabs{
    background: transparent;
    border: 0;
    display: flex;
    justify-content: space-around;
    border-bottom: $border;
    margin-bottom: $global-margin;

    .tabs-title{
      a{
        color: $anchor-color;
        padding: $global-padding * 3/4;
        position: relative;

        &:focus,
        &[aria-selected='true']{
          background: transparent;
          color: var(--primary);
          font-weight: 600;
          border-bottom: 3px solid var(--primary);
        }

        &:hover{
          background: transparent;
          border-bottom: $border;
          border-bottom-width: 3px;
        }

        &::after{
          display: block;
          content: attr(title);
          font-weight: bold;
          height: 0;
          overflow: hidden;
          visibility: hidden;
        }
      }
    }
  }
}

// Make the connection between the title and the content
[data-tabs-content="profile-tabs"]{
  border-top: 0;
  background: transparent;
  color: inherit;
  transition: all .5s ease;
}

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
decidim-core-0.21.0 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.20.1 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.20.0 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.19.1 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.18.1 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.19.0 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.17.2 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.18.0 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.17.1 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss
decidim-core-0.17.0 app/assets/stylesheets/decidim/modules/_horizontal-tabs.scss