viewy 2.0.6

A web UI toolkit that combine the advantages of a design system and an ui library.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

.tab-view {
  &__tab-container {
    border-bottom: sp(1) solid var(--color-border);
    &__tab {
      padding: sp(10) sp(16) sp(8);
      border-bottom: sp(2) solid transparent;
      cursor: pointer;
      transition: background 150ms, border 150ms;
      &:hover {
        background-color: var(--color-hover);
      }
      &--active {
        border-bottom-color: var(--color-accent);
      }
    }
  }
  &__content-container{
    &__content {
      display: none;
    }
  }
}