sass-zero 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
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;