Changeset 4005:c592af82a076 for themes/berlin

Timestamp:

07/02/19 13:15:53 (6 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Berlin theme: add styles for dl, dd, dt, aside

Location:

themes/berlin

Files:

• scss/partials/_common.scss (modified) (1 diff)
• style.css (modified) (3 diffs)

themes/berlin/scss/partials/_common.scss

@@ -120 +120 @@
 }
 ul ul, ul ol, ol ol, ol ul { margin-top: .5em; }
+dl {
+  padding: 1em;
+  margin: 0;
+  background: transparent;
+}
+dt {
+  color: rgb(139, 145, 165);
+  font-weight: bold;
+}
+dd+dt {
+  margin-top: .5em;
+}
+dd {
+  margin-left: 1em;
+  border-left: 1px solid #d9dbdf;
+  padding-left: 1em;
+  color: #555;
+}
+aside {
+  background-color: rgb(250, 250, 250);
+  color: rgb(99, 99, 99);
+  width: 20em;
+  padding: 0 1em;
+  float: right;
+  margin: 0 -5em 1em 2em;
+  border-left: 3px solid #267daf;
+}
+@media only screen and (max-width: 60em) {
+  aside {
+    float: inherit;
+    width: inherit;
+    margin: 1em 2em;
+  }
+}
 /* a11y */
 .sr {

themes/berlin/style.css

@@ -165 +165 @@
 article, aside, details, figcaption, figure, footer,
 header, hgroup, main, nav, section, summary {
-  display: block;
-  }
+  display: block; }
 
 audio, canvas, video {
@@ -326 +325 @@
   margin-top: .5em; }
 
+dl {
+  padding: 1em;
+  margin: 0;
+  background: transparent; }
+
+dt {
+  color: #8b91a5;
+  font-weight: bold; }
+
+dd + dt {
+  margin-top: .5em; }
+
+dd {
+  margin-left: 1em;
+  border-left: 1px solid #d9dbdf;
+  padding-left: 1em;
+  color: #555; }
+
+aside {
+  background-color: #fafafa;
+  color: #636363;
+  width: 20em;
+  padding: 0 1em;
+  float: right;
+  margin: 0 -5em 1em 2em;
+  border-left: 3px solid #267daf; }
+
+@media only screen and (max-width: 60em) {
+  aside {
+    float: inherit;
+    width: inherit;
+    margin: 1em 2em; } }
 /* a11y */
 .sr {
@@ -645 +676 @@
   padding: 0;
   position: absolute;
-  width: 1px;
-  }
+  width: 1px; }
 
 .footer__widgets .widget {