Oliver/lugo
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

reactive css

Browse Source
This commit is contained in:
Oliver Atkinson 2023-09-28 11:45:27 -06:00 committed by Oliver Atkinson
parent 0511fd8a4b
commit 223120da59
3 changed files with 94 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
static/content.css Normal file
View File

@ -0,0 +1,37 @@
.content {
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
.content figure {
flex: 25%;
margin-left: auto;
margin-right: auto;
align-items: center;
}
.content img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 50%;
height: auto;
width: auto;
outline: cadetblue solid 3px;
}
.content p {
flex: 50%;
}
@media only screen and (max-width: 600px) {
.content p {
flex:100%;
}
.content figure {
flex:100%;
}
}

46
static/hugo.css Normal file
View File

@ -0,0 +1,46 @@
/* For NEXTPREV.HTML */
#nextprev {
/* The container for both the previous and next articles. */
color: black;
}
#nextprev a:any-link {
color: black;
}
#nextart {
float: left ;
text-align: left ;
}
#prevart {
float: right ;
text-align: right ;
}
#nextart,#prevart {
max-width: 33% ;
}
/* For TAGLIST.HTML */
.taglist {
text-align: center;
clear: both;
color: rgb(64, 64, 64);
}
/* For putting right / left boxes next to each other */
.left {
width: 45%;
padding-right: 5%;
float: left;
clear: both;
}
.right {
width: 45%;
padding-left: 5%;
float: right;
}

75
static/style.css
View File

@ -18,20 +18,9 @@ main {
margin: auto; margin: auto;
} }
h1 { h1, h2, h3, h4 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
h4 {
text-align: center; text-align: center;
flex: 100%;
} }
header h1 { header h1 {
@ -108,12 +97,13 @@ code {
img { img {
border-radius: 4px; border-radius: 4px;
margin: 0;
} }
article img { figcaption {
max-width: 100%; color: rgb(69, 69, 69);
max-height: 100%; font-style: italic;
outline: cadetblue solid 3px; text-align: center;
} }
figure { figure {
@ -130,52 +120,9 @@ footer a:any-link {
color: white; color: white;
} }
/* For NEXTPREV.HTML */ @media only screen and (max-width: 600px) {
#nextprev { main {
/* The container for both the previous and next articles. */ max-width: 90%;
color: black; }
} }
#nextprev a:any-link {
color: black;
}
#nextart {
float: left ;
text-align: left ;
}
#prevart {
float: right ;
text-align: right ;
}
#nextart,#prevart {
max-width: 33% ;
}
/* For TAGLIST.HTML */
.taglist {
text-align: center;
clear: both;
color: rgb(64, 64, 64);
}
/* For putting right / left boxes next to each other */
.left {
width: 45%;
padding-right: 5%;
float: left;
clear: both;
}
.right {
width: 45%;
padding-left: 5%;
float: right;
}
.subtext {
color: rgb(69, 69, 69);
font-style: italic;
}