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 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.