brozek/website-theme
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website-theme.git synced 2025-10-09 02:11:12 +00:00
Code Issues Projects Releases Packages Wiki Activity

Created new toots layout

Browse source
This commit is contained in:
Brandon Rozek 2022-05-14 22:56:35 -04:00
parent 440c6a7db4
commit adf2a4c4d2
5 changed files with 105 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

32
assets/css/style.css
View file

@ -315,6 +315,38 @@ footer {
/* END FOOTER */
/*
** MASTODON TOOTS
*/
.toot {
margin-bottom: 2rem;
padding: 15px;
border: 1px solid #656565;
border-radius: 10px;
}
.toot .date {
vertical-align: top;
margin-bottom: 0;
}
.toot-avatar { display: inline-block; }
.toot .e-content img { border: 2px solid black; }
.toot .e-content p:first-of-type {
display: inline-block;
}
.toot-photos {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
main .e-content .toot-photos img {
width: 100%;
max-width: 300px;
}
.toot-social { margin-top: 1rem; }
/* END TOOTS */
/*
** EXTRA
*/