summaryrefslogtreecommitdiff
path: root/static/css/style.css
diff options
context:
space:
mode:
authorDavid Luevano Alvarado <david@luevano.xyz>2021-07-17 17:01:07 -0600
committerDavid Luevano Alvarado <david@luevano.xyz>2021-07-17 17:01:07 -0600
commitb0d23f0f9daf2935de56646e599d40ff641cbbce (patch)
tree241949e8ef6d480065b004dd996f893cdf927106 /static/css/style.css
parentf39af47eb03343dadf2c646dc43c8b8e131e427a (diff)
forgot to update repo
Diffstat (limited to 'static/css/style.css')
-rw-r--r--static/css/style.css41
1 files changed, 30 insertions, 11 deletions
diff --git a/static/css/style.css b/static/css/style.css
index 915a1f2..5a18881 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -52,6 +52,12 @@ a{
text-decoration: none;
}
+mark,
+mark * {
+ background: none;
+ animation: mark-rainbow 2s linear infinite;
+}
+
body > header,
body > footer,
main {
@@ -75,15 +81,10 @@ main.art p {
/* article/art elements */
div.article-info,
div.art-info {
- line-height: 0.3;
+ line-height: 0.5;
font-size: smaller;
}
-div.article-info > div.article-tags,
-div.art-info > div.art-tags {
- font-size: larger;
-}
-
/* nav bar / header */
body > header {
@@ -253,11 +254,6 @@ img.wrap-left {
float: left;
}
-img.qr {
- max-width: 200px;
- padding: 1em;
-}
-
/* img grid */
div.img-grid,
div.img-grid > p {
@@ -274,6 +270,26 @@ div.img-grid img {
overflow: hidden;
}
+/* crypto grid */
+div.crypto-grid {
+ display: grid;
+ gap: 1em;
+ /* the 200px corresponds tothe img qr size */
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+}
+
+div.crypto-grid figure {
+ margin: 0;
+}
+
+div.crypto-grid a {
+ display: contents;
+}
+
+div.crypto-grid img.qr {
+ max-width: 140px;
+}
+
/* art grid / art gallery */
div.art-grid {
display: grid;
@@ -296,8 +312,11 @@ div.art-grid a {
div.art-grid img {
object-fit: cover;
+ width: 100%;
+ height: 100%;
}
+/* not sure if these two are needed as the one above works fine */
div.art-grid a.wide img {
width: 100%;
}