Packages

torch

0.2.0-rc.4
6.0.0 5.6.0 5.5.0 5.4.0 5.3.2 5.3.1 5.2.0 5.1.2 5.1.1 5.1.0 5.0.0 5.0.0-rc.4 5.0.0-rc.3 5.0.0-rc.2 5.0.0-rc.1 5.0.0-rc.0 4.3.2 4.3.1 4.3.0 4.2.1 4.2.0 retired 4.1.0 4.0.0 4.0.0-rc.0 3.9.1 3.9.0 3.8.0 3.7.1 3.7.0-rc.0 3.6.4 3.6.3 3.6.2 3.6.1 3.6.0 3.5.0 3.4.1 3.4.0 3.3.1 3.3.0 3.2.1 3.2.0 3.1.0 3.0.0 2.1.0 2.0.0 2.0.0-rc.3 2.0.0-rc.2 2.0.0-rc.1 1.0.0-rc.6 1.0.0-rc.5 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc.1 0.2.0-rc.5 0.2.0-rc.4 0.2.0-rc.3 0.2.0-rc.2 0.2.0-rc.1 0.1.0

Rapid admin generator for Phoenix

HexDocs

Current section

Files

Jump to
Readme
60 Versions
3 Dependencies
Dependants
Files
Activity
torch web static css base _grid-settings.sass
Raw

web/static/css/base/_grid-settings.sass 

$grid-columns     : 12

$gutter           : 30px

$container        : 1110px

$container_gutter : 30px



// Grid

$max-width: $container + $container_gutter * 2

$column: ($max-width - ($gutter * ($grid-columns - 1) + $container_gutter * 2))/$grid-columns



// main

$desktop: new-breakpoint(min-width 1025px)

$tablet: new-breakpoint(min-width 768px max-width 1024px)

$mobile: new-breakpoint(max-width 767px)



// secondary

$desktop-extra-large: new-breakpoint(min-width 1921px)

$desktop-large: new-breakpoint(min-width 1171px max-width 1920px)

$desktop-small: new-breakpoint(min-width 1025px max-width 1170px)



$tablet-landscape: new-breakpoint(min-width 896px max-width 1024px)

$tablet-portrait: new-breakpoint(min-width 768px max-width 895px)



$mobile-landscape: new-breakpoint(min-width 480px max-width 767px)

$mobile-portrait: new-breakpoint(max-width 479px)

$mobile-small-portrait: new-breakpoint(max-width 380px)



// combined

$desktop-and-tablet: new-breakpoint(min-width 768px)

$tablet-and-mobile: new-breakpoint(max-width 1024px)