2020-12-02 00:59:20 +00:00
|
|
|
/*groups stream*/
|
2021-07-20 19:30:49 +01:00
|
|
|
.groups {
|
2020-12-02 00:59:20 +00:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.groups > h1 {
|
|
|
|
padding: var(--unit-size);
|
|
|
|
}
|
|
|
|
|
2021-07-19 19:19:02 +01:00
|
|
|
.nav-content .timeline .groups > div {
|
2021-07-20 19:30:49 +01:00
|
|
|
margin: var(--unit-size) var(--unit-size) 0 var(--unit-size);
|
2020-12-02 00:59:20 +00:00
|
|
|
border-radius: var(--unit-size);
|
|
|
|
width: 100%;
|
|
|
|
}
|
2021-07-20 19:30:49 +01:00
|
|
|
|
2021-07-19 19:19:02 +01:00
|
|
|
.nav-content .timeline .groups > div:last-child {
|
2021-07-20 19:30:49 +01:00
|
|
|
margin: var(--unit-size) var(--unit-size) var(--unit-size) var(--unit-size);
|
2020-12-02 00:59:20 +00:00
|
|
|
}
|
|
|
|
|
2021-07-20 19:30:49 +01:00
|
|
|
.group {
|
2020-12-02 00:59:20 +00:00
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
border: solid 2px var(--accent-low);
|
|
|
|
border-radius: var(--unit-size);
|
|
|
|
box-shadow: var(--shadow);
|
|
|
|
margin-bottom: var(--unit-size);
|
|
|
|
}
|
|
|
|
|
|
|
|
.group-content {
|
|
|
|
order: 3;
|
|
|
|
word-break: break-word;
|
|
|
|
padding: var(--small-size);
|
|
|
|
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
|
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
2021-07-20 19:30:49 +01:00
|
|
|
.group-info {
|
2020-12-02 00:59:20 +00:00
|
|
|
order: 3;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
2021-07-20 19:30:49 +01:00
|
|
|
.group-description {
|
2020-12-02 00:59:20 +00:00
|
|
|
order: 3;
|
|
|
|
word-break: break-word;
|
|
|
|
padding: var(--small-size);
|
|
|
|
border-radius: 0 0 var(--unit-size) var(--unit-size);
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: right;
|
|
|
|
}
|