diff --git a/.gitignore b/.gitignore
index c1efe5b..20e9e81 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
+.DS_Store
bower_components/
-coverage-reports/
\ No newline at end of file
+coverage-reports/
diff --git a/README.md b/README.md
index c34104f..0a91a3a 100644
--- a/README.md
+++ b/README.md
@@ -59,16 +59,25 @@ Forget to worry about spaces, indentation, HTML entities, etc.
## Usage
The code to highlight must be provided inside a `` tag.
-The `type` attribute is **optional** and it corresponds to the `class` applied to ` your code here...` in [highlight.js](https://highlightjs.org/).
```html
-
+
+
+
+
` and `
` elements | Operator Mono, Inconsolata, Roboto Mono, monaco, consolas, monospace |
-| --code-sample-font-size | font-size applied to `
` and `
` elements | 14px |
+| --code-sample-font-size | font-size applied to `
` and `
` elements | 14px |
+| --code-sample-demo-padding | padding applied to the container of the rendered code | 0 0 20px |
+| --code-sample-demo | empty mixin applied to the container of the rendered code | {} |
+_Note:_ The [CSS mixin shim](https://www.polymer-project.org/2.0/docs/upgrade#css-custom-property-shim) is required to use mixins.
Included themes contain custom CSS properties to set the background and text color.
You may need to add these CSS properties to your own themes.
diff --git a/bower.json b/bower.json
index d985047..1e67078 100644
--- a/bower.json
+++ b/bower.json
@@ -19,7 +19,8 @@
},
"devDependencies": {
"web-component-tester": "^6.0.0",
- "iron-test-helpers": "PolymerElements/iron-test-helpers#^2.0.0"
+ "iron-test-helpers": "PolymerElements/iron-test-helpers#^2.0.0",
+ "transburger-icon": "^3.0.1"
},
"license": "https://github.com/kcmr/code-sample/LICENSE.md",
"homepage": "https://github.com/kcmr/code-sample/",
diff --git a/code-sample.html b/code-sample.html
index 3f30a98..d2f9cb5 100644
--- a/code-sample.html
+++ b/code-sample.html
@@ -1,4 +1,5 @@
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet distinctio nam, possimus officia error delectus impedit libero corrupti, sunt, sapiente suscipit. Esse, quisquam tempore similique eveniet veritatis pariatur adipisci sit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet distinctio nam, possimus officia error delectus impedit libero corrupti, sunt, sapiente suscipit. Esse, quisquam tempore similique eveniet veritatis pariatur adipisci sit.
+Use the boolean attribute render
to render the code inside the <template>
tag.
Initial content.
+ +