sass-zero 0.0.49 → 0.0.53

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: 735d48c029ee403ce7aa12d171ff1c9e88d71be82a134e215ba40daf3fcc1c7f
4
- data.tar.gz: b4a1f56ffca33aa9f3d00ea44d9a4fa4ff63173cb7ddb29a3cf04927c2ac4dc9
3
+ metadata.gz: ef1878766268af479d4f32219b7c7ba331ab129d10f6b2f96952be33ec0e8ce9
4
+ data.tar.gz: b5bdbde5022b4d28ba7d0f3f1f2a2458f9dfc3cf9ac57d0eccc16061992c2280
5
5
  SHA512:
6
- metadata.gz: 50e61955a31df64c2afcd4ac926462630f3ff724f5e79fa28d08e83cc44703685580cd887dec5a0e904c7524281eed71c75f4d372e7cbb96e6c6061e1a503bf8
7
- data.tar.gz: ea5215081604df3c141937e5f9fc1556d2483a8a0e4252c3e27d08f873119de1d5c386a4cbf92aebf32d3cee36f446bec3972d52504b0ea00290b2df2850be47
6
+ metadata.gz: fdbaaae3bfc261ebaa88aa9f093c23cfdbfbb4555f9973b45cb74b2b2978cc642404170c5d3bb7e0d0adbdf972e66e3c079181bed723e05215a8249fd07c2671
7
+ data.tar.gz: e8baebd379c732110fce7c439bfdd7d4bb830c6b3e283b4967b575cfd61c50299e8bb9c8c43e19b9e1bdcd3da68f9298de2865883cf63fe7295389a797acfc79
data/README.md CHANGED
@@ -71,7 +71,6 @@ Add this to your application's Gemfile:
71
71
 
72
72
  ```ruby
73
73
  gem 'sass-zero'
74
- gem 'autoprefixer-rails'
75
74
  ```
76
75
 
77
76
  ## Usage
@@ -13,14 +13,6 @@
13
13
  -moz-osx-font-smoothing: auto;
14
14
  }
15
15
 
16
- @mixin clearfix {
17
- &::after {
18
- display: block;
19
- clear: both;
20
- content: "";
21
- }
22
- }
23
-
24
16
  @mixin ellipsis {
25
17
  text-overflow: ellipsis;
26
18
  white-space: nowrap;
@@ -62,6 +54,6 @@
62
54
  width: 100%;
63
55
  padding-right: $padding-x;
64
56
  padding-left: $padding-x;
65
- margin-right: $size-auto;
66
- margin-left: $size-auto;
57
+ margin-right: auto;
58
+ margin-left: auto;
67
59
  }
@@ -2,28 +2,28 @@
2
2
  display: flex;
3
3
  }
4
4
 
5
- .i-flex {
6
- display: inline-flex;
7
- }
8
-
9
5
  .flex--column {
10
6
  flex-direction: column;
11
7
  }
12
8
 
13
- .flex--centered {
14
- justify-content: center;
15
- }
16
-
17
9
  .flex--space-items {
18
10
  justify-content: space-between;
19
11
  }
20
12
 
13
+ .flex--wrap {
14
+ flex-wrap: wrap;
15
+ }
16
+
17
+ .flex--centered {
18
+ justify-content: center;
19
+ }
20
+
21
21
  .flex--align-center {
22
22
  align-items: center;
23
23
  }
24
24
 
25
- .flex--wrap {
26
- flex-wrap: wrap;
25
+ .i-flex {
26
+ display: inline-flex;
27
27
  }
28
28
 
29
29
  .flex-item--grow {
@@ -2,117 +2,82 @@
2
2
  @import "sass-zero/variables/effects";
3
3
  @import "sass-zero/mixins";
4
4
 
5
- .u-full-width {
6
- width: 100%;
7
- }
8
-
9
- .u-full-height {
10
- height:100%
11
- }
12
-
13
- .u-min-width {
14
- min-width: 0;
15
- }
16
-
17
- .u-disabled {
18
- pointer-events: none;
19
- opacity: $opacity-30;
20
- }
21
-
22
- .u-off-screen {
23
- position: absolute;
24
- left: -9999em;
25
- }
26
-
27
- .u-overflow-auto {
28
- overflow: auto;
5
+ .u-display-n {
6
+ display: none !important;
29
7
  }
30
8
 
31
- .u-unscrollable {
32
- overflow: hidden;
9
+ .u-display-b {
10
+ display: block;
33
11
  }
34
12
 
35
13
  .u-display-i {
36
14
  display: inline;
37
15
  }
38
16
 
39
- .u-display-b {
40
- display: block;
41
- }
42
-
43
17
  .u-display-ib {
44
18
  display: inline-block;
45
19
  }
46
20
 
47
- .u-display-n {
48
- display: none !important;
49
- }
50
-
51
21
  .u-visibility-hidden {
52
22
  visibility: hidden;
53
23
  }
54
24
 
55
- .u-pointer-events-n {
56
- pointer-events: none;
25
+ .u-hide {
26
+ display: none;
57
27
  }
58
28
 
59
- .u-margin-centered {
60
- margin-left: auto;
61
- margin-right: auto;
29
+ .u-float-l {
30
+ float: left;
62
31
  }
63
32
 
64
- .u-wrap {
65
- display: block;
33
+ .u-float-r {
34
+ float: right;
66
35
  }
67
36
 
68
37
  .u-nowrap {
69
38
  white-space: nowrap;
70
39
  }
71
40
 
72
- .u-clearfix {
73
- @include clearfix;
74
- }
75
-
76
- .u-float-l {
77
- float: left;
41
+ .u-full-width {
42
+ width: 100%;
78
43
  }
79
44
 
80
- .u-float-r {
81
- float: right;
45
+ .u-min-width {
46
+ min-width: 0;
82
47
  }
83
48
 
84
- .u-float-n {
85
- float: none;
49
+ .u-full-height {
50
+ height: 100%
86
51
  }
87
52
 
88
- .u-float-clear {
89
- clear: both;
53
+ .u-disabled {
54
+ pointer-events: none;
55
+ opacity: $opacity-30;
90
56
  }
91
57
 
92
- .u-float-clear-l {
93
- clear: left;
58
+ .u-off-screen {
59
+ position: absolute;
60
+ left: -9999em;
94
61
  }
95
62
 
96
- .u-float-clear-r {
97
- clear: right;
63
+ .u-overflow-auto {
64
+ overflow: auto;
98
65
  }
99
66
 
100
- .u-hide {
101
- display: none;
67
+ .u-overflow-hidden {
68
+ overflow: hidden;
102
69
  }
103
70
 
104
- .u-hide-focus {
105
- outline: none !important;
106
- }
71
+ @media (min-width: $breakpoint-sm) {
72
+ .u-show--inline\@sm {
73
+ display: inline;
74
+ }
107
75
 
108
- @media (max-width: $breakpoint-md - 1) {
109
- .u-hide\@small {
110
- display: none;
76
+ .u-show\@sm {
77
+ display: block;
111
78
  }
112
- }
113
79
 
114
- @media (min-width: $breakpoint-md) {
115
- .u-hide\@medium {
80
+ .u-hide\@sm {
116
81
  display: none;
117
82
  }
118
83
  }
@@ -5,33 +5,24 @@
5
5
  // $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-4, "lg": $size-6, "xl": $size-8, "2xl": $size-10, "3xl": $size-12);
6
6
  // *******************************************************************
7
7
  @each $scale, $size in $size-map {
8
- .pull-#{$scale} {
9
- margin: -$size !important;
10
- }
11
-
12
8
  .pull-#{$scale}--top {
13
- margin-top: -$size !important;
9
+ margin-top: $size * -1 !important;
14
10
  }
15
11
 
16
12
  .pull-#{$scale}--right {
17
- margin-right: -$size !important;
13
+ margin-right: $size * -1 !important;
18
14
  }
19
15
 
20
16
  .pull-#{$scale}--bottom {
21
- margin-bottom: -$size !important;
17
+ margin-bottom: $size * -1 !important;
22
18
  }
23
19
 
24
20
  .pull-#{$scale}--left {
25
- margin-left: -$size !important;
26
- }
27
-
28
- .pull-#{$scale}--ends {
29
- margin-top: -$size !important;
30
- margin-bottom: -$size !important;
21
+ margin-left: $size * -1 !important;
31
22
  }
32
23
 
33
24
  .pull-#{$scale}--sides {
34
- margin-right: -$size !important;
35
- margin-left: -$size !important;
25
+ margin-right: $size * -1 !important;
26
+ margin-left: $size * -1 !important;
36
27
  }
37
28
  }
@@ -4,6 +4,7 @@
4
4
 
5
5
  .txt--normal {
6
6
  font-weight: $font-normal !important;
7
+ font-style: normal !important;
7
8
  }
8
9
 
9
10
  .txt--bold {
@@ -22,6 +23,10 @@
22
23
  white-space: nowrap;
23
24
  }
24
25
 
26
+ .txt--wrap {
27
+ white-space: normal;
28
+ }
29
+
25
30
  .txt--break-words {
26
31
  word-wrap: break-word;
27
32
  }
@@ -3,6 +3,7 @@
3
3
  // Variables for setting the height of an element
4
4
  // height: $h-1-2;
5
5
  // *******************************************************************
6
+ $h-auto: auto;
6
7
  $h-1-2: 50%;
7
8
  $h-1-3: 33.333333%;
8
9
  $h-2-3: 66.666667%;
@@ -3,17 +3,11 @@
3
3
  // By default, Tailwind includes a generous and comprehensive numeric spacing scale.
4
4
  // Use as padding, margin, width, height, translate, etc...
5
5
  // *******************************************************************
6
- $size-auto: auto;
7
-
8
6
  $size-px: 1px;
9
7
  $size-0: 0px;
10
- $size-0-5: 0.125rem;
11
8
  $size-1: 0.25rem;
12
- $size-1-5: 0.375rem;
13
9
  $size-2: 0.5rem;
14
- $size-2-5: 0.625rem;
15
10
  $size-3: 0.75rem;
16
- $size-3-5: 0.875rem;
17
11
  $size-4: 1rem;
18
12
  $size-5: 1.25rem;
19
13
  $size-6: 1.5rem;
@@ -3,6 +3,7 @@
3
3
  // Variables for setting the width of an element
4
4
  // width: $w-1-2;
5
5
  // *******************************************************************
6
+ $w-auto: auto;
6
7
  $w-1-2: 50%;
7
8
  $w-1-3: 33.333333%;
8
9
  $w-2-3: 66.666667%;
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "0.0.49"
3
+ VERSION = "0.0.53"
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sass-zero",
3
- "version": "0.0.49",
3
+ "version": "0.0.53",
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
@@ -12,7 +12,5 @@ Gem::Specification.new do |spec|
12
12
  spec.homepage = "http://github.com/lazaronixon/sass-zero"
13
13
  spec.license = "MIT"
14
14
 
15
- spec.add_runtime_dependency "autoprefixer-rails", "~> 10.3"
16
-
17
15
  spec.files = `git ls-files -z`.split("\x0")
18
16
  end
metadata CHANGED
@@ -1,29 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.49
4
+ version: 0.0.53
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-11-16 00:00:00.000000000 Z
12
- dependencies:
13
- - !ruby/object:Gem::Dependency
14
- name: autoprefixer-rails
15
- requirement: !ruby/object:Gem::Requirement
16
- requirements:
17
- - - "~>"
18
- - !ruby/object:Gem::Version
19
- version: '10.3'
20
- type: :runtime
21
- prerelease: false
22
- version_requirements: !ruby/object:Gem::Requirement
23
- requirements:
24
- - - "~>"
25
- - !ruby/object:Gem::Version
26
- version: '10.3'
11
+ date: 2021-11-20 00:00:00.000000000 Z
12
+ dependencies: []
27
13
  description:
28
14
  email:
29
15
  - lazaronixon@hotmail.com