jonny/jonnybarnes.uk
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases 5 Packages Wiki Activity Actions

Some redesign work, that didnt actually use grid

Browse source 
Squashed commit of the following:

commit 1701a33d313d0969b061c8a87734395312045d9a
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Sat Mar 16 18:44:29 2019 +0000

    Try and get security checker working again

commit 2f81f28419304cad1678c6ee054eb3c8782fa082
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Sat Mar 16 18:38:41 2019 +0000

    Make sure aaron's profile pic is saved

commit 8a78aeec9c648a647fcb5d778b3003df5c3f653e
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Sat Mar 16 18:16:16 2019 +0000

    Lets push out the new style as is

commit a8015907d44370600ae3711605f96c4e3a637fca
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Fri Mar 15 21:31:19 2019 +0000

    More design work

commit 12cb6e1bfc23ca9591e5348ebc6e49614d686722
Author: Jonny Barnes <jonny@jonnybarnes.uk>
Date:   Sun Mar 10 16:00:30 2019 +0000

    Updating CSS styles for design v2
This commit is contained in:
Jonny Barnes 2019-03-16 21:48:54 +00:00
parent 91890fa41f
commit 26c4bc82d6
32 changed files with 237 additions and 365 deletions
Download patch file Download diff file Expand all files Collapse all files

41
resources/sass/_notes.scss vendored
View file

@ -1,34 +1,17 @@
//notes.scss
// notes.scss
//the hovercard that is displayed in notes
@import "hovercard";
.note {
display: flex;
flex-direction: column;
font-size: 2rem;
.h-entry .note {
width: $mainWidth;
}
.note img {
max-width: 100%;
max-height: 80vh;
}
@media screen and (max-width: $mainWidth) {
.h-entry .note {
width: 95vw;
.note-metadata {
display: flex;
flex-direction: row;
justify-content: space-between;
.e-content {
img {
width: 100%;
}
}
}
}
.icon {
width: auto;
height: 1em;
}
.note pre code {
padding: 1.5rem 2rem;
border-radius: 4px;
}
//style the pagination links
@import "pagination";