- Yioop Repo - Seekquarry
/ devlog / v10 / 2026-07-17 Phase 5 CSS Foundation and Viewport / IVC-mobile-selector-inventory.html⤓
<!DOCTYPE html>
<html lang="en-US"><head><meta charset="utf-8">
<title>Phase 5.IV.C.1 — .mobile selector inventory</title>
<style>body{font-family:system-ui,sans-serif;max-width:860px;margin:2rem auto;
padding:0 1rem;line-height:1.5;color:#1a1a1a}h2{margin-top:1.6rem;
border-bottom:1px solid #ddd;padding-bottom:.2rem}h3{margin:1rem 0 .3rem}
code{background:#f2f2f2;padding:0 .2em;border-radius:3px}table{border-collapse:
collapse;width:100%}td{border-top:1px solid #eee;padding:.2rem .4rem;
vertical-align:top;font-size:.9em}td.loc{white-space:nowrap;font-family:monospace;
font-size:.8em;color:#555}.n{color:#555}</style></head><body>
<h1>Phase 5.IV.C.1 — the <code>.mobile</code> selector inventory</h1>
<p>Every CSS rule whose selector uses the <code>.mobile</code> body class, the class the head sets from the user-agent sniff. Now that item 23 gives the layout width-based media queries and item 25 always emits the viewport, that sniff-driven class is redundant and C.2 retires it. Each rule is sorted here so the retirement is mechanical.</p>
<p>The sort: a rule that only styles <code>.mobile X</code>, whether or not it overrides a desktop <code>X</code>, <strong>folds</strong> into the existing <code>@media (max-width: 600px)</code> block with the <code>.mobile</code> prefix dropped — the media query already means “narrow screen,” which is what the class stood for. A rule whose selector list also carries a non-mobile sibling that already applies is a <strong>remove</strong>, since the sibling covers it. None here are genuine content markers to keep.</p>
<p class="n">Totals: fold 243, remove 3, keep 0 — 246 rules across four stylesheets (search.css, mail.css, frise.css, messages.css).</p>
<h2>search.css <span class="n">(199 rules: 196 fold, 3 remove)</span></h2>
<h3>remove (a non-mobile sibling already applies)</h3><table>
<tr><td class="loc">~L75</td><td><code>.light-content, .mobile .light-content</code></td></tr>
<tr><td class="loc">~L4251</td><td><code>.mobile .media-controls ul.link-dropdown li, .media-controls ul.popup-dropdown li</code></td></tr>
<tr><td class="loc">~L5785</td><td><code>.html-ltr .impersonation-banner .button-box.impersonation-go, .html-rtl .impersonation-banner .button-box.impersonation-go, .mobile .impersonation-banner .button-box.impersonation-go</code></td></tr>
</table>
<h3>fold into the 600px media query</h3><table>
<tr><td class="loc">~L139</td><td><code>.mobile p</code></td></tr>
<tr><td class="loc">~L144</td><td><code>.mobile pre</code></td></tr>
<tr><td class="loc">~L241</td><td><code>.mobile .indent</code></td></tr>
<tr><td class="loc">~L245</td><td><code>.mobile span.indent1</code></td></tr>
<tr><td class="loc">~L249</td><td><code>.mobile span.indent2</code></td></tr>
<tr><td class="loc">~L253</td><td><code>.mobile span.indent3</code></td></tr>
<tr><td class="loc">~L257</td><td><code>.mobile span.indent4</code></td></tr>
<tr><td class="loc">~L261</td><td><code>.mobile span.indent5</code></td></tr>
<tr><td class="loc">~L327</td><td><code>.mobile .blockquote</code></td></tr>
<tr><td class="loc">~L376</td><td><code>.mobile .small-font</code></td></tr>
<tr><td class="loc">~L380</td><td><code>.mobile .medium-font</code></td></tr>
<tr><td class="loc">~L384</td><td><code>.mobile .big-font</code></td></tr>
<tr><td class="loc">~L388</td><td><code>.mobile .huge-font</code></td></tr>
<tr><td class="loc">~L658</td><td><code>.mobile .very-narrow-field</code></td></tr>
<tr><td class="loc">~L666</td><td><code>.mobile .narrow-field</code></td></tr>
<tr><td class="loc">~L674</td><td><code>.mobile .wide-field</code></td></tr>
<tr><td class="loc">~L682</td><td><code>.mobile .extra-wide-field</code></td></tr>
<tr><td class="loc">~L702</td><td><code>.mobile .tall-text-area</code></td></tr>
<tr><td class="loc">~L764</td><td><code>.mobile .grid-container</code></td></tr>
<tr><td class="loc">~L811</td><td><code>.mobile .grid-resource</code></td></tr>
<tr><td class="loc">~L828</td><td><code>.mobile .grid-resource input</code></td></tr>
<tr><td class="loc">~L857</td><td><code>.mobile #info-item</code></td></tr>
<tr><td class="loc">~L869</td><td><code>.mobile #detail-item</code></td></tr>
<tr><td class="loc">~L911</td><td><code>.mobile .detail-resource</code></td></tr>
<tr><td class="loc">~L923</td><td><code>.mobile .grid-resource img</code></td></tr>
<tr><td class="loc">~L927</td><td><code>.mobile .detail-resource img</code></td></tr>
<tr><td class="loc">~L968</td><td><code>.mobile div[data-badge]::after</code></td></tr>
<tr><td class="loc">~L972</td><td><code>.mobile .badge</code></td></tr>
<tr><td class="loc">~L1136</td><td><code>.mobile .media-detail-description</code></td></tr>
<tr><td class="loc">~L1167</td><td><code>.mobile .medium-text-area</code></td></tr>
<tr><td class="loc">~L1176</td><td><code>.mobile .short-text-area</code></td></tr>
<tr><td class="loc">~L1224</td><td><code>.mobile .top-margin</code></td></tr>
<tr><td class="loc">~L1228</td><td><code>.mobile .top-bottom-margin</code></td></tr>
<tr><td class="loc">~L1232</td><td><code>.mobile .small-top-bottom-margin</code></td></tr>
<tr><td class="loc">~L1279</td><td><code>.mobile .slight-pad</code></td></tr>
<tr><td class="loc">~L1344</td><td><code>body.mobile</code></td></tr>
<tr><td class="loc">~L1368</td><td><code>.mobile .search-body, .mobile .body-container</code></td></tr>
<tr><td class="loc">~L1415</td><td><code>.mobile .top-container</code></td></tr>
<tr><td class="loc">~L1425</td><td><code>.mobile .top-landing-spacer</code></td></tr>
<tr><td class="loc">~L1442</td><td><code>.mobile #message</code></td></tr>
<tr><td class="loc">~L1527</td><td><code>.mobile .bar-item</code></td></tr>
<tr><td class="loc">~L1534</td><td><code>.mobile .wide-bar-item</code></td></tr>
<tr><td class="loc">~L1541</td><td><code>.mobile .group-title-item</code></td></tr>
<tr><td class="loc">~L1546</td><td><code>.mobile .nav-bar</code></td></tr>
<tr><td class="loc">~L1551</td><td><code>.mobile .nav-bar .title-block</code></td></tr>
<tr><td class="loc">~L1556</td><td><code>.mobile .nav-bar h1</code></td></tr>
<tr><td class="loc">~L1562</td><td><code>.mobile .nav-bar .nav-span</code></td></tr>
<tr><td class="loc">~L1567</td><td><code>.mobile .nav-bar img</code></td></tr>
<tr><td class="loc">~L1622</td><td><code>.mobile .menu-options li</code></td></tr>
<tr><td class="loc">~L1630</td><td><code>.mobile .menu-options h2 img</code></td></tr>
<tr><td class="loc">~L1680</td><td><code>.mobile .source-anchor-button</code></td></tr>
<tr><td class="loc">~L1786</td><td><code>:not(.mobile) .resource-more-btn</code></td></tr>
<tr><td class="loc">~L1805</td><td><code>.mobile #clipboard-toggle</code></td></tr>
<tr><td class="loc">~L1872</td><td><code>.mobile .center-container</code></td></tr>
<tr><td class="loc">~L1920</td><td><code>.mobile .small-top</code></td></tr>
<tr><td class="loc">~L1926</td><td><code>.mobile .non-search</code></td></tr>
<tr><td class="loc">~L1943</td><td><code>.mobile .non-search .logo</code></td></tr>
<tr><td class="loc">~L1949</td><td><code>.mobile .test</code></td></tr>
<tr><td class="loc">~L1967</td><td><code>.mobile .request-add, .mobile .group-request-add</code></td></tr>
<tr><td class="loc">~L2015</td><td><code>.mobile .admin-heading</code></td></tr>
<tr><td class="loc">~L2021</td><td><code>.mobile .group-heading</code></td></tr>
<tr><td class="loc">~L2026</td><td><code>.mobile .group-heading span</code></td></tr>
<tr><td class="loc">~L2038</td><td><code>.mobile .landing .logo</code></td></tr>
<tr><td class="loc">~L2060</td><td><code>.mobile .group-comment</code></td></tr>
<tr><td class="loc">~L2064</td><td><code>.mobile .logo img</code></td></tr>
<tr><td class="loc">~L2072</td><td><code>.mobile .admin-heading img</code></td></tr>
<tr><td class="loc">~L2077</td><td><code>.mobile .group-heading img.logo</code></td></tr>
<tr><td class="loc">~L2089</td><td><code>.mobile .landing .logo img</code></td></tr>
<tr><td class="loc">~L2097</td><td><code>.mobile .admin-heading img</code></td></tr>
<tr><td class="loc">~L2111</td><td><code>.mobile .logo span</code></td></tr>
<tr><td class="loc">~L2126</td><td><code>.html-ltr.mobile b.logo-subsearch, .html-rtl.mobile b.logo-subsearch</code></td></tr>
<tr><td class="loc">~L2138</td><td><code>.mobile .logo-subsearch</code></td></tr>
<tr><td class="loc">~L2149</td><td><code>.mobile .admin-heading</code></td></tr>
<tr><td class="loc">~L2156</td><td><code>.mobile .non-search .logo span</code></td></tr>
<tr><td class="loc">~L2164</td><td><code>.mobile .non-search .logo img</code></td></tr>
<tr><td class="loc">~L2180</td><td><code>.mobile .footer-element</code></td></tr>
<tr><td class="loc">~L2191</td><td><code>.mobile .signin-exit</code></td></tr>
<tr><td class="loc">~L2195</td><td><code>.mobile .signin-exit</code></td></tr>
<tr><td class="loc">~L2209</td><td><code>.mobile .signin-exit li</code></td></tr>
<tr><td class="loc">~L2221</td><td><code>.mobile .query-statistics</code></td></tr>
<tr><td class="loc">~L2308</td><td><code>.mobile .login, .mobile .register</code></td></tr>
<tr><td class="loc">~L2316</td><td><code>.mobile .register .table-label</code></td></tr>
<tr><td class="loc">~L2333</td><td><code>.mobile .login button, .mobile .register button</code></td></tr>
<tr><td class="loc">~L2337</td><td><code>.mobile .register select</code></td></tr>
<tr><td class="loc">~L2351</td><td><code>.mobile .user-icon-td</code></td></tr>
<tr><td class="loc">~L2355</td><td><code>.mobile .user-icon</code></td></tr>
<tr><td class="loc">~L2371</td><td><code>.mobile .upload-file</code></td></tr>
<tr><td class="loc">~L2387</td><td><code>.mobile .small-icon</code></td></tr>
<tr><td class="loc">~L2399</td><td><code>.mobile .icon-upload</code></td></tr>
<tr><td class="loc">~L2417</td><td><code>.mobile .statistics</code></td></tr>
<tr><td class="loc">~L2425</td><td><code>.mobile .stats span</code></td></tr>
<tr><td class="loc">~L2432</td><td><code>.mobile .stats img</code></td></tr>
<tr><td class="loc">~L2472</td><td><code>.mobile .search-callout</code></td></tr>
<tr><td class="loc">~L2491</td><td><code>.mobile .news-result img</code></td></tr>
<tr><td class="loc">~L2529</td><td><code>.mobile .news-result, .mobile .result</code></td></tr>
<tr><td class="loc">~L2633</td><td><code>.mobile .page-list-header-footer</code></td></tr>
<tr><td class="loc">~L2648</td><td><code>.mobile .wiki-page-list-result</code></td></tr>
<tr><td class="loc">~L2708</td><td><code>.mobile div.small-group-result, .mobile div.group-result</code></td></tr>
<tr><td class="loc">~L2713</td><td><code>.mobile div.button-group-result</code></td></tr>
<tr><td class="loc">~L2819</td><td><code>.mobile .search-box</code></td></tr>
<tr><td class="loc">~L2824</td><td><code>.mobile .search-box-inner input</code></td></tr>
<tr><td class="loc">~L2829</td><td><code>.mobile .inner-bar .search-box</code></td></tr>
<tr><td class="loc">~L2833</td><td><code>.mobile .inner-bar .search-box-inner</code></td></tr>
<tr><td class="loc">~L2838</td><td><code>.mobile .inner-bar .search-box-inner input</code></td></tr>
<tr><td class="loc">~L2842</td><td><code>.mobile .search-button</code></td></tr>
<tr><td class="loc">~L2846</td><td><code>.mobile .search-reset-button</code></td></tr>
<tr><td class="loc">~L2856</td><td><code>.mobile .button-box img</code></td></tr>
<tr><td class="loc">~L2868</td><td><code>.mobile .search-field</code></td></tr>
<tr><td class="loc">~L2885</td><td><code>.mobile .search-field input[type="search"]</code></td></tr>
<tr><td class="loc">~L2890</td><td><code>.mobile .search-field .button-box</code></td></tr>
<tr><td class="loc">~L2900</td><td><code>.mobile .search-field .button-box img</code></td></tr>
<tr><td class="loc">~L2911</td><td><code>.mobile .small-search-box</code></td></tr>
<tr><td class="loc">~L2916</td><td><code>.mobile .medium-search-box</code></td></tr>
<tr><td class="loc">~L2921</td><td><code>.mobile .large-search-box</code></td></tr>
<tr><td class="loc">~L2926</td><td><code>.mobile .small-search-box .search-input</code></td></tr>
<tr><td class="loc">~L2931</td><td><code>.mobile .medium-search-box .search-input</code></td></tr>
<tr><td class="loc">~L2936</td><td><code>.mobile .large-search-box .search-input</code></td></tr>
<tr><td class="loc">~L3011</td><td><code>.mobile .dropdown</code></td></tr>
<tr><td class="loc">~L3055</td><td><code>.mobile .suggest-list</code></td></tr>
<tr><td class="loc">~L3196</td><td><code>.mobile .video-list, .mobile .image-list</code></td></tr>
<tr><td class="loc">~L3254</td><td><code>.mobile .image-detail</code></td></tr>
<tr><td class="loc">~L3258</td><td><code>.mobile .image-list img</code></td></tr>
<tr><td class="loc">~L3340</td><td><code>.mobile .video-detail</code></td></tr>
<tr><td class="loc">~L3344</td><td><code>.mobile .video-list .video-thumb</code></td></tr>
<tr><td class="loc">~L3348</td><td><code>.mobile .video-play-button</code></td></tr>
<tr><td class="loc">~L3355</td><td><code>.mobile .table-input select</code></td></tr>
<tr><td class="loc">~L3359</td><td><code>.mobile .table-input input</code></td></tr>
<tr><td class="loc">~L3382</td><td><code>.mobile .content</code></td></tr>
<tr><td class="loc">~L3422</td><td><code>.mobile .button-box</code></td></tr>
<tr><td class="loc">~L3468</td><td><code>.mobile .current-activity-header</code></td></tr>
<tr><td class="loc">~L3473</td><td><code>.mobile .wiki</code></td></tr>
<tr><td class="loc">~L3484</td><td><code>.mobile .current-activity-footer</code></td></tr>
<tr><td class="loc">~L3502</td><td><code>.mobile #feedstatus</code></td></tr>
<tr><td class="loc">~L3513</td><td><code>.mobile .current-activity, .mobile .small-margin-current-activity</code></td></tr>
<tr><td class="loc">~L3526</td><td><code>.mobile textarea</code></td></tr>
<tr><td class="loc">~L3551</td><td><code>.mobile .adjacent-button-field</code></td></tr>
<tr><td class="loc">~L3569</td><td><code>.mobile .current-activity select, .mobile .small-margin-current-activity select</code></td></tr>
<tr><td class="loc">~L3580</td><td><code>.mobile .current-activity img, .mobile .small-margin-current-activity img</code></td></tr>
<tr><td class="loc">~L3636</td><td><code>.mobile .media-container .photo</code></td></tr>
<tr><td class="loc">~L3651</td><td><code>.mobile .media-container .photo-container</code></td></tr>
<tr><td class="loc">~L3748</td><td><code>.mobile .admin-form-row</code></td></tr>
<tr><td class="loc">~L3761</td><td><code>.mobile #browse-state, .mobile #browse-state option</code></td></tr>
<tr><td class="loc">~L3882</td><td><code>.mobile .search-sources-table pre</code></td></tr>
<tr><td class="loc">~L3913</td><td><code>.mobile .scrapers-table</code></td></tr>
<tr><td class="loc">~L3918</td><td><code>.mobile .scrapers-table td, .mobile .scrapers-table th</code></td></tr>
<tr><td class="loc">~L3939</td><td><code>.mobile .file-types-table, .mobile .file-types-all td, .mobile .search-page-table, .mobile .search-page-all td</code></td></tr>
<tr><td class="loc">~L4020</td><td><code>.mobile .indexing-plugin-lightbox</code></td></tr>
<tr><td class="loc">~L4025</td><td><code>.mobile .light-content h2</code></td></tr>
<tr><td class="loc">~L4044</td><td><code>.mobile .light-content</code></td></tr>
<tr><td class="loc">~L4152</td><td><code>.mobile .wiki-resources table</code></td></tr>
<tr><td class="loc">~L4156</td><td><code>.mobile .wiki-resources th:first-child</code></td></tr>
<tr><td class="loc">~L4160</td><td><code>.mobile .wiki-resources th:last-child</code></td></tr>
<tr><td class="loc">~L4198</td><td><code>.mobile .ebook-range</code></td></tr>
<tr><td class="loc">~L4203</td><td><code>.mobile .ebook, .mobile .wiki-resource-object</code></td></tr>
<tr><td class="loc">~L4336</td><td><code>.mobile .icon-button-container</code></td></tr>
<tr><td class="loc">~L4344</td><td><code>.mobile .media-buttons-container</code></td></tr>
<tr><td class="loc">~L4353</td><td><code>.mobile .access-result .media-buttons-container</code></td></tr>
<tr><td class="loc">~L4363</td><td><code>.mobile .media-buttons-container a</code></td></tr>
<tr><td class="loc">~L4392</td><td><code>.mobile .media-buttons-container .selected</code></td></tr>
<tr><td class="loc">~L4412</td><td><code>.mobile .search-filter-container, .mobile .filter-container</code></td></tr>
<tr><td class="loc">~L4419</td><td><code>.mobile .search-filter-container input</code></td></tr>
<tr><td class="loc">~L4423</td><td><code>.mobile .filter-container</code></td></tr>
<tr><td class="loc">~L4434</td><td><code>.mobile .search-filter-container input, .mobile .filter-container input</code></td></tr>
<tr><td class="loc">~L4438</td><td><code>.mobile .filter-container input:focus-within</code></td></tr>
<tr><td class="loc">~L4446</td><td><code>.html-ltr.mobile .filter-container input:focus-within, .html-rtl.mobile .filter-container input:focus-within</code></td></tr>
<tr><td class="loc">~L4473</td><td><code>.mobile .media-filter-button</code></td></tr>
<tr><td class="loc">~L4483</td><td><code>.mobile .filter-container input</code></td></tr>
<tr><td class="loc">~L4521</td><td><code>.mobile ul.link-dropdown, .mobile ul.popup-dropdown</code></td></tr>
<tr><td class="loc">~L4640</td><td><code>.mobile .link-dropdown, .mobile .popup-dropdown</code></td></tr>
<tr><td class="loc">~L4674</td><td><code>.mobile .wiki-history-discuss</code></td></tr>
<tr><td class="loc">~L4689</td><td><code>.mobile .upload-box</code></td></tr>
<tr><td class="loc">~L4705</td><td><code>.mobile .media-upload-box</code></td></tr>
<tr><td class="loc">~L4885</td><td><code>.mobile .resource-actions</code></td></tr>
<tr><td class="loc">~L4889</td><td><code>.mobile .list-resource</code></td></tr>
<tr><td class="loc">~L4899</td><td><code>.mobile .list-resource th</code></td></tr>
<tr><td class="loc">~L4903</td><td><code>.mobile .resource-thumb</code></td></tr>
<tr><td class="loc">~L4911</td><td><code>.mobile .view-indicator</code></td></tr>
<tr><td class="loc">~L4922</td><td><code>.mobile .list-resource img</code></td></tr>
<tr><td class="loc">~L4934</td><td><code>.mobile .list-resource img.default-thumb</code></td></tr>
<tr><td class="loc">~L4938</td><td><code>.mobile .list-resource input</code></td></tr>
<tr><td class="loc">~L5140</td><td><code>.mobile .top-adscript</code></td></tr>
<tr><td class="loc">~L5145</td><td><code>.mobile .top-ad-static</code></td></tr>
<tr><td class="loc">~L5150</td><td><code>.mobile .group-ad-static</code></td></tr>
<tr><td class="loc">~L5155</td><td><code>.mobile .top-adscript iframe</code></td></tr>
<tr><td class="loc">~L5207</td><td><code>.mobile .display-ad p</code></td></tr>
<tr><td class="loc">~L5242</td><td><code>.mobile .trending-container</code></td></tr>
<tr><td class="loc">~L5252</td><td><code>.mobile .trending</code></td></tr>
<tr><td class="loc">~L5273</td><td><code>.mobile .trending-float</code></td></tr>
<tr><td class="loc">~L5285</td><td><code>.mobile .trending-table</code></td></tr>
<tr><td class="loc">~L5322</td><td><code>.mobile .trending-footer</code></td></tr>
<tr><td class="loc">~L5335</td><td><code>.mobile .trending-highlight</code></td></tr>
<tr><td class="loc">~L5371</td><td><code>.mobile .feed-highlight</code></td></tr>
<tr><td class="loc">~L5938</td><td><code>.mobile .git-search-field</code></td></tr>
<tr><td class="loc">~L6130</td><td><code>.mobile .git-listing-box</code></td></tr>
<tr><td class="loc">~L6245</td><td><code>.mobile .git-author-col</code></td></tr>
<tr><td class="loc">~L6263</td><td><code>.mobile .wiki-read h1, .mobile .wiki-read h2, .mobile .wiki-read h3, .mobile .wiki-read h4, .mobile .wiki-read h5, .mobile .wiki-read h6</code></td></tr>
</table>
<h2>mail.css <span class="n">(22 rules: 22 fold, 0 remove)</span></h2>
<h3>fold into the 600px media query</h3><table>
<tr><td class="loc">~L221</td><td><code>.mobile .mail-inbox-bulk-destination, .mobile .mail-inbox-bulk-destination-account</code></td></tr>
<tr><td class="loc">~L420</td><td><code>.mobile .mail-message-move-destination</code></td></tr>
<tr><td class="loc">~L585</td><td><code>.mobile .mail-message-toggle-raw, .mobile .mail-dkim-badge-wrap</code></td></tr>
<tr><td class="loc">~L592</td><td><code>.mobile .mail-dkim-badge-wrap</code></td></tr>
<tr><td class="loc">~L640</td><td><code>.mobile .mail-dkim-detail</code></td></tr>
<tr><td class="loc">~L1283</td><td><code>.mobile .mail-back-mobile</code></td></tr>
<tr><td class="loc">~L1312</td><td><code>.mobile .mail-inbox-table th, .mobile .mail-inbox-table td</code></td></tr>
<tr><td class="loc">~L1317</td><td><code>.mobile .mail-filter-wrap</code></td></tr>
<tr><td class="loc">~L1324</td><td><code>.mobile .mail-inbox-heading</code></td></tr>
<tr><td class="loc">~L1328</td><td><code>.mobile .mail-inbox-heading-title</code></td></tr>
<tr><td class="loc">~L1334</td><td><code>.mobile .mail-filter-input</code></td></tr>
<tr><td class="loc">~L1341</td><td><code>.mobile .mail-current-activity .media-buttons-container, .mobile .mail-current-activity .float-opposite</code></td></tr>
<tr><td class="loc">~L1348</td><td><code>.mobile .mail-compose-schedule-popover</code></td></tr>
<tr><td class="loc">~L1359</td><td><code>.mobile .mail-compose-input, .mobile .mail-compose-body, .mobile .mail-filter-input</code></td></tr>
<tr><td class="loc">~L1364</td><td><code>.mobile .mail-alias-list</code></td></tr>
<tr><td class="loc">~L1368</td><td><code>.mobile .mail-alias-form .mail-alias-input</code></td></tr>
<tr><td class="loc">~L1373</td><td><code>.mobile .mail-alias-form .mail-alias-domain</code></td></tr>
<tr><td class="loc">~L1379</td><td><code>.mobile .mail-alias-form .mail-alias-add</code></td></tr>
<tr><td class="loc">~L1383</td><td><code>.mobile #mail-col-from</code></td></tr>
<tr><td class="loc">~L1387</td><td><code>.mobile #mail-col-date</code></td></tr>
<tr><td class="loc">~L1394</td><td><code>.mobile .mail-account-form table, .mobile .mail-account-form tbody, .mobile .mail-account-form tr</code></td></tr>
<tr><td class="loc">~L1400</td><td><code>.mobile .mail-account-form th.table-label, .mobile .mail-account-form td</code></td></tr>
</table>
<h2>frise.css <span class="n">(12 rules: 12 fold, 0 remove)</span></h2>
<h3>fold into the 600px media query</h3><table>
<tr><td class="loc">~L99</td><td><code>.mobile .small-width</code></td></tr>
<tr><td class="loc">~L107</td><td><code>.mobile .medium-width</code></td></tr>
<tr><td class="loc">~L115</td><td><code>.mobile .large-width</code></td></tr>
<tr><td class="loc">~L583</td><td><code>.mobile #main-bar</code></td></tr>
<tr><td class="loc">~L604</td><td><code>.mobile #main-nav button, .mobile #main-bar button</code></td></tr>
<tr><td class="loc">~L829</td><td><code>.mobile table.save-table</code></td></tr>
<tr><td class="loc">~L846</td><td><code>.mobile table.save-table, .mobile table.save-table tr, .mobile table.save-table th, .mobile table.save-table td</code></td></tr>
<tr><td class="loc">~L854</td><td><code>.mobile table.save-table td.save-name</code></td></tr>
<tr><td class="loc">~L859</td><td><code>.mobile #save-disk, .mobile #load-disk</code></td></tr>
<tr><td class="loc">~L934</td><td><code>.mobile x-speaker</code></td></tr>
<tr><td class="loc">~L952</td><td><code>.mobile x-speaker figure:first-of-type</code></td></tr>
<tr><td class="loc">~L964</td><td><code>.mobile x-speaker figure:first-of-type > img</code></td></tr>
</table>
<h2>messages.css <span class="n">(13 rules: 13 fold, 0 remove)</span></h2>
<h3>fold into the 600px media query</h3><table>
<tr><td class="loc">~L4</td><td><code>.mobile .inner-bar h1 span</code></td></tr>
<tr><td class="loc">~L8</td><td><code>.mobile .sub-top-container</code></td></tr>
<tr><td class="loc">~L23</td><td><code>.mobile .messages-container, .mobile .mail-container</code></td></tr>
<tr><td class="loc">~L45</td><td><code>.mobile .user-contacts, .mobile .user-accounts</code></td></tr>
<tr><td class="loc">~L125</td><td><code>.mobile .contact-actions:focus-within button</code></td></tr>
<tr><td class="loc">~L166</td><td><code>.mobile .selected-conversation-header h2</code></td></tr>
<tr><td class="loc">~L204</td><td><code>.mobile #av-call-div</code></td></tr>
<tr><td class="loc">~L219</td><td><code>.mobile #local-av</code></td></tr>
<tr><td class="loc">~L259</td><td><code>.mobile .message-detail-outer</code></td></tr>
<tr><td class="loc">~L345</td><td><code>.mobile #new-message</code></td></tr>
<tr><td class="loc">~L381</td><td><code>.mobile #contact-filter</code></td></tr>
<tr><td class="loc">~L420</td><td><code>.mobile .emoji-picker-container</code></td></tr>
<tr><td class="loc">~L488</td><td><code>.mobile .emoji-group-tab</code></td></tr>
</table>
</body></html>