|
|
|
|
@ -1,17 +1,18 @@
|
|
|
|
|
.demo-with-code {
|
|
|
|
|
padding-bottom: 10px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
margin-top: 20px; }
|
|
|
|
|
.demo-with-code .attribute-area {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
margin-bottom: 10px; }
|
|
|
|
|
.demo-with-code .demo-area {
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
}
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
margin-bottom: 1em; }
|
|
|
|
|
.demo-with-code .grid .col {
|
|
|
|
|
background: #ffc9c9;
|
|
|
|
|
border: 1.5px solid #000000; }
|
|
|
|
|
.demo-with-code .large-row .row {
|
|
|
|
|
min-height: 10rem;
|
|
|
|
|
background: #fcdede;
|
|
|
|
|
margin-top: 1rem; }
|
|
|
|
|
.demo-with-code .code-area {
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
font-size: 0.9em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
font-size: 0.9em; }
|
|
|
|
|
|