empty style tag bug fixed in production

coderplex-org · vinaypuppal · Nov 1, 2017 · Oct 25, 2017 · Oct 25, 2017 · Oct 25, 2017
commit 5f47064fad71496f08328af95e3f75c589983481
diff --git a/components/accord-guide.js b/components/accord-guide.js
@@ -53,7 +53,6 @@ export default class AccordGuide extends Component {
             </Accordion.Content>
           </Accordion>
         </main>
-        <style jsx>{``}</style>
       </div>
     );
   }

diff --git a/components/global-styles.js b/components/global-styles.js
@@ -62,7 +62,7 @@ export default () => (
         text-align: center;
       }
       th {
-        background: #fafafa;
+        background: #f4f6fb;
         font-weight: bold;
       }
       td,

diff --git a/pages/learn/subject.js b/pages/learn/subject.js
@@ -37,10 +37,10 @@ export default publicPage(
     render() {
       return (
         <div>
-          <header>
-            <logo className="devicon-laravel-plain colored" />
-            <headling>{this.props.url.query.id}</headling>
-          </header>
+          <div className="header">
+            <div className={`logo ${contentsOfLaravel.logo}`} />
+            <div className="headline">{this.props.url.query.id}</div>
+          </div>
           <main>
             <section>
               <Tab
@@ -89,7 +89,7 @@ export default publicPage(
             </section>
           </main>
           <style jsx>{`
-            header {
+            .header {
               display: flex;
               flex-direction: row;
               flex-wrap: wrap;
@@ -99,19 +99,20 @@ export default publicPage(
               background-color: #f4f7fb;
               min-height: 200px;
             }
-            logo {
+            .logo {
               order: 1;
               flex: 0 1 auto;
               align-self: auto;
-              font-size: 5em;
+              font-size: 4.5em;
               padding-right: 30px;
             }
-            headling {
+            .headline {
               order: 2;
               flex: 0 1 auto;
               align-self: auto;
               font-size: 5em;
               text-align: center;
+              text-transform: capitalize;
             }
             main {
               background-color: #ffffff;

diff --git a/utils/mock-data.js b/utils/mock-data.js
@@ -148,6 +148,7 @@ export const listOfDomains = [
 ];
 
 export const contentsOfLaravel = {
+  logo: 'devicon-laravel-plain colored',
   overview: 'https://rawgit.com/coderplex/learn/cdn/cdn/laravel/overview.md',
   guides: [
     {
-Original file line number
+Diff line change
@@ Expand Up / @@ -53,7 +53,6 @@ export default class AccordGuide extends Component { @@
                 </Accordion.Content>
               </Accordion>
             </main>
-            <style jsx>{``}</style>
           </div>
         );
       }
@@ Expand Down @@