library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-07 21:34:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add xxl (1920px) media query (#965)

Browse Source
This commit is contained in:
Linus Horvath 2022-03-15 00:54:01 +01:00 committed by GitHub
parent 72da9c0f20
commit 7debb3751c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Gruntfile.js
View File

@ -202,7 +202,8 @@ module.exports = function (grunt) {
sm: 'screen and (min-width: 35.5em)', // 568px sm: 'screen and (min-width: 35.5em)', // 568px
md: 'screen and (min-width: 48em)', // 768px md: 'screen and (min-width: 48em)', // 768px
lg: 'screen and (min-width: 64em)', // 1024px lg: 'screen and (min-width: 64em)', // 1024px
xl: 'screen and (min-width: 80em)' // 1280px xl: 'screen and (min-width: 80em)', // 1280px
xxl: 'screen and (min-width: 120em)' // 1920px
} }
} }
} }

6
site/src/pages/grids/index.js
View File

@ -561,6 +561,12 @@ function Grids() {
<td>≥ <b>1280px</b></td> <td>≥ <b>1280px</b></td>
<td><code>.pure-u-<b>xl</b>-*</code></td> <td><code>.pure-u-<b>xl</b>-*</code></td>
</tr> </tr>
<tr>
<td className="highlight"><b><code>xxl</code></b></td>
<td className="mq-table-mq highlight"><code>@media screen and (min-width: 120em)</code></td>
<td>≥ <b>1920px</b></td>
<td><code>.pure-u-<b>xxl</b>-*</code></td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>

6
site/src/pages/start/index.js
View File

@ -148,6 +148,12 @@ function Start() {
<td>≥ <b>1280px</b></td> <td>≥ <b>1280px</b></td>
<td><code>.pure-u-<b>xl</b>-*</code></td> <td><code>.pure-u-<b>xl</b>-*</code></td>
</tr> </tr>
<tr>
<td className="highlight"><b><code>xxl</code></b></td>
<td className="mq-table-mq highlight"><code>@media screen and (min-width: 120em)</code></td>
<td>≥ <b>1920px</b></td>
<td><code>.pure-u-<b>xxl</b>-*</code></td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>

6
site/src/pages/tools/index.js
View File

@ -94,7 +94,8 @@ function Tools() {
sm: 'screen and (min-width: 35.5em)', // 568px sm: 'screen and (min-width: 35.5em)', // 568px
md: 'screen and (min-width: 48em)', // 768px md: 'screen and (min-width: 48em)', // 768px
lg: 'screen and (min-width: 64em)', // 1024px lg: 'screen and (min-width: 64em)', // 1024px
xl: 'screen and (min-width: 80em)' // 1280px xl: 'screen and (min-width: 80em)', // 1280px
xxl: 'screen and (min-width: 120em)' // 1920px
} }
} }
} }
@ -128,7 +129,8 @@ function Tools() {
sm: 'screen and (min-width: 35.5em)', // 568px sm: 'screen and (min-width: 35.5em)', // 568px
md: 'screen and (min-width: 48em)', // 768px md: 'screen and (min-width: 48em)', // 768px
lg: 'screen and (min-width: 64em)', // 1024px lg: 'screen and (min-width: 64em)', // 1024px
xl: 'screen and (min-width: 80em)' // 1280px xl: 'screen and (min-width: 80em)', // 1280px
xxl: 'screen and (min-width: 120em)' // 1920px
} }
})).toString(); })).toString();