testing stuff
This commit is contained in:
parent
518ac9d99f
commit
330c183344
@ -2,23 +2,23 @@
|
|||||||
/* The Sidebar */
|
/* The Sidebar */
|
||||||
/*=============*/
|
/*=============*/
|
||||||
|
|
||||||
.with-sidebar {
|
.sidebar {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.with-sidebar > * {
|
.sidebar > * {
|
||||||
--space: var(--s1);
|
--space: var(--s1);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin: calc(var(--space) / 2 * -1);
|
margin: calc(var(--space) / 2 * -1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.with-sidebar > * > * {
|
.sidebar > * > * {
|
||||||
margin: calc(var(--space) / 2);
|
margin: calc(var(--space) / 2);
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.with-sidebar > * > :last-child {
|
.sidebar > * > :last-child {
|
||||||
flex-basis: 0;
|
flex-basis: 0;
|
||||||
flex-grow: 999;
|
flex-grow: 999;
|
||||||
min-width: calc(50% - var(--space));
|
min-width: calc(50% - var(--space));
|
||||||
|
13
style.css
13
style.css
@ -5,3 +5,16 @@ h3 {
|
|||||||
h2 {
|
h2 {
|
||||||
font-size: var(--font-size-big);
|
font-size: var(--font-size-big);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: var(--font-size-bigger);
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar > img {
|
||||||
|
max-height: 100%;
|
||||||
|
height: var(--s5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.outline {
|
||||||
|
border: 5px solid red;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user