dxw style

Grid Layout 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <style>
        .grid-container {
            padding: 10px 0;
            background-color: #6eb7f7;
            text-align: center;
            font-family: monospace;
        }

        .grid-row {
            /*background-color: #a2c7ff;*/
            color: #fff;
            padding-top: 6px;
            border: 2px dashed #fff;
            margin: 1em 0;
        }

        .grid-demo {
            background-color: #3e9ff3;
            margin: 20px 0;

            span {
                display: block;
                padding: 20px 0;
            }
        }
    </style>
    <link media="all" rel="stylesheet" href="../../css/sbc-pattern-library.css">
    <title>dxw -style</title>

</head>

<body>

</body>

</html>
 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <style>
  .grid-container {
    padding: 10px 0;
    background-color: #6eb7f7;
    text-align: center;
    font-family: monospace;
  }
  .grid-row {
    /*background-color: #a2c7ff;*/
    color: #fff;
    padding-top: 6px;
    border: 2px dashed #fff;
    margin: 1em 0;
  }
  .grid-demo {
    background-color: #3e9ff3;
    margin: 20px 0;

    span {
      display: block;
      padding: 20px 0;
    }
  }
  </style>
  <link media="all" rel="stylesheet" href="{{ '/css/sbc-pattern-library.css' | path }}">
  <title>dxw -style</title>


</head>
<body>

  {{ yield }}

</body>
</html>
 
/* No context defined for this component. */

There are no notes for this item.