Sha256: 9404f6435d200b26a6c21a494572145ffb633e8021e1be62af7ca6b2b7b19476
Contents?: true
Size: 1.27 KB
Versions: 11
Compression:
Stored size: 1.27 KB
Contents
@import "../../tokens/colors";
// Main Home Page Layout with Sidebar
.pb--page {
display: flex;
flex-direction: column;
height: 100%;
&--topNav {
flex: 0 0;
border-bottom: 1px solid $border_light;
padding: 20px 30px;
background: $white;
}
&--content {
display: flex;
flex-direction: row;
flex: 1 1 100%;
&--sideNav {
flex: 0 0 250px;
padding: 0;
background: $white;
border-right: 1px solid $border_light;
max-width: 250px;
min-height: calc(100vh - 89px);
}
&--main {
flex-grow: 1;
padding: 40px 60px;
// max-width: calc(100vw - 250px);
}
}
}
// 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);
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
11 entries across 11 versions & 1 rubygems