sass-zero 0.0.52 → 0.0.53

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/sass-zero/mixins.scss +0 -8
  3. data/app/assets/stylesheets/sass-zero/utilities/flex.scss +10 -10
  4. data/app/assets/stylesheets/sass-zero/utilities/layout.scss +33 -68
  5. data/app/assets/stylesheets/sass-zero/utilities/pull.scss +6 -15
  6. data/app/assets/stylesheets/sass-zero/utilities/text.scss +5 -0
  7. data/lib/sass/zero/version.rb +1 -1
  8. data/package.json +1 -1
  9. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6610b5da4558e1c7f9b87b7b7801e14ba3bb0b53efd0fc072ab6d375f570a5a7
4
- data.tar.gz: 954783c8989efd9f2c14528650dec68900081039cf2798241b9b7a28c94aceeb
3
+ metadata.gz: ef1878766268af479d4f32219b7c7ba331ab129d10f6b2f96952be33ec0e8ce9
4
+ data.tar.gz: b5bdbde5022b4d28ba7d0f3f1f2a2458f9dfc3cf9ac57d0eccc16061992c2280
5
5
  SHA512:
6
- metadata.gz: 45119907b187ac09dfb64197d29abf2ce803836a06a17e4790c5024699f6217ba1995addded561e88d0b674a7af2142c982c1d74e0a5a436740fe69b08e28861
7
- data.tar.gz: 91f538c4f7ce0cb6d4a2163583351af0dd7bae427aca30657cf79125609b5842b0e567c4ebbb3b51be06f3a6be09036aeb2348021484ce570fd4d23576ed23ae
6
+ metadata.gz: fdbaaae3bfc261ebaa88aa9f093c23cfdbfbb4555f9973b45cb74b2b2978cc642404170c5d3bb7e0d0adbdf972e66e3c079181bed723e05215a8249fd07c2671
7
+ data.tar.gz: e8baebd379c732110fce7c439bfdd7d4bb830c6b3e283b4967b575cfd61c50299e8bb9c8c43e19b9e1bdcd3da68f9298de2865883cf63fe7295389a797acfc79
data/app/assets/stylesheets/sass-zero/mixins.scss CHANGED
@@ -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;
data/app/assets/stylesheets/sass-zero/utilities/flex.scss CHANGED
@@ -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 {
data/app/assets/stylesheets/sass-zero/utilities/layout.scss CHANGED
@@ -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
  }
data/app/assets/stylesheets/sass-zero/utilities/pull.scss CHANGED
@@ -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
  }
data/app/assets/stylesheets/sass-zero/utilities/text.scss CHANGED
@@ -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
  }
data/lib/sass/zero/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "0.0.52"
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.52",
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",
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-zero
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.52
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-18 00:00:00.000000000 Z
11
+ date: 2021-11-20 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description:
14
14
  email: