Menu icon Foundation

My Posts

No Content

My Comments

Tim Scott commented on frank nelson's post over 5 years

Just upgrading to v5. I was able to fix the regression in tabs styling with the following scss. Not sure if it's the most elegant, but it's working for me.

.tabs {
  dd > a {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #fff;
    margin-right: -1px;
  }
  dd:not(.active) > a {
    border-bottom: solid 1px #ccc;
  }
}
.tabs-content {
  border: 1px #aaa solid;
  .content {
    padding: 15px;
    margin-top: 0;
  }
  margin: -1px 0 15px 0;
}

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on frank nelson's post over 5 years

Just upgrading to v5. I was able to fix the regression in tabs styling with the following scss. Not sure if it's the most elegant, but it's working for me.

.tabs {
  dd > a {
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #fff;
    margin-right: -1px;
  }
  dd:not(.active) > a {
    border-bottom: solid 1px #ccc;
  }
}
.tabs-content {
  border: 1px #aaa solid;
  .content {
    padding: 15px;
    margin-top: 0;
  }
  margin: -1px 0 15px 0;
}

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content