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.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. metadata +4 -62
  3. data/.gitignore +0 -8
  4. data/.travis.yml +0 -7
  5. data/CODE_OF_CONDUCT.md +0 -74
  6. data/Gemfile +0 -6
  7. data/Gemfile.lock +0 -26
  8. data/LICENSE.txt +0 -21
  9. data/README.md +0 -51
  10. data/Rakefile +0 -10
  11. data/bin/console +0 -14
  12. data/bin/setup +0 -8
  13. data/lib/sass/zero.rb +0 -8
  14. data/lib/sass/zero/version.rb +0 -5
  15. data/sass-zero.gemspec +0 -30
  16. data/vendor/assets/stylesheets/sass-zero/base.scss +0 -3
  17. data/vendor/assets/stylesheets/sass-zero/base/breadboard.scss +0 -222
  18. data/vendor/assets/stylesheets/sass-zero/base/normalize.css +0 -349
  19. data/vendor/assets/stylesheets/sass-zero/base/preflight.scss +0 -231
  20. data/vendor/assets/stylesheets/sass-zero/mixins.scss +0 -49
  21. data/vendor/assets/stylesheets/sass-zero/variables.scss +0 -10
  22. data/vendor/assets/stylesheets/sass-zero/variables/border.scss +0 -22
  23. data/vendor/assets/stylesheets/sass-zero/variables/breakpoints.scss +0 -9
  24. data/vendor/assets/stylesheets/sass-zero/variables/colors.scss +0 -108
  25. data/vendor/assets/stylesheets/sass-zero/variables/effects.scss +0 -26
  26. data/vendor/assets/stylesheets/sass-zero/variables/flex.scss +0 -9
  27. data/vendor/assets/stylesheets/sass-zero/variables/spacing.scss +0 -28
  28. data/vendor/assets/stylesheets/sass-zero/variables/transform.scss +0 -35
  29. data/vendor/assets/stylesheets/sass-zero/variables/transition.scss +0 -36
  30. data/vendor/assets/stylesheets/sass-zero/variables/typography.scss +0 -72
  31. data/vendor/assets/stylesheets/sass-zero/variables/width.scss +0 -74
  32. 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;