Sha256: b3a5b0869d4247d8e57391d1c76bf2e9ec7ae041abfee8471005ed0829bdc115

Contents?: true

Size: 1.99 KB

Versions: 30

Compression:

Stored size: 1.99 KB

Contents

// *******************************************************************
// Width
// Variables for setting the width of an element
// width: $w-1-2;
// *******************************************************************
$w-1-2:   50%;
$w-1-3:   33.333333%;
$w-2-3:   66.666667%;
$w-1-4:   25%;
$w-2-4:   50%;
$w-3-4:   75%;
$w-1-5:   20%;
$w-2-5:   40%;
$w-3-5:   60%;
$w-4-5:   80%;
$w-1-6:   16.666667%;
$w-2-6:   33.333333%;
$w-3-6:   50%;
$w-4-6:   66.666667%;
$w-5-6:   83.333333%;
$w-1-12:  8.333333%;
$w-2-12:  16.666667%;
$w-3-12:  25%;
$w-4-12:  33.333333%;
$w-5-12:  41.666667%;
$w-6-12:  50%;
$w-7-12:  58.333333%;
$w-8-12:  66.666667%;
$w-9-12:  75%;
$w-10-12: 83.333333%;
$w-11-12: 91.666667%;

// *******************************************************************
// Min-Width
// Variables for setting the minimum width of an element
// min-width: $min-w-0;
// *******************************************************************
$min-w-0:    0;
$min-w-full: 100%;

// *******************************************************************
// Max-Width
// Variables for setting the maximum width of an element
// max-width: $max-w-xs;
// *******************************************************************
$max-w-xs:   20rem;
$max-w-sm:   24rem;
$max-w-md:   28rem;
$max-w-lg:   32rem;
$max-w-xl:   36rem;
$max-w-2xl:  42rem;
$max-w-3xl:  48rem;
$max-w-4xl:  56rem;
$max-w-5xl:  64rem;
$max-w-6xl:  72rem;
$max-w-full: 100%;
$max-w-none: none;

// *******************************************************************
// Min-Height
// Variables for setting the minimum height of an element
// min-height: $min-h-0;
// *******************************************************************
$min-h-0:      0;
$min-h-full:   100%;
$min-h-screen: 100vh;

// *******************************************************************
// Max-Height
// Variables for setting the maximum height of an element
// max-height: $max-h-full;
// *******************************************************************
$max-h-full:   100%;
$max-h-screen: 100vh;

Version data entries

30 entries across 30 versions & 1 rubygems

Version Path
sass-zero-0.0.37 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.36 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.35 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.34 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.33 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.32 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.31 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.30 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.29 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.28 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.25 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.24 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.23 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.22 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.21 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.20 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.19 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.18 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.17 app/assets/stylesheets/sass-zero/variables/width.scss
sass-zero-0.0.16 app/assets/stylesheets/sass-zero/variables/width.scss