fix: change load order of Pattern Lab's CSS to prevent specificity is…

…sues relating to code / syntax highlighting styles PL ships with
boltdesignsystem · Jul 4, 2018 · 52c6ffb · 52c6ffb
1 parent cf591b3
commit 52c6ffb
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/pattern-lab/src/_meta/_00-head.twig b/apps/pattern-lab/src/_meta/_00-head.twig
@@ -42,11 +42,11 @@
     <!-- Default OG Tag examples (related to Bolt Share Component) -->
     {% include "@bolt-components-share/src/_share-meta-example.twig" %}
 
+    <link rel="stylesheet" href="/pattern-lab/styleguide/css/pattern-lab.css">
+    <link rel="stylesheet" href="{{ assets["pl.css"] }}">
     <link rel="stylesheet" href="{{ assets["bolt-global.css"] }}" media="all" />
 
     <!-- lazyload extra PL css -->
-    <link rel="preload" href="{{ assets["pl.css"] }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
-    <link rel="preload" href="/pattern-lab/styleguide/css/pattern-lab.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
 
     <noscript>
       <link rel="stylesheet" href="{{ assets["pl.css"] }}">