- commit
- bddb0e7ac0af59b6f6ae3b7b3faa2ad0612ea28f
- parent
- 8428487f0bec4b8237430ade482f5d4adde8ac66
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2023-02-26 10:07
mv styleguide styles to separate file
Diffstat
| A | examples/styleguide.css | 41 | +++++++++++++++++++++++++++++++++++++++++ |
| M | examples/styleguide.html | 45 | +-------------------------------------------- |
2 files changed, 42 insertions, 44 deletions
diff --git a/examples/styleguide.css b/examples/styleguide.css
@@ -0,0 +1,41 @@
-1 1 body {
-1 2 max-width: 60em;
-1 3 margin: 0 auto;
-1 4 padding: 0.5em;
-1 5 }
-1 6 main {
-1 7 width: 66%;
-1 8 }
-1 9 .page-nav {
-1 10 width: 30%;
-1 11 float: right;
-1 12 }
-1 13 .page-nav ul {
-1 14 list-style: none;
-1 15 text-align: right;
-1 16 position: fixed;
-1 17 top: 0;
-1 18 padding: 1em;
-1 19 padding-left: 0;
-1 20 max-height: 100vh;
-1 21 overflow-y: auto;
-1 22 }
-1 23 .example {
-1 24 border: 2px solid silver;
-1 25 padding: 0.5em;
-1 26 margin-bottom: 2em;
-1 27 border-radius: 0.5em;
-1 28 }
-1 29 .example--code {
-1 30 border-bottom-right-radius: 0;
-1 31 border-bottom-left-radius: 0;
-1 32 margin-bottom: 0;
-1 33 }
-1 34 pre.example-code {
-1 35 border: 2px solid silver;
-1 36 border-top: 0;
-1 37 border-bottom-right-radius: 1em;
-1 38 border-bottom-left-radius: 1em;
-1 39 margin: 0 0 2em;
-1 40 padding: 0.5em;
-1 41 }
diff --git a/examples/styleguide.html b/examples/styleguide.html
@@ -1,48 +1,5 @@ 1 1 <link rel="stylesheet" href="example.css"/>2 -13 -1 <style>4 -1 body {5 -1 max-width: 60em;6 -1 margin: 0 auto;7 -1 padding: 0.5em;8 -1 }9 -1 main {10 -1 width: 66%;11 -1 }12 -1 .page-nav {13 -1 width: 30%;14 -1 float: right;15 -1 }16 -1 .page-nav ul {17 -1 list-style: none;18 -1 text-align: right;19 -1 position: fixed;20 -1 top: 0;21 -1 padding: 1em;22 -1 padding-left: 0;23 -1 max-height: 100vh;24 -1 overflow-y: auto;25 -1 }26 -1 .example {27 -1 border: 2px solid silver;28 -1 padding: 0.5em;29 -1 margin-bottom: 2em;30 -1 border-radius: 0.5em;31 -1 }32 -1 .example--code {33 -1 border-bottom-right-radius: 0;34 -1 border-bottom-left-radius: 0;35 -1 margin-bottom: 0;36 -1 }37 -1 pre.example-code {38 -1 border: 2px solid silver;39 -1 border-top: 0;40 -1 border-bottom-right-radius: 1em;41 -1 border-bottom-left-radius: 1em;42 -1 margin: 0 0 2em;43 -1 padding: 0.5em;44 -1 }45 -1 </style>-1 2 <link rel="stylesheet" href="styleguide.css"/> 46 3 47 4 <!-- class to trigger github markdown styles --> 48 5 <body class="markdown-body">