User:Ganaram inukshuk/Sandbox: Difference between revisions

Ganaram inukshuk (talk | contribs)
Ganaram inukshuk (talk | contribs)
MOS characteristics: More grid testing
Line 3: Line 3:


=== MOS characteristics ===
=== MOS characteristics ===
<div style="  display: grid;
<div style="  display: block;
  grid-template-columns: auto auto auto;
   background-color: #dddddd;
   background-color: #dddddd;
  column-fill: balance;
  column-width: auto;
  column-width: 600px;
   padding: 10px;">
   padding: 10px;">
   <div style=" background-color: rgba(255, 255, 255, 0.8);
   <div style="
  border: 1px solid rgba(0, 0, 0, 0.8);
    position: relative;
  padding: 20px;
    background-color: #eee;
  text-align: left;">{{MOS modes|Scale Signature=5L 2s}}</div>
    display: grid;
   <div style=" background-color: rgba(255, 255, 255, 0.8);
    break-inside: avoid-column;
  border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 1em;
  padding: 20px;">{{MOS intervals|Scale Signature=5L 2s}}</div>
    ">{{MOS modes|Scale Signature=5L 2s}}</div>
   <div style=" background-color: rgba(255, 255, 255, 0.8);
   <div style="
  border: 1px solid rgba(0, 0, 0, 0.8);
    position: relative;
  padding: 20px;>Tamnams suggests the name NAME for this scale, which comes from ORIGIN. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>   
    background-color: #eee;
  <div style=" background-color: rgba(255, 255, 255, 0.8);
    display: grid;
  border: 1px solid rgba(0, 0, 0, 0.8);
    break-inside: avoid-column;
  padding: 20px;
    padding: 1em;
  text-align: center;">4</div>
    ">{{MOS intervals|Scale Signature=5L 2s}}</div>
  <div style=" background-color: rgba(255, 255, 255, 0.8);
   <div style="
  border: 1px solid rgba(0, 0, 0, 0.8);
    position: relative;
  padding: 20px;
    background-color: #eee;
  text-align: center;">5</div>
    display: grid;
   <div style=" background-color: rgba(255, 255, 255, 0.8);
    break-inside: avoid-column;
  border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 1em;
  padding: 20px;
    ">Tamnams suggests the name NAME for this scale, which comes from ORIGIN. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>   
  text-align: center;">6</div>
  <div style="
   <div style=" background-color: rgba(255, 255, 255, 0.8);
    position: relative;
  border: 1px solid rgba(0, 0, 0, 0.8);
    background-color: #eee;
  padding: 20px;
    display: grid;
  text-align: center;">7</div>
    break-inside: avoid-column;
   <div style=" background-color: rgba(255, 255, 255, 0.8);
    padding: 1em;
  border: 1px solid rgba(0, 0, 0, 0.8);
    ">4</div>
  padding: 20px;
  <div style="
  text-align: center;">8</div>
    position: relative;
   <div style=" background-color: rgba(255, 255, 255, 0.8);
    background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.8);
    display: grid;
  padding: 20px;
    break-inside: avoid-column;
  text-align: center;">9</div>
    padding: 1em;
    ">5</div>  <div style="
    position: relative;
    background-color: #eee;
    display: grid;
    break-inside: avoid-column;
    padding: 1em;
    ">6</div>  <div style="
    position: relative;
    background-color: #eee;
    display: grid;
    break-inside: avoid-column;
    padding: 1em;
    ">7</div>  <div style="
    position: relative;
    background-color: #eee;
    display: grid;
    break-inside: avoid-column;
    padding: 1em;
    ">8</div>  <div style="
    position: relative;
    background-color: #eee;
    display: grid;
    break-inside: avoid-column;
    padding: 1em;
    ">9</div>  
</div>
</div>