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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8c5925adc6e996a6977ee2c549b616cf6a8468443a3b13cdc2c8cff1e01e86a6
4
- data.tar.gz: 77d7811259a53c6ee18776ccf10cc333dc735c7c585b23a6b3d81a10259347fb
3
+ metadata.gz: ae0169fa3b0f46ac9ffa776300e30926fbcbe609519d4c8d858f5706f11e134b
4
+ data.tar.gz: 6ba19424ba23d54ca3188e6b9c3117786e6d049058dd03cd015d16bc7607b208
5
5
  SHA512:
6
- metadata.gz: bdef8d62a10e44347adbffef5fcc8358b58d326628c0976947e57ac8c5ab455c63082a1a8539f2b32f5957f8649796b4923442b6de4f2ba7b5d083a5d3ae0d97
7
- data.tar.gz: 0ba83b65d3365d43b5f8ab3b5dfde4df00d5ea6efb701c2e1de6ec286c0c0db9724b4b4436ddffe56eab6e7a0c6161ab4e04bce4f2864289dc633d46e8c3af76
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
@@ -4,3 +4,5 @@ git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
4
4
 
5
5
  # Specify your gem's dependencies in sass-zero.gemspec
6
6
  gemspec
7
+
8
+ gem "rake", "~> 13.0"
data/Gemfile.lock ADDED
@@ -0,0 +1,19 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ sass-zero (1.0.18)
5
+
6
+ GEM
7
+ remote: https://rubygems.org/
8
+ specs:
9
+ rake (13.0.6)
10
+
11
+ PLATFORMS
12
+ x86_64-darwin-21
13
+
14
+ DEPENDENCIES
15
+ rake (~> 13.0)
16
+ sass-zero!
17
+
18
+ BUNDLED WITH
19
+ 2.3.9
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
@@ -0,0 +1,4 @@
1
+ # frozen_string_literal: true
2
+
3
+ require "bundler/gem_tasks"
4
+ task default: %i[]
@@ -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
- input[type="checkbox"], input[type="radio"] {
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
- & > code {
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
+ }
@@ -3,7 +3,7 @@
3
3
  @import "../mixins";
4
4
 
5
5
  .debug * {
6
- outline: 1px red solid !important;
6
+ outline: 1px #f00 solid !important;
7
7
  }
8
8
 
9
9
  .u-display-n {
@@ -51,7 +51,7 @@
51
51
  }
52
52
 
53
53
  .u-full-height {
54
- height: 100%
54
+ height: 100%;
55
55
  }
56
56
 
57
57
  .u-disabled {
@@ -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 {
@@ -1,5 +1,6 @@
1
1
  @import "./utilities/align";
2
2
  @import "./utilities/animation";
3
+ @import "./utilities/border";
3
4
  @import "./utilities/container";
4
5
  @import "./utilities/flex";
5
6
  @import "./utilities/flush";
@@ -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
@@ -20,7 +20,7 @@ $h-3-6: 50%;
20
20
  $h-4-6: 66.666667%;
21
21
  $h-5-6: 83.333333%;
22
22
  $h-full: 100%;
23
- $h-screen: 100vw;
23
+ $h-screen: 100vh;
24
24
  $h-min: min-content;
25
25
  $h-max: max-content;
26
26
  $h-fit: fit-content;
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "1.0.15"
3
+ VERSION = "1.0.18"
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sass-zero",
3
- "version": "1.0.15",
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
@@ -1,7 +1,4 @@
1
-
2
- lib = File.expand_path("../lib", __FILE__)
3
- $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
- require "sass_zero/version"
1
+ require_relative "lib/sass_zero/version"
5
2
 
6
3
  Gem::Specification.new do |spec|
7
4
  spec.name = "sass-zero"
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.15
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-02-14 00:00:00.000000000 Z
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.1.4
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.