sass-zero 1.0.15 → 1.0.18
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
- data/.scss-lint.yml +31 -0
- data/Gemfile +2 -0
- data/Gemfile.lock +19 -0
- data/README.md +5 -0
- data/Rakefile +4 -0
- data/app/assets/stylesheets/sass-zero/base/preflight.scss +1 -17
- data/app/assets/stylesheets/sass-zero/breadboard.scss +3 -3
- data/app/assets/stylesheets/sass-zero/utilities/align.scss +5 -1
- data/app/assets/stylesheets/sass-zero/utilities/animation.scss +2 -2
- data/app/assets/stylesheets/sass-zero/utilities/border.scss +17 -0
- data/app/assets/stylesheets/sass-zero/utilities/layout.scss +2 -2
- data/app/assets/stylesheets/sass-zero/utilities/text.scss +4 -13
- data/app/assets/stylesheets/sass-zero/utilities.scss +1 -0
- data/app/assets/stylesheets/sass-zero/variables/effects.scss +1 -1
- data/app/assets/stylesheets/sass-zero/variables/grid.scss +2 -2
- data/app/assets/stylesheets/sass-zero/variables/height.scss +1 -1
- data/lib/sass_zero/version.rb +1 -1
- data/package.json +1 -1
- data/sass-zero.gemspec +1 -4
- metadata +11 -7
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ae0169fa3b0f46ac9ffa776300e30926fbcbe609519d4c8d858f5706f11e134b
|
4
|
+
data.tar.gz: 6ba19424ba23d54ca3188e6b9c3117786e6d049058dd03cd015d16bc7607b208
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 489eb118a0543eb727d53a091ee29fb0fea8b57503ce776cbdb0fd07a7391ada77f3bfe11184db6b07eb7f1389544b363a49fbbd337952d112ff2e5b25b54adf
|
7
|
+
data.tar.gz: f72a5a254c34fc4bb8a3182fe58715d06d52365fea6fbf23425811dc82e40173b3289b663e25ef7c8fca814153c0475c24279fd5ecc0fa5253121281ec803b09
|
data/.scss-lint.yml
ADDED
@@ -0,0 +1,31 @@
|
|
1
|
+
linters:
|
2
|
+
SelectorFormat:
|
3
|
+
enabled: false
|
4
|
+
PropertySortOrder:
|
5
|
+
enabled: false
|
6
|
+
SingleLinePerSelector:
|
7
|
+
enabled: false
|
8
|
+
SingleLinePerProperty:
|
9
|
+
enabled: false
|
10
|
+
SpaceAfterPropertyColon:
|
11
|
+
enabled: false
|
12
|
+
Comment:
|
13
|
+
enabled: false
|
14
|
+
LeadingZero:
|
15
|
+
enabled: false
|
16
|
+
ImportantRule:
|
17
|
+
enabled: false
|
18
|
+
ColorVariable:
|
19
|
+
enabled: false
|
20
|
+
MergeableSelector:
|
21
|
+
enabled: false
|
22
|
+
ZeroUnit:
|
23
|
+
enabled: false
|
24
|
+
VendorPrefix:
|
25
|
+
enabled: false
|
26
|
+
EmptyLineBetweenBlocks:
|
27
|
+
enabled: false
|
28
|
+
PseudoElement:
|
29
|
+
enabled: false
|
30
|
+
StringQuotes:
|
31
|
+
enabled: false
|
data/Gemfile
CHANGED
data/Gemfile.lock
ADDED
data/README.md
CHANGED
@@ -55,6 +55,7 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
|
|
55
55
|
|
56
56
|
- [Align](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/align.scss)
|
57
57
|
- [Animation](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/animation.scss)
|
58
|
+
- [Border](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/border.scss)
|
58
59
|
- [Container](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/container.scss)
|
59
60
|
- [Margin Push](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/push.scss)
|
60
61
|
- [Margin Pull](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/pull.scss)
|
@@ -118,6 +119,10 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
|
|
118
119
|
- [Shape UP](https://basecamp.com/shapeup)
|
119
120
|
- [Boxicons](https://boxicons.com)
|
120
121
|
|
122
|
+
## Development
|
123
|
+
|
124
|
+
To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
|
125
|
+
|
121
126
|
## License
|
122
127
|
|
123
128
|
The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
data/Rakefile
ADDED
@@ -163,6 +163,7 @@ select,
|
|
163
163
|
textarea {
|
164
164
|
font-family: inherit; /* 1 */
|
165
165
|
font-size: 100%; /* 1 */
|
166
|
+
font-weight: inherit; /* 1 */
|
166
167
|
line-height: inherit; /* 1 */
|
167
168
|
color: inherit; /* 1 */
|
168
169
|
margin: 0; /* 2 */
|
@@ -360,20 +361,3 @@ video {
|
|
360
361
|
max-width: 100%;
|
361
362
|
height: auto;
|
362
363
|
}
|
363
|
-
|
364
|
-
/*
|
365
|
-
Ensure the default browser behavior of the `hidden` attribute.
|
366
|
-
*/
|
367
|
-
|
368
|
-
[hidden] {
|
369
|
-
display: none;
|
370
|
-
}
|
371
|
-
|
372
|
-
/**
|
373
|
-
* Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
|
374
|
-
* This sucks because users can't change line-height with a utility on date inputs now.
|
375
|
-
* Reference: https://github.com/twbs/bootstrap/pull/31993
|
376
|
-
*/
|
377
|
-
::-webkit-date-and-time-value {
|
378
|
-
min-height: 1.5em;
|
379
|
-
}
|
@@ -25,7 +25,7 @@ $radius-secondary: $rounded;
|
|
25
25
|
}
|
26
26
|
|
27
27
|
html {
|
28
|
-
accent-color: var(--color-primary);
|
28
|
+
accent-color: var(--color-primary); // scss-lint:disable all
|
29
29
|
background: var(--color-bg--main);
|
30
30
|
color: var(--color-text);
|
31
31
|
font-family: $font-family;
|
@@ -103,7 +103,7 @@ html {
|
|
103
103
|
z-index: $z-10;
|
104
104
|
}
|
105
105
|
|
106
|
-
|
106
|
+
[type="checkbox"], [type="radio"] {
|
107
107
|
transform: scale(1.2, 1.2);
|
108
108
|
margin: $size-1;
|
109
109
|
}
|
@@ -126,7 +126,7 @@ pre {
|
|
126
126
|
border-left-width: $border-4;
|
127
127
|
overflow-y: hidden;
|
128
128
|
|
129
|
-
|
129
|
+
> code {
|
130
130
|
border-radius: $rounded-none;
|
131
131
|
display: block;
|
132
132
|
padding: $size-2 $size-3;
|
@@ -10,6 +10,10 @@
|
|
10
10
|
vertical-align: bottom;
|
11
11
|
}
|
12
12
|
|
13
|
+
.align--text-bottom {
|
14
|
+
vertical-align: text-bottom;
|
15
|
+
}
|
16
|
+
|
13
17
|
.align--left {
|
14
18
|
text-align: left;
|
15
19
|
}
|
@@ -24,5 +28,5 @@
|
|
24
28
|
|
25
29
|
.centered {
|
26
30
|
margin-left: auto;
|
27
|
-
margin-right: auto
|
31
|
+
margin-right: auto;
|
28
32
|
}
|
@@ -50,10 +50,10 @@
|
|
50
50
|
@keyframes bounce {
|
51
51
|
0%, 100% {
|
52
52
|
transform: translateY(-25%);
|
53
|
-
animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
|
53
|
+
animationTimingFunction: cubic-bezier(0.8, 0, 1, 1); // scss-lint:disable all
|
54
54
|
}
|
55
55
|
50% {
|
56
56
|
transform: translateY(0);
|
57
|
-
animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
|
57
|
+
animationTimingFunction: cubic-bezier(0, 0, 0.2, 1); // scss-lint:disable all
|
58
58
|
}
|
59
59
|
}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
@import "../variables/border";
|
2
|
+
|
3
|
+
.border--top {
|
4
|
+
border-top-width: $border;
|
5
|
+
}
|
6
|
+
|
7
|
+
.border--bottom {
|
8
|
+
border-bottom-width: $border;
|
9
|
+
}
|
10
|
+
|
11
|
+
.border--left {
|
12
|
+
border-left-width: $border !important;
|
13
|
+
}
|
14
|
+
|
15
|
+
.border--all {
|
16
|
+
border-width: $border !important;
|
17
|
+
}
|
@@ -19,6 +19,10 @@
|
|
19
19
|
text-transform: uppercase;
|
20
20
|
}
|
21
21
|
|
22
|
+
.txt--spread {
|
23
|
+
letter-spacing: $tracking-widest;
|
24
|
+
}
|
25
|
+
|
22
26
|
.txt--nowrap {
|
23
27
|
white-space: nowrap;
|
24
28
|
}
|
@@ -57,67 +61,54 @@
|
|
57
61
|
|
58
62
|
.txt--xs {
|
59
63
|
font-size: $text-xs;
|
60
|
-
line-height: $leading-4;
|
61
64
|
}
|
62
65
|
|
63
66
|
.txt--sm {
|
64
67
|
font-size: $text-sm;
|
65
|
-
line-height: $leading-5;
|
66
68
|
}
|
67
69
|
|
68
70
|
.txt--md {
|
69
71
|
font-size: $text-base;
|
70
|
-
line-height: $leading-6;
|
71
72
|
}
|
72
73
|
|
73
74
|
.txt--lg {
|
74
75
|
font-size: $text-lg;
|
75
|
-
line-height: $leading-7;
|
76
76
|
}
|
77
77
|
|
78
78
|
.txt--xl {
|
79
79
|
font-size: $text-xl;
|
80
|
-
line-height: $leading-7;
|
81
80
|
}
|
82
81
|
|
83
82
|
.txt--2xl {
|
84
83
|
font-size: $text-2xl;
|
85
|
-
line-height: $leading-8;
|
86
84
|
}
|
87
85
|
|
88
86
|
.txt--3xl {
|
89
87
|
font-size: $text-3xl;
|
90
|
-
line-height: $leading-9;
|
91
88
|
}
|
92
89
|
|
93
90
|
.txt--4xl {
|
94
91
|
font-size: $text-4xl;
|
95
|
-
line-height: $leading-10;
|
96
92
|
}
|
97
93
|
|
98
94
|
.txt--5xl {
|
99
95
|
font-size: $text-5xl;
|
100
|
-
line-height: $leading-none;
|
101
96
|
}
|
102
97
|
|
103
98
|
.txt--6xl {
|
104
99
|
font-size: $text-6xl;
|
105
|
-
line-height: $leading-none;
|
106
100
|
}
|
107
101
|
|
108
102
|
.txt--7xl {
|
109
103
|
font-size: $text-7xl;
|
110
|
-
line-height: $leading-none;
|
111
104
|
}
|
112
105
|
|
113
106
|
.txt--8xl {
|
114
107
|
font-size: $text-8xl;
|
115
|
-
line-height: $leading-none;
|
116
108
|
}
|
117
109
|
|
118
110
|
.txt--9xl {
|
119
111
|
font-size: $text-9xl;
|
120
|
-
line-height: $leading-none;
|
121
112
|
}
|
122
113
|
|
123
114
|
.undecorated {
|
@@ -38,7 +38,7 @@ $opacity-100: 1;
|
|
38
38
|
// Function for creating outline rings with box-shadows.
|
39
39
|
// box-shadow: ring($width: 4px);
|
40
40
|
// *******************************************************************
|
41
|
-
@function ring($width: 2px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false)
|
41
|
+
@function ring($width: 2px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false) {
|
42
42
|
@if $inset {
|
43
43
|
$ring-offset-shadow: inset 0 0 0 $offset-width $offset-color;
|
44
44
|
$ring-shadow: inset 0 0 0 ($width + $offset-width) $color;
|
@@ -35,7 +35,7 @@ $col-span-9: span 9 / span 9;
|
|
35
35
|
$col-span-10: span 10 / span 10;
|
36
36
|
$col-span-11: span 11 / span 11;
|
37
37
|
$col-span-12: span 12 / span 12;
|
38
|
-
$col-span-full: 1 / -1;
|
38
|
+
$col-span-full: calc(1 / -1);
|
39
39
|
|
40
40
|
// *******************************************************************
|
41
41
|
// Grid Template Rows
|
@@ -62,7 +62,7 @@ $row-span-3: span 3 / span 3;
|
|
62
62
|
$row-span-4: span 4 / span 4;
|
63
63
|
$row-span-5: span 5 / span 5;
|
64
64
|
$row-span-6: span 6 / span 6;
|
65
|
-
$row-span-full: 1 / -1;
|
65
|
+
$row-span-full: calc(1 / -1);
|
66
66
|
|
67
67
|
// *******************************************************************
|
68
68
|
// Grid Auto Columns
|
data/lib/sass_zero/version.rb
CHANGED
data/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "sass-zero",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.18",
|
4
4
|
"description": "A CSS framework for rapid UI development based on tailwindcss, miligram and BEM.",
|
5
5
|
"homepage": "https://github.com/lazaronixon/sass-zero",
|
6
6
|
"repository": "lazaronixon/sass-zero",
|
data/sass-zero.gemspec
CHANGED
metadata
CHANGED
@@ -1,16 +1,16 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: sass-zero
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.18
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- lazaronixon
|
8
|
-
autorequire:
|
8
|
+
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-
|
11
|
+
date: 2022-05-31 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
|
-
description:
|
13
|
+
description:
|
14
14
|
email:
|
15
15
|
- lazaronixon@hotmail.com
|
16
16
|
executables: []
|
@@ -19,9 +19,12 @@ extra_rdoc_files: []
|
|
19
19
|
files:
|
20
20
|
- ".github/FUNDING.yml"
|
21
21
|
- ".gitignore"
|
22
|
+
- ".scss-lint.yml"
|
22
23
|
- Example.html
|
23
24
|
- Gemfile
|
25
|
+
- Gemfile.lock
|
24
26
|
- README.md
|
27
|
+
- Rakefile
|
25
28
|
- app/assets/stylesheets/sass-zero/base.scss
|
26
29
|
- app/assets/stylesheets/sass-zero/base/preflight.scss
|
27
30
|
- app/assets/stylesheets/sass-zero/breadboard.scss
|
@@ -29,6 +32,7 @@ files:
|
|
29
32
|
- app/assets/stylesheets/sass-zero/utilities.scss
|
30
33
|
- app/assets/stylesheets/sass-zero/utilities/align.scss
|
31
34
|
- app/assets/stylesheets/sass-zero/utilities/animation.scss
|
35
|
+
- app/assets/stylesheets/sass-zero/utilities/border.scss
|
32
36
|
- app/assets/stylesheets/sass-zero/utilities/container.scss
|
33
37
|
- app/assets/stylesheets/sass-zero/utilities/flex.scss
|
34
38
|
- app/assets/stylesheets/sass-zero/utilities/flush.scss
|
@@ -63,7 +67,7 @@ homepage: http://github.com/lazaronixon/sass-zero
|
|
63
67
|
licenses:
|
64
68
|
- MIT
|
65
69
|
metadata: {}
|
66
|
-
post_install_message:
|
70
|
+
post_install_message:
|
67
71
|
rdoc_options: []
|
68
72
|
require_paths:
|
69
73
|
- lib
|
@@ -78,8 +82,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
78
82
|
- !ruby/object:Gem::Version
|
79
83
|
version: '0'
|
80
84
|
requirements: []
|
81
|
-
rubygems_version: 3.
|
82
|
-
signing_key:
|
85
|
+
rubygems_version: 3.3.7
|
86
|
+
signing_key:
|
83
87
|
specification_version: 4
|
84
88
|
summary: A CSS framework for rapid UI development based on tailwindcss, miligram and
|
85
89
|
BEM.
|