<p>This is still in-progress, but went from ~3000 lines of CSS to ~1900 lines of CSS.  Wanted to merge these changes before getting heavy into theme logic or adding items to the sidebar.</p>

<hr>

<h4>You can merge this Pull Request by running</h4>
<pre>  git pull https://github.com/glamrock/luci-theme-commotion theme-optimization</pre>
<p>Or view, comment on, or merge it at:</p>
<p>  <a href='https://github.com/opentechinstitute/luci-theme-commotion/pull/39'>https://github.com/opentechinstitute/luci-theme-commotion/pull/39</a></p>

<h4>Commit Summary</h4>
<ul>
  <li>logic separation notation</li>
  <li>logic separation notation</li>
  <li>theme architecture comparison</li>
  <li>parent-child separation 1</li>
  <li>parent-child separation 2</li>
  <li>css separation and optimization</li>
  <li>css optimization 2</li>
  <li>bug squishing</li>
  <li>sifting css for bugs</li>
  <li>css parity for mobile and tablets</li>
  <li>additional stylesheet edits</li>
  <li>css fixes and removing extra cruft</li>
  <li>moving files</li>
  <li>css debugging</li>
  <li>needless media query</li>
  <li>ironing out minor errors</li>
  <li>error separation</li>
  <li>cascade</li>
</ul>

<h4>File Changes</h4>
<ul>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-0">basic_commotion_architecture.ep</a>
    (455)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-1">files/htdocs/alerts.css</a>
    (133)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-2">files/htdocs/cascade.css</a>
    (879)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-3">files/htdocs/cascade_old.css</a>
    (1509)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-4">files/htdocs/dashboard.css</a>
    (46)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-5">files/htdocs/redacted.css</a>
    (802)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-6">files/htdocs/sidebar.css</a>
    (4)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-7">files/htdocs/tinycombo.css</a>
    (412)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-8">files/templates/footer.htm</a>
    (7)
  </li>
  <li>
    <strong>M</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-9">files/templates/header.htm</a>
    (36)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-10">files/templates/header.htm~</a>
    (160)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-11">parent-child-structure.ep</a>
    (403)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-12">parent-child-structure.png</a>
    (0)
  </li>
  <li>
    <strong>A</strong>
    <a href="https://github.com/opentechinstitute/luci-theme-commotion/pull/39/files#diff-13">theme_architecture.png</a>
    (0)
  </li>
</ul>

<h4>Patch Links:</h4>
<ul>
  <li><a href='https://github.com/opentechinstitute/luci-theme-commotion/pull/39.patch'>https://github.com/opentechinstitute/luci-theme-commotion/pull/39.patch</a></li>
  <li><a href='https://github.com/opentechinstitute/luci-theme-commotion/pull/39.diff'>https://github.com/opentechinstitute/luci-theme-commotion/pull/39.diff</a></li>
</ul>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href='https://github.com/opentechinstitute/luci-theme-commotion/pull/39'>view it on GitHub</a>.<img src='https://github.com/notifications/beacon/3074564__eyJzY29wZSI6Ik5ld3NpZXM6QmVhY29uIiwiZXhwaXJlcyI6MTcxNjEzNjU3NiwiZGF0YSI6eyJpZCI6MzI1NjMzMDV9fQ==--3c862915b2feca07e79f245b8589d8e80fdb6d67.gif' height='1' width='1'></p>