You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by an...@apache.org on 2015/12/15 11:58:26 UTC

svn commit: r1720115 - in /ignite/site/trunk: benchmarks/ignite-vs-hazelcast.html css/all.css scss/bootstrap/_print.scss scss/ignite.scss

Author: anovikov
Date: Tue Dec 15 10:58:25 2015
New Revision: 1720115

URL: http://svn.apache.org/viewvc?rev=1720115&view=rev
Log:
Fixed print version of benchmark

Modified:
    ignite/site/trunk/benchmarks/ignite-vs-hazelcast.html
    ignite/site/trunk/css/all.css
    ignite/site/trunk/scss/bootstrap/_print.scss
    ignite/site/trunk/scss/ignite.scss

Modified: ignite/site/trunk/benchmarks/ignite-vs-hazelcast.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/benchmarks/ignite-vs-hazelcast.html?rev=1720115&r1=1720114&r2=1720115&view=diff
==============================================================================
--- ignite/site/trunk/benchmarks/ignite-vs-hazelcast.html (original)
+++ ignite/site/trunk/benchmarks/ignite-vs-hazelcast.html Tue Dec 15 10:58:25 2015
@@ -49,7 +49,7 @@ under the License.
 
     <main id="main" role="main" class="container">
 
-        <section id="benchmarksconfiguration" class="page-section">
+        <section id="benchmarksconfiguration" class="page-section clearfix">
             <h2 class="first">Ignite vs Hazelcast Benchmarks</h2>
             <p>
                 Benchmarks were performed on Ignite 1.5.0-b1 and Hazelcast 3.6-EA2 to evaluate and compare
@@ -59,7 +59,7 @@ under the License.
             </p> <br />
 
             <div class="row">
-                <div class="col-sm-6 col-md-6 col-xs-12">
+                <div class="col-sm-6 col-md-6 col-xs-12 col-print-6">
                     <table class="formatted" name="AWS EC2 Configuration Apache Ignite vs Hazelcast Benchmarks">
                         <thead>
                         <tr>
@@ -88,7 +88,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-6 col-md-6 col-xs-12">
+                <div class="col-sm-6 col-md-6 col-xs-12 col-print-6">
                     <table class="formatted" name="YardStick Apache Ignite vs Hazelcast Benchmarks">
                         <thead>
                         <tr>
@@ -128,15 +128,15 @@ under the License.
             </p>
         </section>
 
-        <section id="serilizable-put-benchmark" class="page-section">
+        <section id="serilizable-put-benchmark" class="page-section clearfix">
             <h2>Deadlock Free Transactions (Optimistic, Serializable)</h2><br/>
             <p>
                 Hazelcast does not have support for <b>deadlock-free</b> transactions, so we are comparing Ignite <b>deadlock-free</b> transactions to Hazelcast <b>pessimistic</b> transactions.
             </p>
 
             <h3>Put Benchmarks</h3>
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0;">
-                <div class="col-sm-7 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+            <div class="col-sm-12 col-md-12 col-xs-12 col-print-12" style="padding:0;">
+                <div class="col-sm-7 col-md-7 col-xs-12 col-print-7" style="padding-left:0; padding-right:0;">
                     <table class="formatted benchmarks" name="Deadlock Free Put Benchmark Apache Ignite vs Hazelcast Throughput operations per sec">
                         <thead>
                         <tr>
@@ -181,7 +181,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-5 col-md-5 col-xs-12" style="padding-left:0; padding-right:0">
+                <div class="col-sm-5 col-md-5 col-xs-12 col-print-5" style="padding-left:0; padding-right:0">
                     <table class="formatted benchmarks" name="Deadlock Free Put Benchmark Apache Ignite vs Hazelcast Latency milliseconds">
                         <thead>
                         <tr>
@@ -219,7 +219,7 @@ under the License.
                     </table>
                 </div>
             </div>
-            <p>
+            <p class='line-chart'>
                 <i class="fa fa-line-chart"></i> Graphs:
                 <a href="/benchmarks/ignite-vs-hazelcast/serializable-opt-put/001-1.5.0-b1-SNAPSHOT-3ac1504d-tx-opt-serial-put-1-backup/Results.html" target="_blank">1 key</a>,
                 <a href="/benchmarks/ignite-vs-hazelcast/serializable-opt-put/001-1.5.0-b1-SNAPSHOT-3ac1504d-tx-putAllSerializable-bs-2-1-backup/Results.html" target="_blank">2 keys</a>,
@@ -228,10 +228,10 @@ under the License.
             </p>
         </section>
 
-        <section id="serilizable-put-get-benchmark" class="page-section">
+        <section id="serilizable-put-get-benchmark" class="page-section clearfix">
             <h3>Put and Get Benchmarks</h3>
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0;">
-                <div class="col-sm-7 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+            <div class="col-sm-12 col-md-12 col-xs-12 col-print-12" style="padding:0;">
+                <div class="col-sm-7 col-md-7 col-xs-12 col-print-7" style="padding-left:0; padding-right:0;">
                     <table class="formatted benchmarks" name="Deadlock Free Put Get Benchmark Apache Ignite vs Hazelcast Throughput operations per sec">
                         <thead>
                         <tr>
@@ -276,7 +276,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-5 col-md-5 col-xs-12" style="padding-left:0; padding-right:0">
+                <div class="col-sm-5 col-md-5 col-xs-12 col-print-5" style="padding-left:0; padding-right:0">
                     <table class="formatted benchmarks" name="Deadlock Free Put Benchmark Apache Ignite vs Hazelcast Latency milliseconds">
                         <thead>
                         <tr>
@@ -314,7 +314,7 @@ under the License.
                     </table>
                 </div>
             </div>
-            <p>
+            <p class='line-chart'>
                 <i class="fa fa-line-chart"></i> Graphs:
                 <a href="/benchmarks/ignite-vs-hazelcast/serializable-opt-put-get/002-1.5.0-b1-SNAPSHOT-3ac1504d-tx-opt-serial-put-get-1-backup/Results.html" target="_blank">1 key</a>,
                 <a href="/benchmarks/ignite-vs-hazelcast/serializable-opt-put-get/004-1.5.0-b1-SNAPSHOT-3ac1504d-tx-opt-serializable-getAllPutAll-bs-2-1-backup/Results.html" target="_blank">2 keys</a>,
@@ -323,12 +323,12 @@ under the License.
             </p>
         </section>
 
-        <section id="tx-put-benchmark" class="page-section">
+        <section id="tx-put-benchmark" class="page-section clearfix">
             <h2>Transactional Operations</h2><br/>
 
             <h3>Put Benchmarks</h3>
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0;">
-                <div class="col-sm-7 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+            <div class="col-sm-12 col-md-12 col-xs-12 col-print-12" style="padding:0;">
+                <div class="col-sm-7 col-md-7 col-xs-12 col-print-7" style="padding-left:0; padding-right:0;">
                     <table class="formatted benchmarks" name="Transactional Put Benchmark Apache Ignite vs Hazelcast Throughput operations per sec">
                         <thead>
                         <tr>
@@ -372,7 +372,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-5 col-md-5 col-xs-12" style="padding-left:0; padding-right:0">
+                <div class="col-sm-5 col-md-5 col-xs-12 col-print-5" style="padding-left:0; padding-right:0">
                     <table class="formatted benchmarks" name="Transactional Put Benchmark Apache Ignite vs Hazelcast Latency milliseconds">
                         <thead>
                         <tr>
@@ -410,7 +410,7 @@ under the License.
                     </table>
                 </div>
             </div>
-            <p>
+            <p class='line-chart'>
                 <i class="fa fa-line-chart"></i> Graphs:
                 <a href="/benchmarks/ignite-vs-hazelcast/tx-put/001-1.5.0-b1-SNAPSHOT-3ac1504d-tx-put-1-backup/Results.html" target="_blank">1 key</a>,
                 <a href="/benchmarks/ignite-vs-hazelcast/tx-put/003-1.5.0-b1-SNAPSHOT-3ac1504d-tx-putAll-bs-2-1-backup/Results.html" target="_blank">2 keys</a>,
@@ -419,11 +419,11 @@ under the License.
             </p>
         </section>
 
-        <section id="tx-pess-put-get-benchmark" class="page-section">
+        <section id="tx-pess-put-get-benchmark" class="page-section clearfix">
 
             <h3>Pessimistic Put and Get Benchmarks</h3>
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0;">
-                <div class="col-sm-7 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+            <div class="col-sm-12 col-md-12 col-xs-12 col-print-12" style="padding:0;">
+                <div class="col-sm-7 col-md-7 col-xs-12 col-print-7" style="padding-left:0; padding-right:0;">
                     <table class="formatted benchmarks" name="Pessimistic Put and Get Benchmark Apache Ignite vs Hazelcast Throughput operations per sec">
                         <thead>
                         <tr>
@@ -467,7 +467,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-5 col-md-5 col-xs-12" style="padding-left:0; padding-right:0">
+                <div class="col-sm-5 col-md-5 col-xs-12 col-print-5" style="padding-left:0; padding-right:0">
                     <table class="formatted benchmarks" name="Pessimistic Put and Get Benchmark Apache Ignite vs Hazelcast Latency milliseconds">
                         <thead>
                         <tr>
@@ -506,7 +506,7 @@ under the License.
                     </table>
                 </div>
             </div>
-            <p>
+            <p class='line-chart'>
                 <i class="fa fa-line-chart"></i> Graphs:
                 <a href="/benchmarks/ignite-vs-hazelcast/tx-pess-put-get/003-1.5.0-b1-SNAPSHOT-3ac1504d-tx-put-get-pes-1-backup /Results.html" target="_blank">1 key</a>,
                 <a href="/benchmarks/ignite-vs-hazelcast/tx-pess-put-get/004-1.5.0-b1-SNAPSHOT-3ac1504d-tx-pessimistic-getAllPutAll-bs-2-1-backup/Results.html" target="_blank">2 keys</a>,
@@ -515,11 +515,11 @@ under the License.
             </p>
         </section>
 
-        <section id="tx-opt-put-get-benchmark" class="page-section">
+        <section id="tx-opt-put-get-benchmark" class="page-section clearfix">
 
             <h3>Optimistic Put and Get Benchmarks</h3>
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0;">
-                <div class="col-sm-7 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+            <div class="col-sm-12 col-md-12 col-xs-12 col-print-12" style="padding:0;">
+                <div class="col-sm-7 col-md-7 col-xs-12 col-print-7" style="padding-left:0; padding-right:0;">
                     <table class="formatted benchmarks" name="Optimistic Put and Get Benchmark Apache Ignite vs Hazelcast Throughput operations per sec">
                         <thead>
                         <tr>
@@ -564,7 +564,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-5 col-md-5 col-xs-12" style="padding-left:0; padding-right:0">
+                <div class="col-sm-5 col-md-5 col-xs-12 col-print-5" style="padding-left:0; padding-right:0">
                     <table class="formatted benchmarks" name="Optimistic Put and Get Benchmark Apache Ignite vs Hazelcast Latency milliseconds">
                         <thead>
                         <tr>
@@ -603,7 +603,7 @@ under the License.
                     </table>
                 </div>
             </div>
-            <p>
+            <p class='line-chart'>
                 <i class="fa fa-line-chart"></i> Graphs:
                 <a href="/benchmarks/ignite-vs-hazelcast/tx-opt-put-get/002-1.5.0-b1-SNAPSHOT-3ac1504d-tx-put-get-opt-1-backup/Results.html" target="_blank">1 key</a>,
                 <a href="/benchmarks/ignite-vs-hazelcast/tx-opt-put-get/001-1.5.0-b1-SNAPSHOT-3ac1504d-tx-optimistic-getAllPutAll-bs-2-1-backup/Results.html"target="_blank">2 keys</a>,
@@ -612,12 +612,12 @@ under the License.
             </p>
         </section>
 
-        <section id="atomic-put-benchmark" class="page-section">
+        <section id="atomic-put-benchmark" class="page-section clearfix">
             <h2>Atomic Operations</h2><br/>
 
             <h3>Put Benchmarks</h3>
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0;">
-                <div class="col-sm-7 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+            <div class="col-sm-12 col-md-12 col-xs-12 col-print-12" style="padding:0;">
+                <div class="col-sm-7 col-md-7 col-xs-12 col-print-7" style="padding-left:0; padding-right:0;">
                     <table class="formatted benchmarks" name="Atomic Put Benchmark Apache Ignite vs Hazelcast Throughput operations per sec">
                         <thead>
                         <tr>
@@ -661,7 +661,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-5 col-md-5 col-xs-12" style="padding-left:0; padding-right:0">
+                <div class="col-sm-5 col-md-5 col-xs-12 col-print-5" style="padding-left:0; padding-right:0">
                     <table class="formatted benchmarks" name="Atomic Put Benchmark Apache Ignite vs Hazelcast Latency milliseconds">
                         <thead>
                         <tr>
@@ -698,7 +698,7 @@ under the License.
                     </table>
                 </div>
             </div>
-            <p>
+            <p class='line-chart'>
                 <i class="fa fa-line-chart"></i> Graphs:
                 <a href="/benchmarks/ignite-vs-hazelcast/atomic-put/001-1.5.0-b1-SNAPSHOT-3ac1504d-atomic-put-1-backup/Results.html" target="_blank">1 key</a>,
                 <a href="/benchmarks/ignite-vs-hazelcast/atomic-put/001-1.5.0-b1-SNAPSHOT-3ac1504d-atomic-putAll-bs-2-1-backup/Results.html" target="_blank">2 keys</a>,
@@ -707,11 +707,11 @@ under the License.
             </p>
         </section>
 
-        <section id="sql-query-benchmark" class="page-section">
+        <section id="sql-query-benchmark" class="page-section clearfix">
             <h2>SQL Query Benchmarks</h2><br/>
 
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding:0;">
-                <div class="col-sm-7 col-md-7 col-xs-12" style="padding-left:0; padding-right:0;">
+            <div class="col-sm-12 col-md-12 col-xs-12 col-print-12" style="padding:0;">
+                <div class="col-sm-7 col-md-7 col-xs-12 col-print-7" style="padding-left:0; padding-right:0;">
                     <table class="formatted benchmarks" name="SQL Query Benchmark Apache Ignite vs Hazelcast Throughput operations per sec">
                         <thead>
                         <tr>
@@ -744,7 +744,7 @@ under the License.
                         </tbody>
                     </table>
                 </div>
-                <div class="col-sm-5 col-md-5 col-xs-12" style="padding-left:0; padding-right:0">
+                <div class="col-sm-5 col-md-5 col-xs-12 col-print-5" style="padding-left:0; padding-right:0">
                     <table class="formatted benchmarks" name="Deadlock Free Put Benchmark Apache Ignite vs Hazelcast Latency milliseconds">
                         <thead>
                         <tr>
@@ -772,7 +772,7 @@ under the License.
                     </table>
                 </div>
             </div>
-            <p>
+            <p class='line-chart'>
                 <i class="fa fa-line-chart"></i> Graphs:
                 <a href="/benchmarks/ignite-vs-hazelcast/sql-query/001-1.5.0-b1-SNAPSHOT-3ac1504d-sql-query-1-backup/Results.html" target="_blank">SQL query</a>,
                 <a href="/benchmarks/ignite-vs-hazelcast/sql-query/002-1.5.0-b1-SNAPSHOT-3ac1504d-sql-query-put-1-backup/Results.html" target="_blank">SQL query put</a>
@@ -780,7 +780,7 @@ under the License.
         </section>
 
         <br/>
-        <section class="page-section">
+        <section class="page-section clearfix">
             <h3>More Benchmarks</h3>
             <p>
                 Ignite and all other benchmarks are written on top of Yardstick Benchmarking Framework, hosted on

Modified: ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/ignite/site/trunk/css/all.css?rev=1720115&r1=1720114&r2=1720115&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Tue Dec 15 10:58:25 2015
@@ -232,7 +232,6 @@ th {
   * {
     text-shadow: none !important;
     color: #000 !important;
-    background: transparent !important;
     box-shadow: none !important;
   }
 
@@ -7206,7 +7205,7 @@ p {
 #main table .btn-video:hover {
   color: #f00;
 }
-@media (max-width: 767px) {
+@media screen and (max-width: 767px) {
   #main table {
     border: none;
     display: block;
@@ -8184,7 +8183,7 @@ section.usecase-page-section .first {
   }
 }
 
-@media (max-width: 767px) {
+@media screen and (max-width: 767px) {
   #main table.benchmarks > thead {
     display: block !important;
   }
@@ -8338,3 +8337,282 @@ section#chatroom #gitter-badge {
     display: none;
   }
 }
+/*
+ * Reset media print style.
+ */
+@media print {
+  a[href]:after {
+    content: "";
+  }
+
+  /*
+   * Hide social icons.
+   */
+  .social-networks {
+    display: none;
+  }
+
+  /*
+   * Hide navigation menu.
+   */
+  footer nav {
+    display: none;
+  }
+
+  /*
+   * Hide button to download export for table.
+   */
+  .btn-group-export {
+    display: none;
+  }
+
+  body {
+    -webkit-print-color-adjust: exact;
+  }
+
+  footer {
+    page-break-inside: avoid;
+  }
+
+  section.page-section {
+    page-break-inside: avoid;
+  }
+
+  section.page-section table {
+    page-break-inside: avoid;
+  }
+
+  section.page-section:first-child {
+    margin-top: 50px;
+  }
+
+  section.page-section {
+    padding-top: 0;
+    margin-top: 0;
+    margin-bottom: 50px;
+    border-bottom: none;
+  }
+
+  section.page-section p.line-chart {
+    display: none;
+  }
+
+  /*
+   * Small grid
+   *
+   * Columns, offsets, pushes, and pulls for the small device range, from phones
+   * to tablets.
+   */
+  /* @media (min-width: $mobile) {
+      @include make-grid(print);
+  }*/
+}
+@media print and (min-width: 700px) {
+  .col-print-1, .col-print-2, .col-print-3, .col-print-4, .col-print-5, .col-print-6, .col-print-7, .col-print-8, .col-print-9, .col-print-10, .col-print-11, .col-print-12 {
+    float: left;
+  }
+
+  .col-print-1 {
+    width: 8.33333%;
+  }
+
+  .col-print-2 {
+    width: 16.66667%;
+  }
+
+  .col-print-3 {
+    width: 25%;
+  }
+
+  .col-print-4 {
+    width: 33.33333%;
+  }
+
+  .col-print-5 {
+    width: 41.66667%;
+  }
+
+  .col-print-6 {
+    width: 50%;
+  }
+
+  .col-print-7 {
+    width: 58.33333%;
+  }
+
+  .col-print-8 {
+    width: 66.66667%;
+  }
+
+  .col-print-9 {
+    width: 75%;
+  }
+
+  .col-print-10 {
+    width: 83.33333%;
+  }
+
+  .col-print-11 {
+    width: 91.66667%;
+  }
+
+  .col-print-12 {
+    width: 100%;
+  }
+
+  .col-print-pull-0 {
+    right: auto;
+  }
+
+  .col-print-pull-1 {
+    right: 8.33333%;
+  }
+
+  .col-print-pull-2 {
+    right: 16.66667%;
+  }
+
+  .col-print-pull-3 {
+    right: 25%;
+  }
+
+  .col-print-pull-4 {
+    right: 33.33333%;
+  }
+
+  .col-print-pull-5 {
+    right: 41.66667%;
+  }
+
+  .col-print-pull-6 {
+    right: 50%;
+  }
+
+  .col-print-pull-7 {
+    right: 58.33333%;
+  }
+
+  .col-print-pull-8 {
+    right: 66.66667%;
+  }
+
+  .col-print-pull-9 {
+    right: 75%;
+  }
+
+  .col-print-pull-10 {
+    right: 83.33333%;
+  }
+
+  .col-print-pull-11 {
+    right: 91.66667%;
+  }
+
+  .col-print-pull-12 {
+    right: 100%;
+  }
+
+  .col-print-push-0 {
+    left: auto;
+  }
+
+  .col-print-push-1 {
+    left: 8.33333%;
+  }
+
+  .col-print-push-2 {
+    left: 16.66667%;
+  }
+
+  .col-print-push-3 {
+    left: 25%;
+  }
+
+  .col-print-push-4 {
+    left: 33.33333%;
+  }
+
+  .col-print-push-5 {
+    left: 41.66667%;
+  }
+
+  .col-print-push-6 {
+    left: 50%;
+  }
+
+  .col-print-push-7 {
+    left: 58.33333%;
+  }
+
+  .col-print-push-8 {
+    left: 66.66667%;
+  }
+
+  .col-print-push-9 {
+    left: 75%;
+  }
+
+  .col-print-push-10 {
+    left: 83.33333%;
+  }
+
+  .col-print-push-11 {
+    left: 91.66667%;
+  }
+
+  .col-print-push-12 {
+    left: 100%;
+  }
+
+  .col-print-offset-0 {
+    margin-left: 0%;
+  }
+
+  .col-print-offset-1 {
+    margin-left: 8.33333%;
+  }
+
+  .col-print-offset-2 {
+    margin-left: 16.66667%;
+  }
+
+  .col-print-offset-3 {
+    margin-left: 25%;
+  }
+
+  .col-print-offset-4 {
+    margin-left: 33.33333%;
+  }
+
+  .col-print-offset-5 {
+    margin-left: 41.66667%;
+  }
+
+  .col-print-offset-6 {
+    margin-left: 50%;
+  }
+
+  .col-print-offset-7 {
+    margin-left: 58.33333%;
+  }
+
+  .col-print-offset-8 {
+    margin-left: 66.66667%;
+  }
+
+  .col-print-offset-9 {
+    margin-left: 75%;
+  }
+
+  .col-print-offset-10 {
+    margin-left: 83.33333%;
+  }
+
+  .col-print-offset-11 {
+    margin-left: 91.66667%;
+  }
+
+  .col-print-offset-12 {
+    margin-left: 100%;
+  }
+}

Modified: ignite/site/trunk/scss/bootstrap/_print.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/bootstrap/_print.scss?rev=1720115&r1=1720114&r2=1720115&view=diff
==============================================================================
--- ignite/site/trunk/scss/bootstrap/_print.scss (original)
+++ ignite/site/trunk/scss/bootstrap/_print.scss Tue Dec 15 10:58:25 2015
@@ -8,7 +8,7 @@
   * {
     text-shadow: none !important;
     color: #000 !important; // Black prints faster: h5bp.com/s
-    background: transparent !important;
+    // background: transparent !important;
     box-shadow: none !important;
   }
 

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1720115&r1=1720114&r2=1720115&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Tue Dec 15 10:58:25 2015
@@ -653,17 +653,19 @@ iframe {
 }
 
 #main table.benchmarks {
-    @media (max-width: $mobile) {
-        & > thead {
-            display: block !important;
-        }
+    @media screen { 
+        @media (max-width: $mobile) {
+            & > thead {
+                display: block !important;
+            }
 
 
-        & > thead > tr {
-            height: 50px;
-            & > th {
-                text-align: center;
-                display: block !important;
+            & > thead > tr {
+                height: 50px;
+                & > th {
+                    text-align: center;
+                    display: block !important;
+                }
             }
         }
     }