From 06d26ef852d2e915cf5eaf47179a72db57547092 Mon Sep 17 00:00:00 2001
From: Daniel Rudolf <github.com@daniel-rudolf.de>
Date: Sat, 23 Nov 2019 19:21:10 +0100
Subject: [PATCH] Add some basic utility classes for typography and images
---
css/style.css | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/css/style.css b/css/style.css
index 46e0578..3fe40d3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -224,6 +224,29 @@ hr {
abbr { text-decoration: underline dotted; }
+/*** UTILITIES ***/
+
+.align-left { text-align: left; }
+.align-center { text-align: center; }
+.align-right { text-align: right; }
+.align-justify { text-align: justify; }
+
+.image { display: block; margin: 0 auto; }
+.image.xsmall { width: 20%; }
+.image.small { width: 40%; }
+.image.large { width: 60%; }
+.image.xlarge { width: 80%; }
+.image.float-left { float: left; margin: 1em 2em 1em 0; }
+.image.float-right { float: right; margin: 1em 0 1em 2em; }
+.image img { display: block; width: 100%; }
+
+@media (max-width: 767px) {
+ .image.xsmall { width: 60%; }
+ .image.small { width: 80%; }
+ .image.large, .image.xlarge { width: 100%; }
+ .image.float-left, .image.float-right { float: none; margin: 0 auto; }
+}
+
/*** TABLES ***/
table { border-spacing: 0; }
--
GitLab