Images, breadcrumb, other small tweaks

indigoxela · indigoxela · commit 3663f662fdd8 · 2020-08-06T14:48:38.000+02:00
diff --git a/css/base.css b/css/base.css
@@ -417,6 +417,15 @@ img.align-left {
 .field-type-taxonomy-term-reference .field-item:last-child::after {
   content: "";
 }
+.breadcrumb {
+  display: table;
+  margin: 0 auto;
+  padding: .5em 0 1em;
+}
+.align-left,
+.align-right {
+  float: none;
+}
 /**
  * Media queries.
  */
@@ -446,13 +455,13 @@ img.align-left {
   .l-header .menu a {
     padding: 10px 2vw;
   }
-  img.align-right {
+  .align-right {
     float: right;
-    margin: 0 0 10px 20px;
+    margin: 4px 0 10px 20px;
   }
-  img.align-left {
+  .align-left {
     float: left;
-    margin: 0 20px 10px 0;
+    margin: 4px 20px 10px 0;
   }
 }
 @media screen and (min-width: 960px) {
@@ -485,7 +494,8 @@ img.align-left {
     border-bottom: none;
   }
   .node {
-    max-width: 800px;
+    max-width: 840px;
+    margin: 0 auto;
   }
 }
 @media screen and (min-width: 1200px) {

Original file line number	Diff line number	Diff line change
`@@ -417,6 +417,15 @@ img.align-left {`
`417`	`417`	`.field-type-taxonomy-term-reference .field-item:last-child::after {`
`418`	`418`	`content: "";`
`419`	`419`	`}`
	`420`	`+.breadcrumb {`
	`421`	`+ display: table;`
	`422`	`+ margin: 0 auto;`
	`423`	`+ padding: .5em 0 1em;`
	`424`	`+}`
	`425`	`+.align-left,`
	`426`	`+.align-right {`
	`427`	`+ float: none;`
	`428`	`+}`
`420`	`429`	`/**`
`421`	`430`	`* Media queries.`
`422`	`431`	`*/`
`@@ -446,13 +455,13 @@ img.align-left {`
`446`	`455`	`.l-header .menu a {`
`447`	`456`	`padding: 10px 2vw;`
`448`	`457`	`}`
`449`		`- img.align-right {`
	`458`	`+ .align-right {`
`450`	`459`	`float: right;`
`451`		`- margin: 0 0 10px 20px;`
	`460`	`+ margin: 4px 0 10px 20px;`
`452`	`461`	`}`
`453`		`- img.align-left {`
	`462`	`+ .align-left {`
`454`	`463`	`float: left;`
`455`		`- margin: 0 20px 10px 0;`
	`464`	`+ margin: 4px 20px 10px 0;`
`456`	`465`	`}`
`457`	`466`	`}`
`458`	`467`	`@media screen and (min-width: 960px) {`
`@@ -485,7 +494,8 @@ img.align-left {`
`485`	`494`	`border-bottom: none;`
`486`	`495`	`}`
`487`	`496`	`.node {`
`488`		`- max-width: 800px;`
	`497`	`+ max-width: 840px;`
	`498`	`+ margin: 0 auto;`
`489`	`499`	`}`
`490`	`500`	`}`
`491`	`501`	`@media screen and (min-width: 1200px) {`