Packages

torch

1.0.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
5 Dependencies
Dependants
Files
Activity
torch web static css base _grid-settings.sass
Raw

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

@import "../../../../node_modules/bourbon-neat/app/assets/stylesheets/neat-helpers"



$torch-grid-columns     : 12 !default

$torch-gutter           : 30px !default

$torch-container        : 1140px !default

$torch-container_gutter : 30px !default



// Grid

// 1200px

$torch-max-width: $torch-container + $torch-container_gutter * 2 !default

// ((1200px) - (30 * (12 - 1) + 60)) / 12 = 67.5px

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



// main

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

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

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



// secondary

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

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

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



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

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



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

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

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



// combined

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

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