Sha256: 98ba5f534ecff72a14370325073cab33e307593df0f446128b9e7a04e8eb74e8
Contents?: true
Size: 1.38 KB
Versions: 10
Compression:
Stored size: 1.38 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;
h1 {
display: flex;
align-items: center;
img {
display: flex;
}
}
}
&--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
10 entries across 10 versions & 1 rubygems