Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 05:04:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add new breakpoint, Explain card

Browse Source
This commit is contained in:
Jeremy Thomas
2017-03-14 21:00:58 +00:00
parent 400dc82c40
commit 38d29ca5b0
10 changed files with 125 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
sass/utilities/mixins.sass
View File

@@ -166,17 +166,6 @@
// Responsiveness
$tablet: 769px !default
// 960px container + 40px
$desktop: 1000px !default
// 1152px container + 40
$widescreen: 1192px !default
// 960 and 1152 have been chosen because
// they are divisible by both 12 and 16
=from($device)
@media screen and (min-width: $device)
@content
@@ -212,3 +201,11 @@ $widescreen: 1192px !default
=widescreen
@media screen and (min-width: $widescreen)
@content
=widescreen-only
@media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px)
@content
=fullhd
@media screen and (min-width: $fullhd)
@content

11
sass/utilities/variables.sass
View File

@@ -46,6 +46,17 @@ $weight-bold: 700 !default
$body-background: $white !default
$body-size: 16px !default
// Responsiveness
// 960, 1152, and 1344 have been chosen because
// they are divisible by both 12 and 16
$tablet: 769px !default
// 960px container + 40px
$desktop: 1000px !default
// 1152px container + 40
$widescreen: 1192px !default
// 1344px container + 40
$fullhd: 1384px !default
// Miscellaneous
$easing: ease-out !default
$radius-small: 2px !default