Sha256: aa33e74b820a77859897f3499f9f5dfef17e3ffc61258b573e92e65772c037a7
Contents?: true
Size: 1.48 KB
Versions: 12
Compression:
Stored size: 1.48 KB
Contents
@import "../../tokens/colors";
@import "../../tokens/spacing";
.pb--page {
&--topNav {
flex: 0 0;
border-bottom: 1px solid $border_light;
padding: 20px 30px;
background: $white;
h1 {
display: flex;
align-items: center;
img {
display: flex;
}
}
}
&--content {
min-height: calc(100vh - 89px);
&--main {
flex-grow: 1;
padding: 40px 60px;
height: calc(100vh - 89px);
overflow: auto;
}
}
&--sideNav {
height: calc(100vh - 89px);
overflow: auto;
.category_section {
&.active {
padding: $space_xs 0;
background: $bg_light;
}
.sub_category {
padding-left: $space_md;
}
}
}
}
// Nav Tabs switch between Rails and React
.pb--kit-type-nav {
margin: 20px 0 30px;
line-height: 34px;
border-bottom: 2px solid rgba($border_light, 0.6);
&.sample {
margin: 0;
border-bottom: 2px solid rgba(228, 232, 240, 0.6);
background: rgb(23, 34, 87) !important;
}
a {
padding: 0 10px;
line-height: 34px;
font-size: 14px;
font-weight: 400;
display: inline-block;
position: relative;
&::after {
content: "";
width: 100%;
height: 3px;
background: transparent;
position: absolute;
bottom: -2px;
left: 0;
border-radius: 1px;
transition: all 0.2s ease;
}
&.active {
font-weight: 600;
&::after {
background: $primary;
}
}
}
}
Version data entries
12 entries across 12 versions & 1 rubygems