sass-zero 1.0.15 → 1.0.18
Sign up to get free protection for your applications and to get access to all the features.
- 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.
|