Sha256: 2ac35e22340cb478339c69d2cbe6bbde99fc80fdcd3b04915ff4cff1b3b9352b
Contents?: true
Size: 1.25 KB
Versions: 5
Compression:
Stored size: 1.25 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 $sky;
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 $sky;
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($sky, 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: $power_royal;
}
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems