1. .LayoutViewer {

  2.   padding: 0.25rem;

  3.   border-top: 1px solid var(--color-border);

  4.   font-family: var(--font-family-monospace);

  5.   font-size: var(--font-size-monospace-small);

  6. }

  7. 

  8. .Header {

  9.   font-family: var(--font-family-sans);

  10. }

  11. 

  12. .DashedBox,

  13. .SolidBox {

  14.   flex: 1 1 auto;

  15.   display: flex;

  16.   flex-direction: column;

  17.   align-items: center;

  18.   border-width: 1px;

  19.   border-color: var(--color-dim);

  20.   padding: 0.25rem;

  21.   margin: 0.25rem;

  22. }

  23. .DashedBox {

  24.   border-style: dashed;

  25. }

  26. .SolidBox {

  27.   border-style: solid;

  28. }

  29. 

  30. .LabelRow {

  31.   width: 100%;

  32.   position: relative;

  33.   display: flex;

  34.   align-items: center;

  35.   justify-content: center;

  36. }

  37. 

  38. .Label {

  39.   position: absolute;

  40.   left: 0.5rem;

  41.   flex: 1 0 100px;

  42.   color: var(--color-attribute-name);

  43. }

  44. 

  45. .BoxRow {

  46.   width: 100%;

  47.   display: flex;

  48.   flex-direction: row;

  49.   align-items: center;

  50. }
About Sign Up Leave Feedback Contact