diff --git a/dist/css/houdini.css b/dist/css/houdini.css index c79c557..4641a67 100644 --- a/dist/css/houdini.css +++ b/dist/css/houdini.css @@ -18,6 +18,9 @@ /** * Show expanded content */ + /** + * show content when printing + */ } .houdini[tabindex="-1"]:focus { @@ -28,6 +31,12 @@ display: block; } +@media print { + .houdini { + display: block; + } +} + /** * Remove button appearance from heading buttons */ @@ -47,3 +56,9 @@ .houdini-toggle-icon { padding: 0 0.5em; } + +@media print { + .houdini-toggle[aria-label] { + display: none; + } +} diff --git a/dist/css/houdini.min.css b/dist/css/houdini.min.css index a6cbb9f..812c5d7 100644 --- a/dist/css/houdini.min.css +++ b/dist/css/houdini.min.css @@ -1,2 +1,2 @@ /*! houdinijs v11.0.2 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/houdini */ -.houdini{display:none}.houdini[tabindex="-1"]:focus{outline:none}.houdini.is-expanded{display:block}.houdini-heading .houdini-toggle{background:inherit;border:none;display:block;font:inherit;padding:0;text-align:inherit;width:100%}.houdini-toggle-icon{padding:0 .5em} \ No newline at end of file +.houdini{display:none}.houdini[tabindex="-1"]:focus{outline:none}.houdini.is-expanded{display:block}@media print{.houdini{display:block}}.houdini-heading .houdini-toggle{background:inherit;border:none;display:block;font:inherit;padding:0;text-align:inherit;width:100%}.houdini-toggle-icon{padding:0 .5em}@media print{.houdini-toggle[aria-label]{display:none}} \ No newline at end of file diff --git a/src/sass/houdini.scss b/src/sass/houdini.scss index 37d4c52..9b7e358 100644 --- a/src/sass/houdini.scss +++ b/src/sass/houdini.scss @@ -18,6 +18,13 @@ &.is-expanded { display: block; } + + /** + * show content when printing + */ + @media print { + display: block; + } } /** @@ -38,4 +45,14 @@ */ .houdini-toggle-icon { padding: 0 0.5em; +} + +/** + * Hide generated buttons on print view + * By using [aria-label] buttons inside a [data-houdini-toggle] won't be hidden + */ +.houdini-toggle[aria-label] { + @media print { + display: none; + } } \ No newline at end of file