feat: add data attribute example to cy.get (#171)

Author: bahmutov

app/assets/css/styles.css

@@ -1,15 +1,15 @@
 body {
   padding-top: 0;
-  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 h4 {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 22px;
 }
 
 code {
-  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 }
 
 pre {
@@ -28,7 +28,7 @@ table {
 }
 
 pre code {
-  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
   padding: 0;
 }
 
@@ -46,6 +46,11 @@ canvas {
   -webkit-box-shadow: 0 0 0 #fff;
 }
 
+/* Just like well, but for second row, with just a single line of text */
+.well-1-line {
+  margin-top: 2em;
+}
+
 /*---------nav----------*/
 
 .navbar {
@@ -60,12 +65,13 @@ canvas {
 /*---------banner----------*/
 
 .banner {
-  background-color: #00BF88;
+  background-color: #00bf88;
   color: #fff;
   padding: 25px 0 35px;
 }
 
-.banner p, .banner-alt p {
+.banner p,
+.banner-alt p {
   font-size: 18px;
 }
 
@@ -75,8 +81,8 @@ canvas {
 }
 
 .banner-alt {
-  background-color: #EEF1F4;
-  color: #6B707C;
+  background-color: #eef1f4;
+  color: #6b707c;
   padding: 25px 0 35px;
 }
 
@@ -86,7 +92,7 @@ canvas {
 
 .home-list {
   list-style: none;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   margin: 35px 0;
   padding-left: 0;
   line-height: 28px;
@@ -97,29 +103,29 @@ li.header {
   list-style: none;
 }
 
-.home-list>li {
+.home-list > li {
   margin-top: 25px;
   padding-bottom: 20px;
   border-bottom: 1px solid #ddd;
   font-size: 20px;
   font-weight: bold;
 }
 
-.home-list>li:last-child {
+.home-list > li:last-child {
   border-bottom: 0;
 }
 
-.home-list>li>ul {
+.home-list > li > ul {
   list-style: none;
   padding-left: 0px;
 }
 
-.home-list>li>ul>li {
+.home-list > li > ul > li {
   font-size: 16px;
   color: #666;
 }
 
-.home-list>li>ul>li>a {
+.home-list > li > ul > li > a {
   font-weight: normal;
 }
 
@@ -170,7 +176,9 @@ li.header {
   color: white;
 }
 
-.network-btn, .network-post, .network-put {
+.network-btn,
+.network-post,
+.network-put {
   margin-bottom: 20px;
 }
 
@@ -193,15 +201,15 @@ li.header {
   overflow: auto;
 }
 
-#scrollable-horizontal ul>li,
-#scrollable-vertical ul>li,
-#scrollable-both ul>li {
+#scrollable-horizontal ul > li,
+#scrollable-vertical ul > li,
+#scrollable-both ul > li {
   list-style: none;
   margin: 20px;
   float: left;
 }
 
-#scrollable-horizontal ul>li {
+#scrollable-horizontal ul > li {
   display: inline-block;
 }
 
@@ -212,18 +220,15 @@ li.header {
 }
 
 ::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-    border-radius: 4px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb {
   border-radius: 4px;
-  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
 
-
-
-
 /*
 
 code highlight styling