0.9.0

EvgenyOrekhov · Jun 19, 2020 · acff402 · acff402
1 parent cc8e59f
commit acff402
Showing 8 changed files with 43 additions and 22 deletions.
diff --git a/README.md b/README.md
@@ -38,7 +38,7 @@ See form example: [Bootstrap](https://jsfiddle.net/z16aknfh/3/) vs
 ## Quick Start
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/holiday.css@0.8.0" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/holiday.css@0.9.0" />
 ```
 
 ## Browser compatibility

diff --git a/dist/holiday.css b/dist/holiday.css
@@ -350,6 +350,13 @@ table {
 }
 
 pre {
+  padding: 1rem;
+
+  /* Prism hack */
+  /* stylelint-disable declaration-no-important */
+  margin-top: 1rem !important;
+  margin-bottom: 1rem !important;
+  /* stylelint-enable */
   overflow-x: auto;
   line-height: 1.15;
 }
@@ -359,9 +366,7 @@ code {
 }
 
 pre code {
-  display: inline-block;
-  min-width: 100%;
-  padding: 1rem;
+  padding: unset;
 }
 
 kbd {
@@ -594,6 +599,14 @@ picture {
   text-align: center;
 }
 
+/* highlight.js hack */
+/* stylelint-disable-next-line selector-max-class */
+.hljs {
+  /* stylelint-disable-next-line declaration-no-important */
+  padding: 1rem !important;
+  margin: -1rem;
+}
+
 @media (max-width: 50rem) {
   table {
     width: calc(100% + 1rem);
@@ -608,19 +621,24 @@ picture {
 
   pre {
     width: calc(100% + 1rem);
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
-    margin-left: -0.5rem;
+
+    /* !important is Prism hack */
+    /* stylelint-disable declaration-no-important */
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+    margin-left: -0.5rem !important;
+    /* stylelint-enable */
   }
 
-  pre code {
-    box-sizing: content-box;
-    padding-right: 0;
-    padding-left: 0;
-    margin-right: -0.5rem;
-    margin-left: -0.5rem;
-    border-right: 0.5rem solid transparent;
-    border-left: 0.5rem solid transparent;
+  /* highlight.js hack */
+  /* stylelint-disable-next-line selector-max-class */
+  .hljs {
+    /* stylelint-disable declaration-no-important */
+    padding-right: 0.5rem !important;
+    padding-left: 0.5rem !important;
+    /* stylelint-enable */
+
+    margin: -1rem -0.5rem;
   }
 }
 @media (hover: hover) {
@@ -802,10 +820,13 @@ body {
   background-color: var(--background-color);
 }
 
+pre {
+  background-color: var(--code-background-color);
+}
+
 code {
   color: var(--code-text-color);
   background-color: var(--code-background-color);
-  border-color: var(--code-background-color);
 }
 
 a,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "holiday.css",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "A classless CSS theme",
   "main": "dist/holiday.css",
   "style": "dist/holiday.css",

diff --git a/site/README.md b/site/README.md
@@ -22,7 +22,7 @@ Or you can use it as a base and build upon it.
 Just add this to your `<head>`:
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/holiday.css@0.8.0" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/holiday.css@0.9.0" />
 ```
 
 ## What makes holiday.css different

diff --git a/site/_includes/layout.liquid b/site/_includes/layout.liquid
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/holiday.css@0.8.0"
+      href="https://cdn.jsdelivr.net/npm/holiday.css@0.9.0"
     />
   </head>
 

diff --git a/site/template.html b/site/template.html
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/holiday.css@0.8.0"
+      href="https://cdn.jsdelivr.net/npm/holiday.css@0.9.0"
     />
   </head>
 

diff --git a/site/usage.md b/site/usage.md
@@ -8,7 +8,7 @@ layout: layout
 Have an existing web page? Add this to your `<head>`:
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/holiday.css@0.8.0" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/holiday.css@0.9.0" />
 ```
 
 Starting afresh? Use [Quickstart Template]({{ "/template/" | url }}).