Tweak CSS, put all assets in Resources/public

kaliop · Sep 26, 2016 · 24a49ac · 24a49ac
1 parent da154f0
commit 24a49ac
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 17 deletions.
diff --git a/Resources/public/styles.css → Resources/public/css/styles.css b/Resources/public/styles.css → Resources/public/css/styles.css
@@ -182,25 +182,25 @@ footer {
 /* List of files or folders */
 
 .Links {
-    margin: 1.5em 0 .5em;
+    margin: 1.25em 0 .5em;
     padding: 0;
     list-style: none;
     line-height: 1.3;
 }
 
 @media (min-width: 900px) {
-    .Links--files {
+    .Links:not(.Links--cols) {
+        width: calc(50% - .375em);
+    }
+    .Links--cols {
         -webkit-column-count: 2;
         -moz-column-count: 2;
         column-count: 2;
         -webkit-column-gap: .75em;
         -moz-column-gap: .75em;
         column-gap: .75em;
     }
-    .Links--folders {
-        width: calc(50% - .375em);
-    }
-    .Links--files li {
+    .Links--cols li {
         -webkit-column-break-inside: avoid;
         page-break-inside: avoid;
         break-inside: avoid;
@@ -284,23 +284,19 @@ pre mark {
 
 .Code {
     position: relative;
+    overflow: hidden;
     margin: -1rem;
     margin: calc(var(--pad) * -1);
     margin-top: 1rem;
     padding: 1rem;
     padding: calc(var(--pad) * .85) var(--pad);
+    white-space: pre-wrap;
+    font-family: inherit;
     line-height: 1.5;
     color: var(--base-gray);
     background: var(--black);
 }
 
-.Code > pre {
-    overflow: hidden;
-    margin: 0;
-    white-space: pre-wrap;
-    font-family: inherit;
-}
-
 .Code--mark code > :not(mark),
 .Code--mark mark > :not([class*="hljs-template-"]) {
     filter: saturate(0%);

diff --git a/Resources/assets/build-instructions.md → Resources/public/js/build-instructions.md b/Resources/assets/build-instructions.md → Resources/public/js/build-instructions.md
diff --git a/Resources/assets/highlight-main.js → Resources/public/js/highlight-main.js b/Resources/assets/highlight-main.js → Resources/public/js/highlight-main.js
diff --git a/Resources/assets/highlight-twig.js → Resources/public/js/highlight-twig.js b/Resources/assets/highlight-twig.js → Resources/public/js/highlight-twig.js
diff --git a/Resources/assets/highlight.min.js → Resources/public/js/highlight.min.js b/Resources/assets/highlight.min.js → Resources/public/js/highlight.min.js
diff --git a/Resources/public/sprite.svg → Resources/public/svg/sprite.svg b/Resources/public/sprite.svg → Resources/public/svg/sprite.svg
diff --git a/Resources/views/dir.html.twig b/Resources/views/dir.html.twig
@@ -19,7 +19,7 @@
         </ul>
     {% endif %}
     {% if fileList|length > 0 %}
-        <ul class="Links Links--files">
+        <ul class="Links Links--files{% if fileList|length > 3 %} Links--cols{% endif %}">
         {% for file in fileList %}
             <li><a href="{{ file }}">{{ icon.file|raw }}{{
                 file|replace({'.html':'<span>.html</span>'}) | raw

diff --git a/Resources/views/page.html.twig b/Resources/views/page.html.twig
@@ -22,12 +22,12 @@
     <title>{{ metaTitle }}</title>
     {% endif %}
     <style>
-        {{- source('@GradientzTwigExpressBundle/Resources/public/styles.css')|raw -}}
+        {{- source('@GradientzTwigExpressBundle/Resources/public/css/styles.css')|raw -}}
     </style>
 </head>
 <body>
 
-{{ source('@GradientzTwigExpressBundle/Resources/public/sprite.svg')|raw }}
+{{ source('@GradientzTwigExpressBundle/Resources/public/svg/sprite.svg')|raw }}
 
 <header>
 {% if showCrumbs %}
@@ -73,7 +73,7 @@
 {% if codeLang|default('') %}
 window.twigSubLanguage = '{{ codeLang }}';
 {% endif %}
-{{ source('@GradientzTwigExpressBundle/Resources/assets/highlight.min.js')
+{{ source('@GradientzTwigExpressBundle/Resources/public/js/highlight.min.js')
    |replace({'</script': '<\\/script'})
    |raw }};hljs.initHighlighting();
 </script>