From 6b2b9338cdc74dcc455a9383e7c7163435ad3802 Mon Sep 17 00:00:00 2001
From: Peter Panagiotakos <peterp@cockroachlabs.com>
Date: Mon, 23 Aug 2021 12:58:46 -0400
Subject: [PATCH] critical css test

---
 _includes/head.html   | 7 ++++---
 _layouts/default.html | 2 ++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 128352b3ed2..69cd92f8395 100755
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -13,9 +13,6 @@
 <link rel="canonical" href="{{ page.canonical | absolute_url }}">
 <link rel="shortcut icon" href="{{ 'images/favicon.png' | relative_url }}" type="image/png">
 
-{% if page.comparison == true %}<link rel="stylesheet" type="text/css" href="{{ 'css/select2.min.css' | relative_url }}">{% endif %}
-<link rel="stylesheet" type="text/css" href="{{ 'css/customstyles.css' | relative_url }}">
-
 <script>
 var pageConfig = {
   tocNotNested: {% if page.toc_not_nested %}true{% else %}false{% endif %}
@@ -47,3 +44,7 @@
 
 <link rel="preload" as="image" href="https://cockroach-labs-docs.imgix.net/bg-3-1.png?auto=format,compress&w=1200&q=40" />
 <link rel="preload" as="image" href="https://cockroach-labs-docs.imgix.net/bg-early-3-1.png?auto=format,compress&w=1200&q=40" />
+
+<style>
+  table{margin-bottom:20px;max-width:100%;background-color:transparent;border-spacing:0;overflow:auto}table thead tr{background:#fff}.nav>li>a{background-color:transparent;color:#142848}pre{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-ms-overflow-style:scrollbar;overflow:auto;display:block;margin:0 0 15px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#6933FF;--secondary:#C0C6D9;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#ff4136;--light:#f8f9fa;--dark:#343a40;--electric-purple:#6933FF;--black:#000;--ice-temple:#1BF8EC;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"SourceSansPro-Regular";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;height:100%}main,nav{display:block}body{margin:0;font-family:SourceSansPro-Regular;font-size:1rem;font-weight:400;line-height:1.725;text-align:left;background-color:#fff;height:100%;color:#242a35}ol,p,ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}a{color:#05f;text-decoration:none;background-color:transparent}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}button{border-radius:0;text-transform:none}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;overflow:visible}[type=button],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.container-fluid,.container-xl{width:100%;padding-right:12px;padding-left:12px;margin-right:auto;margin-left:auto}@media (min-width:1200px){.container-xl{max-width:1600px}}.row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.col,.col-lg-2,.col-lg-8,.col-md-2,.col-md-3,.col-md-4,.col-md-9{position:relative;width:100%;padding-right:12px;padding-left:12px}.col{flex-basis:0;flex-grow:1;max-width:100%}@media (min-width:768px){.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-9{flex:0 0 75%;max-width:75%}}@media (min-width:992px){.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}}.form-control{display:block;width:100%;height:calc(1.725em + 1rem + 2px);padding:.5rem 1rem;font-size:1rem;font-weight:400;line-height:1.725;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.btn{display:inline-block;font-weight:400;color:#242a35;text-align:center;vertical-align:middle;background-color:transparent;border:1px solid transparent;padding:.5rem 1rem;font-size:1rem;line-height:1.725;border-radius:5px}.btn-primary{color:#fff;background-color:#6933ff;border-color:#6933ff}.btn-link{font-weight:400;color:#05f;text-decoration:none}.btn-sm{padding:3px 14px;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.collapse:not(.show){display:none}.dropdown{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#242a35;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:5px}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar-brand{display:inline-block;padding-top:.284375rem;padding-bottom:.284375rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:5px}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:center center/100% 100% no-repeat}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-light .navbar-brand,.navbar-light .navbar-nav .nav-link{color:#000}.navbar-light .navbar-toggler{color:#000;border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:5px}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:4px 4px 0 0}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.bg-white{background-color:#fff!important}.border-top{border-top:1px solid #d6dbe7!important}.border-right{border-right:1px solid #d6dbe7!important}.border-bottom{border-bottom:1px solid #d6dbe7!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-flex{display:flex!important}@media (min-width:768px){.d-md-flex{display:flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media (min-width:1200px){.d-xl-block{display:block!important}}.flex-column{flex-direction:column!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.position-static{position:static!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.w-100{width:100%!important}.h-100{height:100%!important}.m-0{margin:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.py-1{padding-top:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.pb-3{padding-bottom:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.ml-auto{margin-left:auto!important}@media (min-width:576px){.ml-sm-auto{margin-left:auto!important}}@media (min-width:768px){.flex-md-column{flex-direction:column!important}.mr-md-2{margin-right:.5rem!important}.pr-md-0{padding-right:0!important}}@media (min-width:992px){.mb-lg-0{margin-bottom:0!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}}.text-left{text-align:left!important}.text-center{text-align:center!important}.font-weight-bold{font-weight:600!important}.text-electric-purple{color:#6933ff!important}.text-black{color:#000!important}@font-face{font-family:SourceCodePro-Regular;src:url(/docs/fonts/SourceCodePro-Regular.ttf);font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:SourceSansPro-Regular;src:url(/docs/fonts/SourceSansPro-Regular.ttf);font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:SourceSansPro-SemiBold;src:url(/docs/fonts/SourceSansPro-SemiBold.ttf);font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:SourceSansPro-Bold;src:url(/docs/fonts/SourceSansPro-Bold.ttf);font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Poppins;src:url(/docs/fonts/Poppins-Regular.ttf);font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Poppins-SemiBold;src:url(/docs/fonts/Poppins-SemiBold.ttf);font-weight:600;font-style:normal;font-display:fallback}.col-sidebar{display:flex;flex-flow:column;height:100%}.col-sidebar .col-sidebar-content{flex:0 1 auto}.col-sidebar .stiky-spacer{flex:1 1 auto}.col-sidebar .form-control{max-width:196px;background:url(/docs/images/icon-mag-glass.svg) 10px center/17px 17px no-repeat;padding-left:30px;height:40px}@media screen and (max-width:991px){#sidebarMenu{position:fixed;z-index:10;background-color:#fff;top:108px;border-top:1px solid #d6dbe7;border-bottom:1px solid #d6dbe7;height:60%;overflow:scroll;padding-bottom:15px}}.col-sidebar-content{max-height:calc(100vh - 50px);overflow-y:scroll;position:-webkit-sticky;position:sticky;top:0}@media screen and (min-width:992px){.col-sidebar-content{top:118px}}.nav-docs-mobile{position:fixed;top:54px;z-index:999;background:#fff}.nav-docs-mobile .h3{font-size:22px}.nav-docs-mobile .arrow-down{padding:4px;border-width:2px 0 0 2px;margin:0}#sidebar,.js-sidebar{width:100%;padding:10px 0 5px 15px;display:flex;flex-direction:column;font-family:SourceSansPro-Regular,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#sidebar .sidenav-arrow,.js-sidebar .sidenav-arrow{display:none}@media screen and (min-width:0) and (max-width:767px){#sidebar .sidenav-arrow,.js-sidebar .sidenav-arrow{display:block;position:fixed;z-index:1030;top:114px;right:15px}code{word-break:break-word}}#maincontent{position:relative;padding-top:115px}.bs-callout{padding:30px 40px 30px 25px;margin:15px 0;border-left:5px solid #eee;font-family:SourceSansPro-Regular,sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:22.6px;color:#152849;border-radius:5px}.bs-callout p:last-child{margin-bottom:0}.bs-callout__label{font-family:SourceSansPro-SemiBold,sans-serif;font-size:17px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:30px}.bs-callout--success{background-color:#c5faed4d;border-left-color:#3defc4}.bs-callout--success .bs-callout__label{color:#190f33}.toc-col{display:none}#toc{display:block;max-width:500px;padding-left:0px;margin:0}@media screen and (min-width:992px){#maincontent{padding-top:95px}.toc-col{padding:34px 0;display:inline-block;background:#fff}#toc{display:none}p{margin-bottom:12px}}.toc-col-contents{height:85vh;overflow-y:auto;padding-bottom:5rem;padding-right:5px}.toc-col-contents::-webkit-scrollbar{display:none}#toc-right{max-height:85vh;padding-right:10px;background:#fff;overflow-x:hidden;overflow-y:auto;margin-bottom:1.5rem}#toc-right::-webkit-scrollbar{dis...
+</style>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 57239883048..ba945005150 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -76,5 +76,7 @@
       {% include_cached twitter_analytics.html %}
     {% endif %}
 
+    {% if page.comparison == true %}<link rel="stylesheet" type="text/css" href="{{ 'css/select2.min.css' | relative_url }}">{% endif %}
+    <link rel="stylesheet" type="text/css" href="{{ 'css/customstyles.css' | relative_url }}">
   </body>
 </html>