fix: sticky content nav, news list, adhesions
This commit is contained in:
parent
a539a53fac
commit
70cd04bab6
15 changed files with 152 additions and 62 deletions
|
|
@ -187,3 +187,50 @@ figure {
|
|||
.icon-facebook {
|
||||
fill: lighten(#0866FF, 20%) !important;
|
||||
}
|
||||
|
||||
.content-with-side-menu {
|
||||
// display: grid;
|
||||
// grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
|
||||
// margin: 0 auto;
|
||||
// width: 85%;
|
||||
|
||||
// display: grid;
|
||||
// grid-template-columns: 20rem 1fr;
|
||||
// column-gap: 3rem;
|
||||
position: relative;
|
||||
|
||||
.side-menu__container {
|
||||
position: sticky;
|
||||
top: 7rem;
|
||||
left: 5rem;
|
||||
width: 25rem;
|
||||
height: 0;
|
||||
}
|
||||
.side-menu {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.sticky-nav {
|
||||
position: sticky;
|
||||
top: 7rem;
|
||||
background: white;
|
||||
border: 1px solid black;
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
li {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: .5rem 1rem;
|
||||
border: 1px solid $background-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue