Datasetpublic
SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.8kdownloads
root11984.html
11984.html6734 linesDownload Raw Back to root
1<!DOCTYPE html>2<html class="" data-whatinput="initial" data-whatintent="initial" dir="ltr" lang="en">3 <head>4  <style>5   @charset "UTF-8";6/**7 * Foundation for Sites by ZURB8 * Version 6.5.19 * foundation.zurb.com10 * Licensed under MIT Open Source11 */12@media print, screen and (min-width: 40em) {13  .reveal, .reveal.tiny, .reveal.small, .reveal.large {14    right: auto;15    left: auto;16    margin: 0 auto; } }17 18/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */19html {20  line-height: 1.15;21  -webkit-text-size-adjust: 100%; }22 23body {24  margin: 0; }25 26h1 {27  font-size: 2em;28  margin: 0.67em 0; }29 30hr {31  -webkit-box-sizing: content-box;32          box-sizing: content-box;33  height: 0;34  overflow: visible; }35 36pre {37  font-family: monospace, monospace;38  font-size: 1em; }39 40a {41  background-color: transparent; }42 43abbr[title] {44  border-bottom: none;45  text-decoration: underline;46  -webkit-text-decoration: underline dotted;47          text-decoration: underline dotted; }48 49b,50strong {51  font-weight: bolder; }52 53code,54kbd,55samp {56  font-family: monospace, monospace;57  font-size: 1em; }58 59small {60  font-size: 80%; }61 62sub,63sup {64  font-size: 75%;65  line-height: 0;66  position: relative;67  vertical-align: baseline; }68 69sub {70  bottom: -0.25em; }71 72sup {73  top: -0.5em; }74 75img {76  border-style: none; }77 78button,79input,80optgroup,81select,82textarea {83  font-family: inherit;84  font-size: 100%;85  line-height: 1.15;86  margin: 0; }87 88button,89input {90  overflow: visible; }91 92button,93select {94  text-transform: none; }95 96button,97[type="button"],98[type="reset"],99[type="submit"] {100  -webkit-appearance: button; }101 102button::-moz-focus-inner,103[type="button"]::-moz-focus-inner,104[type="reset"]::-moz-focus-inner,105[type="submit"]::-moz-focus-inner {106  border-style: none;107  padding: 0; }108 109button:-moz-focusring,110[type="button"]:-moz-focusring,111[type="reset"]:-moz-focusring,112[type="submit"]:-moz-focusring {113  outline: 1px dotted ButtonText; }114 115fieldset {116  padding: 0.35em 0.75em 0.625em; }117 118legend {119  -webkit-box-sizing: border-box;120          box-sizing: border-box;121  color: inherit;122  display: table;123  max-width: 100%;124  padding: 0;125  white-space: normal; }126 127progress {128  vertical-align: baseline; }129 130textarea {131  overflow: auto; }132 133[type="checkbox"],134[type="radio"] {135  -webkit-box-sizing: border-box;136          box-sizing: border-box;137  padding: 0; }138 139[type="number"]::-webkit-inner-spin-button,140[type="number"]::-webkit-outer-spin-button {141  height: auto; }142 143[type="search"] {144  -webkit-appearance: textfield;145  outline-offset: -2px; }146 147[type="search"]::-webkit-search-decoration {148  -webkit-appearance: none; }149 150::-webkit-file-upload-button {151  -webkit-appearance: button;152  font: inherit; }153 154details {155  display: block; }156 157summary {158  display: list-item; }159 160template {161  display: none; }162 163[hidden] {164  display: none; }165 166.foundation-mq {167  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }168 169html {170  -webkit-box-sizing: border-box;171          box-sizing: border-box;172  font-size: 100%; }173 174*,175*::before,176*::after {177  -webkit-box-sizing: inherit;178          box-sizing: inherit; }179 180body {181  margin: 0;182  padding: 0;183  background: #fefefe;184  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;185  font-weight: normal;186  line-height: 1.5;187  color: #0a0a0a;188  -webkit-font-smoothing: antialiased;189  -moz-osx-font-smoothing: grayscale; }190 191img {192  display: inline-block;193  vertical-align: middle;194  max-width: 100%;195  height: auto;196  -ms-interpolation-mode: bicubic; }197 198textarea {199  height: auto;200  min-height: 50px;201  border-radius: 0; }202 203select {204  -webkit-box-sizing: border-box;205          box-sizing: border-box;206  width: 100%;207  border-radius: 0; }208 209.map_canvas img,210.map_canvas embed,211.map_canvas object,212.mqa-display img,213.mqa-display embed,214.mqa-display object {215  max-width: none !important; }216 217button {218  padding: 0;219  -webkit-appearance: none;220     -moz-appearance: none;221          appearance: none;222  border: 0;223  border-radius: 0;224  background: transparent;225  line-height: 1;226  cursor: auto; }227  [data-whatinput='mouse'] button {228    outline: 0; }229 230pre {231  overflow: auto; }232 233button,234input,235optgroup,236select,237textarea {238  font-family: inherit; }239 240.is-visible {241  display: block !important; }242 243.is-hidden {244  display: none !important; }245 246.grid-container {247  padding-right: 0.625rem;248  padding-left: 0.625rem;249  max-width: 75rem;250  margin: 0 auto; }251  @media print, screen and (min-width: 40em) {252    .grid-container {253      padding-right: 0.9375rem;254      padding-left: 0.9375rem; } }255  .grid-container.fluid {256    padding-right: 0.625rem;257    padding-left: 0.625rem;258    max-width: 100%;259    margin: 0 auto; }260    @media print, screen and (min-width: 40em) {261      .grid-container.fluid {262        padding-right: 0.9375rem;263        padding-left: 0.9375rem; } }264  .grid-container.full {265    padding-right: 0;266    padding-left: 0;267    max-width: 100%;268    margin: 0 auto; }269 270.grid-x {271  display: -webkit-box;272  display: -webkit-flex;273  display: -ms-flexbox;274  display: flex;275  -webkit-box-orient: horizontal;276  -webkit-box-direction: normal;277  -webkit-flex-flow: row wrap;278      -ms-flex-flow: row wrap;279          flex-flow: row wrap; }280 281.cell {282  -webkit-box-flex: 0;283  -webkit-flex: 0 0 auto;284      -ms-flex: 0 0 auto;285          flex: 0 0 auto;286  min-height: 0px;287  min-width: 0px;288  width: 100%; }289  .cell.auto {290    -webkit-box-flex: 1;291    -webkit-flex: 1 1 0px;292        -ms-flex: 1 1 0px;293            flex: 1 1 0px; }294  .cell.shrink {295    -webkit-box-flex: 0;296    -webkit-flex: 0 0 auto;297        -ms-flex: 0 0 auto;298            flex: 0 0 auto; }299 300.grid-x > .auto {301  width: auto; }302 303.grid-x > .shrink {304  width: auto; }305 306.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {307  -webkit-flex-basis: auto;308      -ms-flex-preferred-size: auto;309          flex-basis: auto; }310 311@media print, screen and (min-width: 40em) {312  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {313    -webkit-flex-basis: auto;314        -ms-flex-preferred-size: auto;315            flex-basis: auto; } }316 317@media print, screen and (min-width: 64em) {318  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {319    -webkit-flex-basis: auto;320        -ms-flex-preferred-size: auto;321            flex-basis: auto; } }322 323.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {324  -webkit-box-flex: 0;325  -webkit-flex: 0 0 auto;326      -ms-flex: 0 0 auto;327          flex: 0 0 auto; }328 329.grid-x > .small-1 {330  width: 8.33333%; }331 332.grid-x > .small-2 {333  width: 16.66667%; }334 335.grid-x > .small-3 {336  width: 25%; }337 338.grid-x > .small-4 {339  width: 33.33333%; }340 341.grid-x > .small-5 {342  width: 41.66667%; }343 344.grid-x > .small-6 {345  width: 50%; }346 347.grid-x > .small-7 {348  width: 58.33333%; }349 350.grid-x > .small-8 {351  width: 66.66667%; }352 353.grid-x > .small-9 {354  width: 75%; }355 356.grid-x > .small-10 {357  width: 83.33333%; }358 359.grid-x > .small-11 {360  width: 91.66667%; }361 362.grid-x > .small-12 {363  width: 100%; }364 365@media print, screen and (min-width: 40em) {366  .grid-x > .medium-auto {367    -webkit-box-flex: 1;368    -webkit-flex: 1 1 0px;369        -ms-flex: 1 1 0px;370            flex: 1 1 0px;371    width: auto; }372  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {373    -webkit-box-flex: 0;374    -webkit-flex: 0 0 auto;375        -ms-flex: 0 0 auto;376            flex: 0 0 auto; }377  .grid-x > .medium-shrink {378    width: auto; }379  .grid-x > .medium-1 {380    width: 8.33333%; }381  .grid-x > .medium-2 {382    width: 16.66667%; }383  .grid-x > .medium-3 {384    width: 25%; }385  .grid-x > .medium-4 {386    width: 33.33333%; }387  .grid-x > .medium-5 {388    width: 41.66667%; }389  .grid-x > .medium-6 {390    width: 50%; }391  .grid-x > .medium-7 {392    width: 58.33333%; }393  .grid-x > .medium-8 {394    width: 66.66667%; }395  .grid-x > .medium-9 {396    width: 75%; }397  .grid-x > .medium-10 {398    width: 83.33333%; }399  .grid-x > .medium-11 {400    width: 91.66667%; }401  .grid-x > .medium-12 {402    width: 100%; } }403 404@media print, screen and (min-width: 64em) {405  .grid-x > .large-auto {406    -webkit-box-flex: 1;407    -webkit-flex: 1 1 0px;408        -ms-flex: 1 1 0px;409            flex: 1 1 0px;410    width: auto; }411  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {412    -webkit-box-flex: 0;413    -webkit-flex: 0 0 auto;414        -ms-flex: 0 0 auto;415            flex: 0 0 auto; }416  .grid-x > .large-shrink {417    width: auto; }418  .grid-x > .large-1 {419    width: 8.33333%; }420  .grid-x > .large-2 {421    width: 16.66667%; }422  .grid-x > .large-3 {423    width: 25%; }424  .grid-x > .large-4 {425    width: 33.33333%; }426  .grid-x > .large-5 {427    width: 41.66667%; }428  .grid-x > .large-6 {429    width: 50%; }430  .grid-x > .large-7 {431    width: 58.33333%; }432  .grid-x > .large-8 {433    width: 66.66667%; }434  .grid-x > .large-9 {435    width: 75%; }436  .grid-x > .large-10 {437    width: 83.33333%; }438  .grid-x > .large-11 {439    width: 91.66667%; }440  .grid-x > .large-12 {441    width: 100%; } }442 443.grid-margin-x:not(.grid-x) > .cell {444  width: auto; }445 446.grid-margin-y:not(.grid-y) > .cell {447  height: auto; }448 449.grid-margin-x {450  margin-left: -0.625rem;451  margin-right: -0.625rem; }452  @media print, screen and (min-width: 40em) {453    .grid-margin-x {454      margin-left: -0.9375rem;455      margin-right: -0.9375rem; } }456  .grid-margin-x > .cell {457    width: calc(100% - 1.25rem);458    margin-left: 0.625rem;459    margin-right: 0.625rem; }460  @media print, screen and (min-width: 40em) {461    .grid-margin-x > .cell {462      width: calc(100% - 1.875rem);463      margin-left: 0.9375rem;464      margin-right: 0.9375rem; } }465  .grid-margin-x > .auto {466    width: auto; }467  .grid-margin-x > .shrink {468    width: auto; }469  .grid-margin-x > .small-1 {470    width: calc(8.33333% - 1.25rem); }471  .grid-margin-x > .small-2 {472    width: calc(16.66667% - 1.25rem); }473  .grid-margin-x > .small-3 {474    width: calc(25% - 1.25rem); }475  .grid-margin-x > .small-4 {476    width: calc(33.33333% - 1.25rem); }477  .grid-margin-x > .small-5 {478    width: calc(41.66667% - 1.25rem); }479  .grid-margin-x > .small-6 {480    width: calc(50% - 1.25rem); }481  .grid-margin-x > .small-7 {482    width: calc(58.33333% - 1.25rem); }483  .grid-margin-x > .small-8 {484    width: calc(66.66667% - 1.25rem); }485  .grid-margin-x > .small-9 {486    width: calc(75% - 1.25rem); }487  .grid-margin-x > .small-10 {488    width: calc(83.33333% - 1.25rem); }489  .grid-margin-x > .small-11 {490    width: calc(91.66667% - 1.25rem); }491  .grid-margin-x > .small-12 {492    width: calc(100% - 1.25rem); }493  @media print, screen and (min-width: 40em) {494    .grid-margin-x > .auto {495      width: auto; }496    .grid-margin-x > .shrink {497      width: auto; }498    .grid-margin-x > .small-1 {499      width: calc(8.33333% - 1.875rem); }500    .grid-margin-x > .small-2 {501      width: calc(16.66667% - 1.875rem); }502    .grid-margin-x > .small-3 {503      width: calc(25% - 1.875rem); }504    .grid-margin-x > .small-4 {505      width: calc(33.33333% - 1.875rem); }506    .grid-margin-x > .small-5 {507      width: calc(41.66667% - 1.875rem); }508    .grid-margin-x > .small-6 {509      width: calc(50% - 1.875rem); }510    .grid-margin-x > .small-7 {511      width: calc(58.33333% - 1.875rem); }512    .grid-margin-x > .small-8 {513      width: calc(66.66667% - 1.875rem); }514    .grid-margin-x > .small-9 {515      width: calc(75% - 1.875rem); }516    .grid-margin-x > .small-10 {517      width: calc(83.33333% - 1.875rem); }518    .grid-margin-x > .small-11 {519      width: calc(91.66667% - 1.875rem); }520    .grid-margin-x > .small-12 {521      width: calc(100% - 1.875rem); }522    .grid-margin-x > .medium-auto {523      width: auto; }524    .grid-margin-x > .medium-shrink {525      width: auto; }526    .grid-margin-x > .medium-1 {527      width: calc(8.33333% - 1.875rem); }528    .grid-margin-x > .medium-2 {529      width: calc(16.66667% - 1.875rem); }530    .grid-margin-x > .medium-3 {531      width: calc(25% - 1.875rem); }532    .grid-margin-x > .medium-4 {533      width: calc(33.33333% - 1.875rem); }534    .grid-margin-x > .medium-5 {535      width: calc(41.66667% - 1.875rem); }536    .grid-margin-x > .medium-6 {537      width: calc(50% - 1.875rem); }538    .grid-margin-x > .medium-7 {539      width: calc(58.33333% - 1.875rem); }540    .grid-margin-x > .medium-8 {541      width: calc(66.66667% - 1.875rem); }542    .grid-margin-x > .medium-9 {543      width: calc(75% - 1.875rem); }544    .grid-margin-x > .medium-10 {545      width: calc(83.33333% - 1.875rem); }546    .grid-margin-x > .medium-11 {547      width: calc(91.66667% - 1.875rem); }548    .grid-margin-x > .medium-12 {549      width: calc(100% - 1.875rem); } }550  @media print, screen and (min-width: 64em) {551    .grid-margin-x > .large-auto {552      width: auto; }553    .grid-margin-x > .large-shrink {554      width: auto; }555    .grid-margin-x > .large-1 {556      width: calc(8.33333% - 1.875rem); }557    .grid-margin-x > .large-2 {558      width: calc(16.66667% - 1.875rem); }559    .grid-margin-x > .large-3 {560      width: calc(25% - 1.875rem); }561    .grid-margin-x > .large-4 {562      width: calc(33.33333% - 1.875rem); }563    .grid-margin-x > .large-5 {564      width: calc(41.66667% - 1.875rem); }565    .grid-margin-x > .large-6 {566      width: calc(50% - 1.875rem); }567    .grid-margin-x > .large-7 {568      width: calc(58.33333% - 1.875rem); }569    .grid-margin-x > .large-8 {570      width: calc(66.66667% - 1.875rem); }571    .grid-margin-x > .large-9 {572      width: calc(75% - 1.875rem); }573    .grid-margin-x > .large-10 {574      width: calc(83.33333% - 1.875rem); }575    .grid-margin-x > .large-11 {576      width: calc(91.66667% - 1.875rem); }577    .grid-margin-x > .large-12 {578      width: calc(100% - 1.875rem); } }579 580.grid-padding-x .grid-padding-x {581  margin-right: -0.625rem;582  margin-left: -0.625rem; }583  @media print, screen and (min-width: 40em) {584    .grid-padding-x .grid-padding-x {585      margin-right: -0.9375rem;586      margin-left: -0.9375rem; } }587 588.grid-container:not(.full) > .grid-padding-x {589  margin-right: -0.625rem;590  margin-left: -0.625rem; }591  @media print, screen and (min-width: 40em) {592    .grid-container:not(.full) > .grid-padding-x {593      margin-right: -0.9375rem;594      margin-left: -0.9375rem; } }595 596.grid-padding-x > .cell {597  padding-right: 0.625rem;598  padding-left: 0.625rem; }599  @media print, screen and (min-width: 40em) {600    .grid-padding-x > .cell {601      padding-right: 0.9375rem;602      padding-left: 0.9375rem; } }603 604.small-up-1 > .cell {605  width: 100%; }606 607.small-up-2 > .cell {608  width: 50%; }609 610.small-up-3 > .cell {611  width: 33.33333%; }612 613.small-up-4 > .cell {614  width: 25%; }615 616.small-up-5 > .cell {617  width: 20%; }618 619.small-up-6 > .cell {620  width: 16.66667%; }621 622.small-up-7 > .cell {623  width: 14.28571%; }624 625.small-up-8 > .cell {626  width: 12.5%; }627 628@media print, screen and (min-width: 40em) {629  .medium-up-1 > .cell {630    width: 100%; }631  .medium-up-2 > .cell {632    width: 50%; }633  .medium-up-3 > .cell {634    width: 33.33333%; }635  .medium-up-4 > .cell {636    width: 25%; }637  .medium-up-5 > .cell {638    width: 20%; }639  .medium-up-6 > .cell {640    width: 16.66667%; }641  .medium-up-7 > .cell {642    width: 14.28571%; }643  .medium-up-8 > .cell {644    width: 12.5%; } }645 646@media print, screen and (min-width: 64em) {647  .large-up-1 > .cell {648    width: 100%; }649  .large-up-2 > .cell {650    width: 50%; }651  .large-up-3 > .cell {652    width: 33.33333%; }653  .large-up-4 > .cell {654    width: 25%; }655  .large-up-5 > .cell {656    width: 20%; }657  .large-up-6 > .cell {658    width: 16.66667%; }659  .large-up-7 > .cell {660    width: 14.28571%; }661  .large-up-8 > .cell {662    width: 12.5%; } }663 664.grid-margin-x.small-up-1 > .cell {665  width: calc(100% - 1.25rem); }666 667.grid-margin-x.small-up-2 > .cell {668  width: calc(50% - 1.25rem); }669 670.grid-margin-x.small-up-3 > .cell {671  width: calc(33.33333% - 1.25rem); }672 673.grid-margin-x.small-up-4 > .cell {674  width: calc(25% - 1.25rem); }675 676.grid-margin-x.small-up-5 > .cell {677  width: calc(20% - 1.25rem); }678 679.grid-margin-x.small-up-6 > .cell {680  width: calc(16.66667% - 1.25rem); }681 682.grid-margin-x.small-up-7 > .cell {683  width: calc(14.28571% - 1.25rem); }684 685.grid-margin-x.small-up-8 > .cell {686  width: calc(12.5% - 1.25rem); }687 688@media print, screen and (min-width: 40em) {689  .grid-margin-x.small-up-1 > .cell {690    width: calc(100% - 1.875rem); }691  .grid-margin-x.small-up-2 > .cell {692    width: calc(50% - 1.875rem); }693  .grid-margin-x.small-up-3 > .cell {694    width: calc(33.33333% - 1.875rem); }695  .grid-margin-x.small-up-4 > .cell {696    width: calc(25% - 1.875rem); }697  .grid-margin-x.small-up-5 > .cell {698    width: calc(20% - 1.875rem); }699  .grid-margin-x.small-up-6 > .cell {700    width: calc(16.66667% - 1.875rem); }701  .grid-margin-x.small-up-7 > .cell {702    width: calc(14.28571% - 1.875rem); }703  .grid-margin-x.small-up-8 > .cell {704    width: calc(12.5% - 1.875rem); }705  .grid-margin-x.medium-up-1 > .cell {706    width: calc(100% - 1.875rem); }707  .grid-margin-x.medium-up-2 > .cell {708    width: calc(50% - 1.875rem); }709  .grid-margin-x.medium-up-3 > .cell {710    width: calc(33.33333% - 1.875rem); }711  .grid-margin-x.medium-up-4 > .cell {712    width: calc(25% - 1.875rem); }713  .grid-margin-x.medium-up-5 > .cell {714    width: calc(20% - 1.875rem); }715  .grid-margin-x.medium-up-6 > .cell {716    width: calc(16.66667% - 1.875rem); }717  .grid-margin-x.medium-up-7 > .cell {718    width: calc(14.28571% - 1.875rem); }719  .grid-margin-x.medium-up-8 > .cell {720    width: calc(12.5% - 1.875rem); } }721 722@media print, screen and (min-width: 64em) {723  .grid-margin-x.large-up-1 > .cell {724    width: calc(100% - 1.875rem); }725  .grid-margin-x.large-up-2 > .cell {726    width: calc(50% - 1.875rem); }727  .grid-margin-x.large-up-3 > .cell {728    width: calc(33.33333% - 1.875rem); }729  .grid-margin-x.large-up-4 > .cell {730    width: calc(25% - 1.875rem); }731  .grid-margin-x.large-up-5 > .cell {732    width: calc(20% - 1.875rem); }733  .grid-margin-x.large-up-6 > .cell {734    width: calc(16.66667% - 1.875rem); }735  .grid-margin-x.large-up-7 > .cell {736    width: calc(14.28571% - 1.875rem); }737  .grid-margin-x.large-up-8 > .cell {738    width: calc(12.5% - 1.875rem); } }739 740.small-margin-collapse {741  margin-right: 0;742  margin-left: 0; }743  .small-margin-collapse > .cell {744    margin-right: 0;745    margin-left: 0; }746  .small-margin-collapse > .small-1 {747    width: 8.33333%; }748  .small-margin-collapse > .small-2 {749    width: 16.66667%; }750  .small-margin-collapse > .small-3 {751    width: 25%; }752  .small-margin-collapse > .small-4 {753    width: 33.33333%; }754  .small-margin-collapse > .small-5 {755    width: 41.66667%; }756  .small-margin-collapse > .small-6 {757    width: 50%; }758  .small-margin-collapse > .small-7 {759    width: 58.33333%; }760  .small-margin-collapse > .small-8 {761    width: 66.66667%; }762  .small-margin-collapse > .small-9 {763    width: 75%; }764  .small-margin-collapse > .small-10 {765    width: 83.33333%; }766  .small-margin-collapse > .small-11 {767    width: 91.66667%; }768  .small-margin-collapse > .small-12 {769    width: 100%; }770  @media print, screen and (min-width: 40em) {771    .small-margin-collapse > .medium-1 {772      width: 8.33333%; }773    .small-margin-collapse > .medium-2 {774      width: 16.66667%; }775    .small-margin-collapse > .medium-3 {776      width: 25%; }777    .small-margin-collapse > .medium-4 {778      width: 33.33333%; }779    .small-margin-collapse > .medium-5 {780      width: 41.66667%; }781    .small-margin-collapse > .medium-6 {782      width: 50%; }783    .small-margin-collapse > .medium-7 {784      width: 58.33333%; }785    .small-margin-collapse > .medium-8 {786      width: 66.66667%; }787    .small-margin-collapse > .medium-9 {788      width: 75%; }789    .small-margin-collapse > .medium-10 {790      width: 83.33333%; }791    .small-margin-collapse > .medium-11 {792      width: 91.66667%; }793    .small-margin-collapse > .medium-12 {794      width: 100%; } }795  @media print, screen and (min-width: 64em) {796    .small-margin-collapse > .large-1 {797      width: 8.33333%; }798    .small-margin-collapse > .large-2 {799      width: 16.66667%; }800    .small-margin-collapse > .large-3 {801      width: 25%; }802    .small-margin-collapse > .large-4 {803      width: 33.33333%; }804    .small-margin-collapse > .large-5 {805      width: 41.66667%; }806    .small-margin-collapse > .large-6 {807      width: 50%; }808    .small-margin-collapse > .large-7 {809      width: 58.33333%; }810    .small-margin-collapse > .large-8 {811      width: 66.66667%; }812    .small-margin-collapse > .large-9 {813      width: 75%; }814    .small-margin-collapse > .large-10 {815      width: 83.33333%; }816    .small-margin-collapse > .large-11 {817      width: 91.66667%; }818    .small-margin-collapse > .large-12 {819      width: 100%; } }820 821.small-padding-collapse {822  margin-right: 0;823  margin-left: 0; }824  .small-padding-collapse > .cell {825    padding-right: 0;826    padding-left: 0; }827 828@media print, screen and (min-width: 40em) {829  .medium-margin-collapse {830    margin-right: 0;831    margin-left: 0; }832    .medium-margin-collapse > .cell {833      margin-right: 0;834      margin-left: 0; } }835 836@media print, screen and (min-width: 40em) {837  .medium-margin-collapse > .small-1 {838    width: 8.33333%; }839  .medium-margin-collapse > .small-2 {840    width: 16.66667%; }841  .medium-margin-collapse > .small-3 {842    width: 25%; }843  .medium-margin-collapse > .small-4 {844    width: 33.33333%; }845  .medium-margin-collapse > .small-5 {846    width: 41.66667%; }847  .medium-margin-collapse > .small-6 {848    width: 50%; }849  .medium-margin-collapse > .small-7 {850    width: 58.33333%; }851  .medium-margin-collapse > .small-8 {852    width: 66.66667%; }853  .medium-margin-collapse > .small-9 {854    width: 75%; }855  .medium-margin-collapse > .small-10 {856    width: 83.33333%; }857  .medium-margin-collapse > .small-11 {858    width: 91.66667%; }859  .medium-margin-collapse > .small-12 {860    width: 100%; } }861 862@media print, screen and (min-width: 40em) {863  .medium-margin-collapse > .medium-1 {864    width: 8.33333%; }865  .medium-margin-collapse > .medium-2 {866    width: 16.66667%; }867  .medium-margin-collapse > .medium-3 {868    width: 25%; }869  .medium-margin-collapse > .medium-4 {870    width: 33.33333%; }871  .medium-margin-collapse > .medium-5 {872    width: 41.66667%; }873  .medium-margin-collapse > .medium-6 {874    width: 50%; }875  .medium-margin-collapse > .medium-7 {876    width: 58.33333%; }877  .medium-margin-collapse > .medium-8 {878    width: 66.66667%; }879  .medium-margin-collapse > .medium-9 {880    width: 75%; }881  .medium-margin-collapse > .medium-10 {882    width: 83.33333%; }883  .medium-margin-collapse > .medium-11 {884    width: 91.66667%; }885  .medium-margin-collapse > .medium-12 {886    width: 100%; } }887 888@media print, screen and (min-width: 64em) {889  .medium-margin-collapse > .large-1 {890    width: 8.33333%; }891  .medium-margin-collapse > .large-2 {892    width: 16.66667%; }893  .medium-margin-collapse > .large-3 {894    width: 25%; }895  .medium-margin-collapse > .large-4 {896    width: 33.33333%; }897  .medium-margin-collapse > .large-5 {898    width: 41.66667%; }899  .medium-margin-collapse > .large-6 {900    width: 50%; }901  .medium-margin-collapse > .large-7 {902    width: 58.33333%; }903  .medium-margin-collapse > .large-8 {904    width: 66.66667%; }905  .medium-margin-collapse > .large-9 {906    width: 75%; }907  .medium-margin-collapse > .large-10 {908    width: 83.33333%; }909  .medium-margin-collapse > .large-11 {910    width: 91.66667%; }911  .medium-margin-collapse > .large-12 {912    width: 100%; } }913 914@media print, screen and (min-width: 40em) {915  .medium-padding-collapse {916    margin-right: 0;917    margin-left: 0; }918    .medium-padding-collapse > .cell {919      padding-right: 0;920      padding-left: 0; } }921 922@media print, screen and (min-width: 64em) {923  .large-margin-collapse {924    margin-right: 0;925    margin-left: 0; }926    .large-margin-collapse > .cell {927      margin-right: 0;928      margin-left: 0; } }929 930@media print, screen and (min-width: 64em) {931  .large-margin-collapse > .small-1 {932    width: 8.33333%; }933  .large-margin-collapse > .small-2 {934    width: 16.66667%; }935  .large-margin-collapse > .small-3 {936    width: 25%; }937  .large-margin-collapse > .small-4 {938    width: 33.33333%; }939  .large-margin-collapse > .small-5 {940    width: 41.66667%; }941  .large-margin-collapse > .small-6 {942    width: 50%; }943  .large-margin-collapse > .small-7 {944    width: 58.33333%; }945  .large-margin-collapse > .small-8 {946    width: 66.66667%; }947  .large-margin-collapse > .small-9 {948    width: 75%; }949  .large-margin-collapse > .small-10 {950    width: 83.33333%; }951  .large-margin-collapse > .small-11 {952    width: 91.66667%; }953  .large-margin-collapse > .small-12 {954    width: 100%; } }955 956@media print, screen and (min-width: 64em) {957  .large-margin-collapse > .medium-1 {958    width: 8.33333%; }959  .large-margin-collapse > .medium-2 {960    width: 16.66667%; }961  .large-margin-collapse > .medium-3 {962    width: 25%; }963  .large-margin-collapse > .medium-4 {964    width: 33.33333%; }965  .large-margin-collapse > .medium-5 {966    width: 41.66667%; }967  .large-margin-collapse > .medium-6 {968    width: 50%; }969  .large-margin-collapse > .medium-7 {970    width: 58.33333%; }971  .large-margin-collapse > .medium-8 {972    width: 66.66667%; }973  .large-margin-collapse > .medium-9 {974    width: 75%; }975  .large-margin-collapse > .medium-10 {976    width: 83.33333%; }977  .large-margin-collapse > .medium-11 {978    width: 91.66667%; }979  .large-margin-collapse > .medium-12 {980    width: 100%; } }981 982@media print, screen and (min-width: 64em) {983  .large-margin-collapse > .large-1 {984    width: 8.33333%; }985  .large-margin-collapse > .large-2 {986    width: 16.66667%; }987  .large-margin-collapse > .large-3 {988    width: 25%; }989  .large-margin-collapse > .large-4 {990    width: 33.33333%; }991  .large-margin-collapse > .large-5 {992    width: 41.66667%; }993  .large-margin-collapse > .large-6 {994    width: 50%; }995  .large-margin-collapse > .large-7 {996    width: 58.33333%; }997  .large-margin-collapse > .large-8 {998    width: 66.66667%; }999  .large-margin-collapse > .large-9 {1000    width: 75%; }1001  .large-margin-collapse > .large-10 {1002    width: 83.33333%; }1003  .large-margin-collapse > .large-11 {1004    width: 91.66667%; }1005  .large-margin-collapse > .large-12 {1006    width: 100%; } }1007 1008@media print, screen and (min-width: 64em) {1009  .large-padding-collapse {1010    margin-right: 0;1011    margin-left: 0; }1012    .large-padding-collapse > .cell {1013      padding-right: 0;1014      padding-left: 0; } }1015 1016.small-offset-0 {1017  margin-left: 0%; }1018 1019.grid-margin-x > .small-offset-0 {1020  margin-left: calc(0% + 0.625rem); }1021 1022.small-offset-1 {1023  margin-left: 8.33333%; }1024 1025.grid-margin-x > .small-offset-1 {1026  margin-left: calc(8.33333% + 0.625rem); }1027 1028.small-offset-2 {1029  margin-left: 16.66667%; }1030 1031.grid-margin-x > .small-offset-2 {1032  margin-left: calc(16.66667% + 0.625rem); }1033 1034.small-offset-3 {1035  margin-left: 25%; }1036 1037.grid-margin-x > .small-offset-3 {1038  margin-left: calc(25% + 0.625rem); }1039 1040.small-offset-4 {1041  margin-left: 33.33333%; }1042 1043.grid-margin-x > .small-offset-4 {1044  margin-left: calc(33.33333% + 0.625rem); }1045 1046.small-offset-5 {1047  margin-left: 41.66667%; }1048 1049.grid-margin-x > .small-offset-5 {1050  margin-left: calc(41.66667% + 0.625rem); }1051 1052.small-offset-6 {1053  margin-left: 50%; }1054 1055.grid-margin-x > .small-offset-6 {1056  margin-left: calc(50% + 0.625rem); }1057 1058.small-offset-7 {1059  margin-left: 58.33333%; }1060 1061.grid-margin-x > .small-offset-7 {1062  margin-left: calc(58.33333% + 0.625rem); }1063 1064.small-offset-8 {1065  margin-left: 66.66667%; }1066 1067.grid-margin-x > .small-offset-8 {1068  margin-left: calc(66.66667% + 0.625rem); }1069 1070.small-offset-9 {1071  margin-left: 75%; }1072 1073.grid-margin-x > .small-offset-9 {1074  margin-left: calc(75% + 0.625rem); }1075 1076.small-offset-10 {1077  margin-left: 83.33333%; }1078 1079.grid-margin-x > .small-offset-10 {1080  margin-left: calc(83.33333% + 0.625rem); }1081 1082.small-offset-11 {1083  margin-left: 91.66667%; }1084 1085.grid-margin-x > .small-offset-11 {1086  margin-left: calc(91.66667% + 0.625rem); }1087 1088@media print, screen and (min-width: 40em) {1089  .medium-offset-0 {1090    margin-left: 0%; }1091  .grid-margin-x > .medium-offset-0 {1092    margin-left: calc(0% + 0.9375rem); }1093  .medium-offset-1 {1094    margin-left: 8.33333%; }1095  .grid-margin-x > .medium-offset-1 {1096    margin-left: calc(8.33333% + 0.9375rem); }1097  .medium-offset-2 {1098    margin-left: 16.66667%; }1099  .grid-margin-x > .medium-offset-2 {1100    margin-left: calc(16.66667% + 0.9375rem); }1101  .medium-offset-3 {1102    margin-left: 25%; }1103  .grid-margin-x > .medium-offset-3 {1104    margin-left: calc(25% + 0.9375rem); }1105  .medium-offset-4 {1106    margin-left: 33.33333%; }1107  .grid-margin-x > .medium-offset-4 {1108    margin-left: calc(33.33333% + 0.9375rem); }1109  .medium-offset-5 {1110    margin-left: 41.66667%; }1111  .grid-margin-x > .medium-offset-5 {1112    margin-left: calc(41.66667% + 0.9375rem); }1113  .medium-offset-6 {1114    margin-left: 50%; }1115  .grid-margin-x > .medium-offset-6 {1116    margin-left: calc(50% + 0.9375rem); }1117  .medium-offset-7 {1118    margin-left: 58.33333%; }1119  .grid-margin-x > .medium-offset-7 {1120    margin-left: calc(58.33333% + 0.9375rem); }1121  .medium-offset-8 {1122    margin-left: 66.66667%; }1123  .grid-margin-x > .medium-offset-8 {1124    margin-left: calc(66.66667% + 0.9375rem); }1125  .medium-offset-9 {1126    margin-left: 75%; }1127  .grid-margin-x > .medium-offset-9 {1128    margin-left: calc(75% + 0.9375rem); }1129  .medium-offset-10 {1130    margin-left: 83.33333%; }1131  .grid-margin-x > .medium-offset-10 {1132    margin-left: calc(83.33333% + 0.9375rem); }1133  .medium-offset-11 {1134    margin-left: 91.66667%; }1135  .grid-margin-x > .medium-offset-11 {1136    margin-left: calc(91.66667% + 0.9375rem); } }1137 1138@media print, screen and (min-width: 64em) {1139  .large-offset-0 {1140    margin-left: 0%; }1141  .grid-margin-x > .large-offset-0 {1142    margin-left: calc(0% + 0.9375rem); }1143  .large-offset-1 {1144    margin-left: 8.33333%; }1145  .grid-margin-x > .large-offset-1 {1146    margin-left: calc(8.33333% + 0.9375rem); }1147  .large-offset-2 {1148    margin-left: 16.66667%; }1149  .grid-margin-x > .large-offset-2 {1150    margin-left: calc(16.66667% + 0.9375rem); }1151  .large-offset-3 {1152    margin-left: 25%; }1153  .grid-margin-x > .large-offset-3 {1154    margin-left: calc(25% + 0.9375rem); }1155  .large-offset-4 {1156    margin-left: 33.33333%; }1157  .grid-margin-x > .large-offset-4 {1158    margin-left: calc(33.33333% + 0.9375rem); }1159  .large-offset-5 {1160    margin-left: 41.66667%; }1161  .grid-margin-x > .large-offset-5 {1162    margin-left: calc(41.66667% + 0.9375rem); }1163  .large-offset-6 {1164    margin-left: 50%; }1165  .grid-margin-x > .large-offset-6 {1166    margin-left: calc(50% + 0.9375rem); }1167  .large-offset-7 {1168    margin-left: 58.33333%; }1169  .grid-margin-x > .large-offset-7 {1170    margin-left: calc(58.33333% + 0.9375rem); }1171  .large-offset-8 {1172    margin-left: 66.66667%; }1173  .grid-margin-x > .large-offset-8 {1174    margin-left: calc(66.66667% + 0.9375rem); }1175  .large-offset-9 {1176    margin-left: 75%; }1177  .grid-margin-x > .large-offset-9 {1178    margin-left: calc(75% + 0.9375rem); }1179  .large-offset-10 {1180    margin-left: 83.33333%; }1181  .grid-margin-x > .large-offset-10 {1182    margin-left: calc(83.33333% + 0.9375rem); }1183  .large-offset-11 {1184    margin-left: 91.66667%; }1185  .grid-margin-x > .large-offset-11 {1186    margin-left: calc(91.66667% + 0.9375rem); } }1187 1188.grid-y {1189  display: -webkit-box;1190  display: -webkit-flex;1191  display: -ms-flexbox;1192  display: flex;1193  -webkit-box-orient: vertical;1194  -webkit-box-direction: normal;1195  -webkit-flex-flow: column nowrap;1196      -ms-flex-flow: column nowrap;1197          flex-flow: column nowrap; }1198  .grid-y > .cell {1199    width: auto;1200    max-width: none; }
Showing the first 1,200 of 6734 lines. Download the file for the rest.