sass-zero 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- metadata +4 -62
- data/.gitignore +0 -8
- data/.travis.yml +0 -7
- data/CODE_OF_CONDUCT.md +0 -74
- data/Gemfile +0 -6
- data/Gemfile.lock +0 -26
- data/LICENSE.txt +0 -21
- data/README.md +0 -51
- data/Rakefile +0 -10
- data/bin/console +0 -14
- data/bin/setup +0 -8
- data/lib/sass/zero.rb +0 -8
- data/lib/sass/zero/version.rb +0 -5
- data/sass-zero.gemspec +0 -30
- data/vendor/assets/stylesheets/sass-zero/base.scss +0 -3
- data/vendor/assets/stylesheets/sass-zero/base/breadboard.scss +0 -222
- data/vendor/assets/stylesheets/sass-zero/base/normalize.css +0 -349
- data/vendor/assets/stylesheets/sass-zero/base/preflight.scss +0 -231
- data/vendor/assets/stylesheets/sass-zero/mixins.scss +0 -49
- data/vendor/assets/stylesheets/sass-zero/variables.scss +0 -10
- data/vendor/assets/stylesheets/sass-zero/variables/border.scss +0 -22
- data/vendor/assets/stylesheets/sass-zero/variables/breakpoints.scss +0 -9
- data/vendor/assets/stylesheets/sass-zero/variables/colors.scss +0 -108
- data/vendor/assets/stylesheets/sass-zero/variables/effects.scss +0 -26
- data/vendor/assets/stylesheets/sass-zero/variables/flex.scss +0 -9
- data/vendor/assets/stylesheets/sass-zero/variables/spacing.scss +0 -28
- data/vendor/assets/stylesheets/sass-zero/variables/transform.scss +0 -35
- data/vendor/assets/stylesheets/sass-zero/variables/transition.scss +0 -36
- data/vendor/assets/stylesheets/sass-zero/variables/typography.scss +0 -72
- data/vendor/assets/stylesheets/sass-zero/variables/width.scss +0 -74
- data/vendor/assets/stylesheets/sass-zero/variables/zindex.scss +0 -12
@@ -1,49 +0,0 @@
|
|
1
|
-
// ************************************************
|
2
|
-
// Float
|
3
|
-
// ************************************************
|
4
|
-
@mixin clearfix {
|
5
|
-
&:after {
|
6
|
-
content: "";
|
7
|
-
display: table;
|
8
|
-
clear: both;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
|
12
|
-
// ************************************************
|
13
|
-
// Word Break
|
14
|
-
// ************************************************
|
15
|
-
@mixin break-normal {
|
16
|
-
word-break: normal;
|
17
|
-
overflow-wrap: normal
|
18
|
-
}
|
19
|
-
|
20
|
-
@mixin truncate {
|
21
|
-
overflow: hidden;
|
22
|
-
text-overflow: ellipsis;
|
23
|
-
white-space: nowrap;
|
24
|
-
}
|
25
|
-
|
26
|
-
// ************************************************
|
27
|
-
// Font Smoothing
|
28
|
-
// ************************************************
|
29
|
-
@mixin antialiased {
|
30
|
-
-webkit-font-smoothing: antialiased;
|
31
|
-
-moz-osx-font-smoothing: grayscale;
|
32
|
-
}
|
33
|
-
|
34
|
-
@mixin subpixel-antialiased {
|
35
|
-
-webkit-font-smoothing: auto;
|
36
|
-
-moz-osx-font-smoothing: auto;
|
37
|
-
}
|
38
|
-
|
39
|
-
// ************************************************
|
40
|
-
// Container
|
41
|
-
// ************************************************
|
42
|
-
@mixin make-container($padding, $max-width) {
|
43
|
-
width: 100%;
|
44
|
-
padding-right: $padding;
|
45
|
-
padding-left: $padding;
|
46
|
-
margin-right: auto;
|
47
|
-
margin-left: auto;
|
48
|
-
max-width: $max-width;
|
49
|
-
}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
@import "variables/border";
|
2
|
-
@import "variables/breakpoints";
|
3
|
-
@import "variables/colors";
|
4
|
-
@import "variables/effects";
|
5
|
-
@import "variables/flex";
|
6
|
-
@import "variables/spacing";
|
7
|
-
@import "variables/transition";
|
8
|
-
@import "variables/typography";
|
9
|
-
@import "variables/width";
|
10
|
-
@import "variables/zindex";
|
@@ -1,22 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Border Style
|
3
|
-
// Variables for controlling the style of an element's borders.
|
4
|
-
// border-radius: $rounded-none;
|
5
|
-
// *******************************************************************
|
6
|
-
$rounded-none: 0;
|
7
|
-
$rounded-sm: 0.125rem;
|
8
|
-
$rounded: 0.25rem;
|
9
|
-
$rounded-md: 0.375rem;
|
10
|
-
$rounded-lg: 0.5rem;
|
11
|
-
$rounded-full: 9999px;
|
12
|
-
|
13
|
-
// *******************************************************************
|
14
|
-
// Border Width
|
15
|
-
// Utilities for controlling the width of an element's borders.
|
16
|
-
// border-width: $border;
|
17
|
-
// *******************************************************************
|
18
|
-
$border: 1px;
|
19
|
-
$border-0: 0;
|
20
|
-
$border-2: 2px;
|
21
|
-
$border-4: 4px;
|
22
|
-
$border-8: 8px;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Breakpoints
|
3
|
-
// Customizing the default breakpoints for your project.
|
4
|
-
// @media (min-width: $breakpoint-md) { }
|
5
|
-
// *******************************************************************
|
6
|
-
$breakpoint-sm: 640px;
|
7
|
-
$breakpoint-md: 768px;
|
8
|
-
$breakpoint-lg: 1024px;
|
9
|
-
$breakpoint-xl: 1280px;
|
@@ -1,108 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Default color palette
|
3
|
-
// sass-zero includes a generous palette of great-looking, well-balanced colors that are perfect for prototyping or for kicking off a brand new project.
|
4
|
-
// *******************************************************************
|
5
|
-
$transparent: 'transparent';
|
6
|
-
|
7
|
-
$black: #000;
|
8
|
-
$white: #fff;
|
9
|
-
|
10
|
-
$gray-100: #f7fafc;
|
11
|
-
$gray-200: #edf2f7;
|
12
|
-
$gray-300: #e2e8f0;
|
13
|
-
$gray-400: #cbd5e0;
|
14
|
-
$gray-500: #a0aec0;
|
15
|
-
$gray-600: #718096;
|
16
|
-
$gray-700: #4a5568;
|
17
|
-
$gray-800: #2d3748;
|
18
|
-
$gray-900: #1a202c;
|
19
|
-
|
20
|
-
$red-100: #fff5f5;
|
21
|
-
$red-200: #fed7d7;
|
22
|
-
$red-300: #feb2b2;
|
23
|
-
$red-400: #fc8181;
|
24
|
-
$red-500: #f56565;
|
25
|
-
$red-600: #e53e3e;
|
26
|
-
$red-700: #c53030;
|
27
|
-
$red-800: #9b2c2c;
|
28
|
-
$red-900: #742a2a;
|
29
|
-
|
30
|
-
$orange-100: #fffaf0;
|
31
|
-
$orange-200: #feebc8;
|
32
|
-
$orange-300: #fbd38d;
|
33
|
-
$orange-400: #f6ad55;
|
34
|
-
$orange-500: #ed8936;
|
35
|
-
$orange-600: #dd6b20;
|
36
|
-
$orange-700: #c05621;
|
37
|
-
$orange-800: #9c4221;
|
38
|
-
$orange-900: #7b341e;
|
39
|
-
|
40
|
-
$yellow-100: #fffff0;
|
41
|
-
$yellow-200: #fefcbf;
|
42
|
-
$yellow-300: #faf089;
|
43
|
-
$yellow-400: #f6e05e;
|
44
|
-
$yellow-500: #ecc94b;
|
45
|
-
$yellow-600: #d69e2e;
|
46
|
-
$yellow-700: #b7791f;
|
47
|
-
$yellow-800: #975a16;
|
48
|
-
$yellow-900: #744210;
|
49
|
-
|
50
|
-
$green-100: #f0fff4;
|
51
|
-
$green-200: #c6f6d5;
|
52
|
-
$green-300: #9ae6b4;
|
53
|
-
$green-400: #68d391;
|
54
|
-
$green-500: #48bb78;
|
55
|
-
$green-600: #38a169;
|
56
|
-
$green-700: #2f855a;
|
57
|
-
$green-800: #276749;
|
58
|
-
$green-900: #22543d;
|
59
|
-
|
60
|
-
$teal-100: #e6fffa;
|
61
|
-
$teal-200: #b2f5ea;
|
62
|
-
$teal-300: #81e6d9;
|
63
|
-
$teal-400: #4fd1c5;
|
64
|
-
$teal-500: #38b2ac;
|
65
|
-
$teal-600: #319795;
|
66
|
-
$teal-700: #2c7a7b;
|
67
|
-
$teal-800: #285e61;
|
68
|
-
$teal-900: #234e52;
|
69
|
-
|
70
|
-
$blue-100: #ebf8ff;
|
71
|
-
$blue-200: #bee3f8;
|
72
|
-
$blue-300: #90cdf4;
|
73
|
-
$blue-400: #63b3ed;
|
74
|
-
$blue-500: #4299e1;
|
75
|
-
$blue-600: #3182ce;
|
76
|
-
$blue-700: #2b6cb0;
|
77
|
-
$blue-800: #2c5282;
|
78
|
-
$blue-900: #2a4365;
|
79
|
-
|
80
|
-
$indigo-100: #ebf4ff;
|
81
|
-
$indigo-200: #c3dafe;
|
82
|
-
$indigo-300: #a3bffa;
|
83
|
-
$indigo-400: #7f9cf5;
|
84
|
-
$indigo-500: #667eea;
|
85
|
-
$indigo-600: #5a67d8;
|
86
|
-
$indigo-700: #4c51bf;
|
87
|
-
$indigo-800: #434190;
|
88
|
-
$indigo-900: #3c366b;
|
89
|
-
|
90
|
-
$purple-100: #faf5ff;
|
91
|
-
$purple-200: #e9d8fd;
|
92
|
-
$purple-300: #d6bcfa;
|
93
|
-
$purple-400: #b794f4;
|
94
|
-
$purple-500: #9f7aea;
|
95
|
-
$purple-600: #805ad5;
|
96
|
-
$purple-700: #6b46c1;
|
97
|
-
$purple-800: #553c9a;
|
98
|
-
$purple-900: #44337a;
|
99
|
-
|
100
|
-
$pink-100: #fff5f7;
|
101
|
-
$pink-200: #fed7e2;
|
102
|
-
$pink-300: #fbb6ce;
|
103
|
-
$pink-400: #f687b3;
|
104
|
-
$pink-500: #ed64a6;
|
105
|
-
$pink-600: #d53f8c;
|
106
|
-
$pink-700: #b83280;
|
107
|
-
$pink-800: #97266d;
|
108
|
-
$pink-900: #702459;
|
@@ -1,26 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Box Shadow
|
3
|
-
// Variables for controlling the box shadow of an element.
|
4
|
-
// box-shadow: $shadow;
|
5
|
-
// *******************************************************************
|
6
|
-
$shadow-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
|
7
|
-
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
8
|
-
$shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
9
|
-
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
10
|
-
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
11
|
-
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
12
|
-
$shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
|
13
|
-
$shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
14
|
-
$shadow-outline: 0 0 0 3px rgba(66, 153, 225, 0.5);
|
15
|
-
$shadow-none: none;
|
16
|
-
|
17
|
-
// *******************************************************************
|
18
|
-
// Opacity
|
19
|
-
// Utilities for controlling the opacity of an element.
|
20
|
-
// opacity: $opacity-25;
|
21
|
-
// *******************************************************************
|
22
|
-
$opacity-0: 0;
|
23
|
-
$opacity-25: 0.25;
|
24
|
-
$opacity-50: 0.50;
|
25
|
-
$opacity-75: 0.75;
|
26
|
-
$opacity-100: 1;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Flex
|
3
|
-
// Variables for controlling how flex items both grow and shrink.
|
4
|
-
// flex: $$flex-1;
|
5
|
-
// *******************************************************************
|
6
|
-
$flex-1: 1 1 0%;
|
7
|
-
$flex-auto: 1 1 auto;
|
8
|
-
$flex-initial: 0 1 auto;
|
9
|
-
$flex-none: none;
|
@@ -1,28 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Default spacing scale
|
3
|
-
// By default, Tailwind includes a generous and comprehensive numeric spacing scale.
|
4
|
-
// Use as gap, padding, margin, width, height, transform
|
5
|
-
// *******************************************************************
|
6
|
-
$size-0: 0;
|
7
|
-
$size-1: 0.25rem;
|
8
|
-
$size-2: 0.5rem;
|
9
|
-
$size-3: 0.75rem;
|
10
|
-
$size-4: 1rem;
|
11
|
-
$size-5: 1.25rem;
|
12
|
-
$size-6: 1.5rem;
|
13
|
-
$size-8: 2rem;
|
14
|
-
$size-10: 2.5rem;
|
15
|
-
$size-12: 3rem;
|
16
|
-
$size-16: 4rem;
|
17
|
-
$size-20: 5rem;
|
18
|
-
$size-24: 6rem;
|
19
|
-
$size-32: 8rem;
|
20
|
-
$size-40: 10rem;
|
21
|
-
$size-48: 12rem;
|
22
|
-
$size-56: 14rem;
|
23
|
-
$size-64: 16rem;
|
24
|
-
$size-px: 1px;
|
25
|
-
|
26
|
-
$size-auto: auto;
|
27
|
-
$size-full: 100%;
|
28
|
-
$size-screen: 100vw;
|
@@ -1,35 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Scale
|
3
|
-
// Variables for scaling elements with transform.
|
4
|
-
// transform: scale($scale-0);
|
5
|
-
// *******************************************************************
|
6
|
-
$scale-0: 0;
|
7
|
-
$scale-50: 0.50;
|
8
|
-
$scale-75: 0.75;
|
9
|
-
$scale-90: 0.90;
|
10
|
-
$scale-95: 95;
|
11
|
-
$scale-100: 1;
|
12
|
-
$scale-105: 1.05;
|
13
|
-
$scale-110: 1.10;
|
14
|
-
$scale-125: 1.25;
|
15
|
-
$scale-150: 1.50;
|
16
|
-
|
17
|
-
// *******************************************************************
|
18
|
-
// Rotate
|
19
|
-
// Variables for rotating elements with transform.
|
20
|
-
// transform: rotate($rotate-45);
|
21
|
-
// *******************************************************************
|
22
|
-
$rotate-0: 0;
|
23
|
-
$rotate-45: 45deg;
|
24
|
-
$rotate-90: 90deg;
|
25
|
-
$rotate-180: 180deg;
|
26
|
-
|
27
|
-
// *******************************************************************
|
28
|
-
// Skew
|
29
|
-
// Variables for skewing elements with transform.
|
30
|
-
// transform: skew($skew-3);
|
31
|
-
// *******************************************************************
|
32
|
-
$skew-0: 0;
|
33
|
-
$skew-3: 3deg;
|
34
|
-
$skew-6: 6deg;
|
35
|
-
$skew-12: 12deg;
|
@@ -1,36 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Transition Property
|
3
|
-
// Variables for controlling which CSS properties transition.
|
4
|
-
// transition-property: $transition;
|
5
|
-
// *******************************************************************
|
6
|
-
$transition-none: none;
|
7
|
-
$transition-all: all;
|
8
|
-
$transition: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
|
9
|
-
$transition-colors: background-color, border-color, color, fill, stroke;
|
10
|
-
$transition-opacity: opacity;
|
11
|
-
$transition-shadow: box-shadow;
|
12
|
-
$transition-transform: transform;
|
13
|
-
|
14
|
-
// *******************************************************************
|
15
|
-
// Transition Duration
|
16
|
-
// Variables for controlling the duration of CSS transitions.
|
17
|
-
// transition-duration: $duration-75;
|
18
|
-
// *******************************************************************
|
19
|
-
$duration-75: 75ms;
|
20
|
-
$duration-100: 100ms;
|
21
|
-
$duration-150: 150ms;
|
22
|
-
$duration-200: 200ms;
|
23
|
-
$duration-300: 300ms;
|
24
|
-
$duration-500: 500ms;
|
25
|
-
$duration-700: 700ms;
|
26
|
-
$duration-1000: 1000ms;
|
27
|
-
|
28
|
-
// *******************************************************************
|
29
|
-
// Transition Timing Function
|
30
|
-
// Variables for controlling the easing of CSS transitions.
|
31
|
-
// transition-timing-function: $ease-linear;
|
32
|
-
// *******************************************************************
|
33
|
-
$ease-linear: linear;
|
34
|
-
$ease-in: cubic-bezier(0.4, 0, 1, 1);
|
35
|
-
$ease-out: cubic-bezier(0, 0, 0.2, 1);
|
36
|
-
$ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
@@ -1,72 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Font Family
|
3
|
-
// Variables for controlling the font family of an element.
|
4
|
-
// font-family: $font-sans;
|
5
|
-
// *******************************************************************
|
6
|
-
|
7
|
-
$font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
8
|
-
$font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
|
9
|
-
$font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
10
|
-
|
11
|
-
// *******************************************************************
|
12
|
-
// Font Size
|
13
|
-
// Variables for controlling the font size of an element.
|
14
|
-
// font-size: $text-xs;
|
15
|
-
// *******************************************************************
|
16
|
-
$text-xs: 0.75rem;
|
17
|
-
$text-sm: 0.875rem;
|
18
|
-
$text-base: 1rem;
|
19
|
-
$text-lg: 1.125rem;
|
20
|
-
$text-xl: 1.25rem;
|
21
|
-
$text-2xl: 1.5rem;
|
22
|
-
$text-3xl: 1.875rem;
|
23
|
-
$text-4xl: 2.25rem;
|
24
|
-
$text-5xl: 3rem;
|
25
|
-
$text-6xl: 4rem;
|
26
|
-
|
27
|
-
// *******************************************************************
|
28
|
-
// Font Weight
|
29
|
-
// Variables for controlling the font weight of an element.
|
30
|
-
// font-weight: $font-hairline;
|
31
|
-
// *******************************************************************
|
32
|
-
$font-hairline: 100;
|
33
|
-
$font-thin: 200;
|
34
|
-
$font-light: 200;
|
35
|
-
$font-normal: 400;
|
36
|
-
$font-medium: 500;
|
37
|
-
$font-semibold: 600;
|
38
|
-
$font-bold: 700;
|
39
|
-
$font-extrabold: 800;
|
40
|
-
$font-black: 900;
|
41
|
-
|
42
|
-
// *******************************************************************
|
43
|
-
// Line Height
|
44
|
-
// Variables for controlling the leading (line height) of an element.
|
45
|
-
// line-height: $leading-tight;
|
46
|
-
// *******************************************************************
|
47
|
-
$leading-none: 1;
|
48
|
-
$leading-tight: 1.25;
|
49
|
-
$leading-snug: 1.375;
|
50
|
-
$leading-normal: 1.5;
|
51
|
-
$leading-relaxed: 1.625;
|
52
|
-
$leading-loose: 1.2;
|
53
|
-
$leading-3: .75rem;
|
54
|
-
$leading-4: 1rem;
|
55
|
-
$leading-5: 1.25rem;
|
56
|
-
$leading-6: 1.5rem;
|
57
|
-
$leading-7: 1.75rem;
|
58
|
-
$leading-8: 2rem;
|
59
|
-
$leading-9: 2.25rem;
|
60
|
-
$leading-10: 2.5rem;
|
61
|
-
|
62
|
-
// *******************************************************************
|
63
|
-
// Letter Spacing
|
64
|
-
// Variables for controlling the tracking (letter spacing) of an element.
|
65
|
-
// letter-spacing: $tracking-tighter;
|
66
|
-
// *******************************************************************
|
67
|
-
$tracking-tighter: -0.05em;
|
68
|
-
$tracking-tight: -0.025em;
|
69
|
-
$tracking-normal: 0;
|
70
|
-
$tracking-wide: 0.025em;
|
71
|
-
$tracking-wider: 0.05em;
|
72
|
-
$tracking-widest: 0.1em;
|
@@ -1,74 +0,0 @@
|
|
1
|
-
// *******************************************************************
|
2
|
-
// Width
|
3
|
-
// Variables for setting the width of an element
|
4
|
-
// width: $w-1-2;
|
5
|
-
// *******************************************************************
|
6
|
-
$w-1-2: 50%;
|
7
|
-
$w-1-3: 33.333333%;
|
8
|
-
$w-2-3: 66.666667%;
|
9
|
-
$w-1-4: 25%;
|
10
|
-
$w-2-4: 50%;
|
11
|
-
$w-3-4: 75%;
|
12
|
-
$w-1-5: 20%;
|
13
|
-
$w-2-5: 40%;
|
14
|
-
$w-3-5: 60%;
|
15
|
-
$w-4-5: 80%;
|
16
|
-
$w-1-6: 16.666667%;
|
17
|
-
$w-2-6: 33.333333%;
|
18
|
-
$w-3-6: 50%;
|
19
|
-
$w-4-6: 66.666667%;
|
20
|
-
$w-5-6: 83.333333%;
|
21
|
-
$w-1-12: 8.333333%;
|
22
|
-
$w-2-12: 16.666667%;
|
23
|
-
$w-3-12: 25%;
|
24
|
-
$w-4-12: 33.333333%;
|
25
|
-
$w-5-12: 41.666667%;
|
26
|
-
$w-6-12: 50%;
|
27
|
-
$w-7-12: 58.333333%;
|
28
|
-
$w-8-12: 66.666667%;
|
29
|
-
$w-9-12: 75%;
|
30
|
-
$w-10-12: 83.333333%;
|
31
|
-
$w-11-12: 91.666667%;
|
32
|
-
|
33
|
-
// *******************************************************************
|
34
|
-
// Min-Width
|
35
|
-
// Variables for setting the minimum width of an element
|
36
|
-
// min-width: $min-w-0;
|
37
|
-
// *******************************************************************
|
38
|
-
$min-w-0: 0;
|
39
|
-
$min-w-full: 100%;
|
40
|
-
|
41
|
-
// *******************************************************************
|
42
|
-
// Max-Width
|
43
|
-
// Variables for setting the maximum width of an element
|
44
|
-
// max-width: $max-w-xs;
|
45
|
-
// *******************************************************************
|
46
|
-
$max-w-xs: 20rem;
|
47
|
-
$max-w-sm: 24rem;
|
48
|
-
$max-w-md: 28rem;
|
49
|
-
$max-w-lg: 32rem;
|
50
|
-
$max-w-xl: 36rem;
|
51
|
-
$max-w-2xl: 42rem;
|
52
|
-
$max-w-3xl: 48rem;
|
53
|
-
$max-w-4xl: 56rem;
|
54
|
-
$max-w-5xl: 64rem;
|
55
|
-
$max-w-6xl: 72rem;
|
56
|
-
$max-w-full: 100%;
|
57
|
-
$max-w-none: none;
|
58
|
-
|
59
|
-
// *******************************************************************
|
60
|
-
// Min-Height
|
61
|
-
// Variables for setting the minimum height of an element
|
62
|
-
// min-height: $min-h-0;
|
63
|
-
// *******************************************************************
|
64
|
-
$min-h-0: 0;
|
65
|
-
$min-h-full: 100%;
|
66
|
-
$min-h-screen: 100vh;
|
67
|
-
|
68
|
-
// *******************************************************************
|
69
|
-
// Max-Height
|
70
|
-
// Variables for setting the maximum height of an element
|
71
|
-
// max-height: $max-h-full;
|
72
|
-
// *******************************************************************
|
73
|
-
$max-h-full: 100%;
|
74
|
-
$max-h-screen: 100vh;
|