Lighter weight CSS for descriptive/definition lists

This also looks good on narrow screens.
8 years ago · 9c6dd58b9d
parent 7cb82630ca
commit 9c6dd58b9d
1 changed files with 1 additions and 16 deletions
--- a/test/site/themes/bare_min/layouts/_default/baseof.html
+++ b/test/site/themes/bare_min/layouts/_default/baseof.html
@ -71,26 +71,11 @@
             font-style: italic;
             text-align: center;
         }
-         /* Better Description Lists */
-         /* https://gist.github.com/dmyates/8f0c8ed354a10ea32ffbcf2a363a77dd#file-recommended-css */
-         dl {
-             width: 100%;
-             overflow: hidden;
-             padding: 0;
-             margin: 0
-         }
         dt {
-             float: left;
-             width: 20%;
-             padding-right: 0.75em;
-             margin: 0.5em 0 0.5em 0;
             font-weight: bold;
         }
         dd {
-             float: left;
-             width: 75%;
-             padding: 0;
-             margin: 0.5em 0 0.5em 0;
+             margin-bottom: .5rem;
         }
        </style>
        {{ block "head" . }}{{ end }}