sass-zero 0.0.49 → 0.0.53

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