From c7f77bdebe44b7a13277ed77a60fb59bdc1b289f Mon Sep 17 00:00:00 2001 From: Gleb Bahmutov Date: Tue, 8 Jan 2019 00:49:37 -0500 Subject: [PATCH] feat: add data attribute example to cy.get (#171) --- app/assets/css/styles.css | 55 +-- app/commands/querying.html | 345 +++++++++++------- cypress/integration/examples/querying.spec.js | 11 +- 3 files changed, 252 insertions(+), 159 deletions(-) diff --git a/app/assets/css/styles.css b/app/assets/css/styles.css index d392f67be..1962d4359 100644 --- a/app/assets/css/styles.css +++ b/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,7 +103,7 @@ li.header { list-style: none; } -.home-list>li { +.home-list > li { margin-top: 25px; padding-bottom: 20px; border-bottom: 1px solid #ddd; @@ -105,21 +111,21 @@ li.header { 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 diff --git a/app/commands/querying.html b/app/commands/querying.html index fc9903522..00527342a 100644 --- a/app/commands/querying.html +++ b/app/commands/querying.html @@ -1,98 +1,161 @@ - - - - - - - - Cypress.io: Kitchen Sink - - - - - - - - - + -