sass-zero 0.0.28 → 0.0.29

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.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/.github/FUNDING.yml +2 -0
  3. data/README.md +1 -0
  4. data/app/assets/stylesheets/sass-zero/base/breadboard.scss +22 -24
  5. data/app/assets/stylesheets/sass-zero/mixins.scss +1 -6
  6. data/app/assets/stylesheets/sass-zero/utilities/layout.scss +18 -48
  7. data/app/assets/stylesheets/sass-zero/utilities/position.scss +23 -0
  8. data/app/assets/stylesheets/sass-zero/utilities/pull.scss +1 -1
  9. data/app/assets/stylesheets/sass-zero/utilities/text.scss +14 -2
  10. data/app/assets/stylesheets/sass-zero/utilities.scss +1 -0
  11. data/lib/sass/zero/version.rb +1 -1
  12. data/package.json +1 -1
  13. metadata +4 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 12fa3fd06ede4cd2974e4d32d5521769b123332bf8fe7ece2f5db533a0789fa6
4
- data.tar.gz: 98fa2a57b5041525679b3c740ad99a1a2c2a2c63c570955f80e657603706cd92
3
+ metadata.gz: f4d62c85550b8ec021606f0675766752612e3e88747668db96515b96b9fb6ad3
4
+ data.tar.gz: 957e8818bbe81ed706d4a989895369de8c2d070aa91022565f738e343f89f988
5
5
  SHA512:
6
- metadata.gz: d6a9d1cd7b5dabcaef7547be30b907dce3f0b927d9c2941fc6d4fe7d97aa422a36e31f8a149938bed63500d635a474fbc3cc5e1c95bee80e5e4cec3d4fa9bfb6
7
- data.tar.gz: 9bd7b6671f40902708ad4e9bcfc6240128d63fac081f4be4dc8eadd80f9f965eda057a300c320b0a4233c755162149fe560344f667897e7c7b8b327c04982dab
6
+ metadata.gz: ec8ba312b97b35a43052869b1399f93ff44533d3bd1305802034e9ab3699f24375b84907d07eb1fb827ca85ebcd8bd1a3d24056c26a8e4dd6988da85151bb6e1
7
+ data.tar.gz: ac01b28729803f9809c18b0a21681c350386da825712e33042b73d320f5335af82c508754106743e40710b3aee37c98e1520e600f52ec0772a71d4c86b701585
data/.github/FUNDING.yml ADDED
@@ -0,0 +1,2 @@
1
+ custom: ["https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=8F3EJLDJVVPDL&currency_code=BRL&source=url", "twitter.com/lazaronixon"]
2
+ ko_fi: lazaronixon
data/README.md CHANGED
@@ -57,6 +57,7 @@ Developers should be able to produce your own design, [Refactoring UI](https://r
57
57
  - [Text Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/text.scss)
58
58
  - [Layout Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/layout.scss)
59
59
  - [Flex Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/flex.scss)
60
+ - [Position Utilities](https://github.com/lazaronixon/sass-zero/blob/master/app/assets/stylesheets/sass-zero/utilities/position.scss)
60
61
 
61
62
  ## Installation
62
63
 
data/app/assets/stylesheets/sass-zero/base/breadboard.scss CHANGED
@@ -6,12 +6,6 @@ html {
6
6
  font-size: 16px;
7
7
  }
8
8
 
9
- @media (max-width: $breakpoint-md - 1) {
10
- html {
11
- font-size: 14px;
12
- }
13
- }
14
-
15
9
  blockquote {
16
10
  border-left-width: $border-4;
17
11
  padding: $size-3 $size-4;
@@ -25,15 +19,15 @@ blockquote {
25
19
  background-color: $white;
26
20
  border-radius: $rounded;
27
21
  border-width: $border;
28
- color: inherit;
22
+ color: $breadboard-color;
29
23
  display: inline-block;
30
- font-weight: $font-medium;
24
+ font-weight: $font-bold;
31
25
  padding: $size-2 $size-4;
32
26
  text-align: center;
33
27
  cursor: pointer;
34
28
 
35
- &:disabled {
36
- cursor: default;
29
+ &:disabled, &.disabled {
30
+ pointer-events: none;
37
31
  opacity: $opacity-50;
38
32
  }
39
33
 
@@ -62,24 +56,24 @@ blockquote {
62
56
  }
63
57
 
64
58
  code {
65
- background-color: $breadboard-background;
59
+ background-color: $breadboard-background;
66
60
  border-radius: $rounded;
67
- font-size: $text-sm;
68
- margin: 0 $size-1;
69
- padding: $size-1 $size-2;
70
- white-space: nowrap;
61
+ font-size: $text-sm;
62
+ margin: 0 $size-1;
63
+ padding: $size-1 $size-2;
64
+ white-space: nowrap;
71
65
  }
72
66
 
73
67
  pre {
74
- background-color: $breadboard-background;
68
+ background-color: $breadboard-background;
75
69
  border-color: $breadboard-primary;
76
- border-left-width: $border-4;
77
- overflow-y: hidden;
70
+ border-left-width: $border-4;
71
+ overflow-y: hidden;
78
72
 
79
- & > code {
73
+ & > code {
80
74
  border-radius: $rounded-none;
81
- display: block;
82
- padding: $size-2 $size-3;
75
+ display: block;
76
+ padding: $size-2 $size-3;
83
77
  white-space: pre;
84
78
  }
85
79
  }
@@ -114,7 +108,7 @@ hr {
114
108
  label, legend {
115
109
  display: block;
116
110
  margin-bottom: $size-1;
117
- font-weight: $font-medium
111
+ font-weight: $font-bold;
118
112
  }
119
113
 
120
114
  .checkbox, .radio {
@@ -122,7 +116,7 @@ label, legend {
122
116
  background-origin: border-box;
123
117
  border-width: $border;
124
118
  color: $breadboard-primary;
125
- display: inline-block;
119
+ display: inline-block;
126
120
  margin-bottom: -0.2rem;
127
121
  height: $size-4;
128
122
  width: $size-4;
@@ -171,7 +165,7 @@ ul {
171
165
  list-style: disc inside;
172
166
  }
173
167
 
174
- h1, h2, h3, h4, h5, h6 {
168
+ h1, h2, h3, h4, h5, h6, .hdg {
175
169
  margin-bottom: $size-2;
176
170
  }
177
171
 
@@ -243,6 +237,10 @@ main {
243
237
  }
244
238
 
245
239
  @media (max-width: $breakpoint-md - 1) {
240
+ html {
241
+ font-size: 14px;
242
+ }
243
+
246
244
  main {
247
245
  padding-right: $size-2;
248
246
  padding-left: $size-2;
data/app/assets/stylesheets/sass-zero/mixins.scss CHANGED
@@ -1,9 +1,4 @@
1
- @mixin break-normal {
2
- word-break: normal;
3
- overflow-wrap: normal
4
- }
5
-
6
- @mixin truncate {
1
+ @mixin ellipsis {
7
2
  overflow: hidden;
8
3
  text-overflow: ellipsis;
9
4
  white-space: nowrap;
data/app/assets/stylesheets/sass-zero/utilities/layout.scss CHANGED
@@ -1,32 +1,6 @@
1
1
  @import "sass-zero/variables";
2
2
  @import "sass-zero/mixins";
3
3
 
4
- .u-position-context {
5
- position: relative;
6
- }
7
-
8
- .u-position-right {
9
- position: absolute;
10
- right: 0;
11
- }
12
-
13
- .u-position-left {
14
- position: absolute;
15
- left: 0;
16
- }
17
-
18
- .u-position--bottom-right {
19
- position: absolute;
20
- bottom: 0;
21
- right: 0;
22
- }
23
-
24
- .u-position--top-right {
25
- position: absolute;
26
- top: 0;
27
- right: 0;
28
- }
29
-
30
4
  .u-full-width {
31
5
  width: 100%;
32
6
  }
@@ -56,22 +30,6 @@
56
30
  margin-left: auto;
57
31
  }
58
32
 
59
- @media (min-width: $breakpoint-md) {
60
- .u-wrap-on-desktop {
61
- display: block;
62
- }
63
- }
64
-
65
- @media (max-width: $breakpoint-md - 1) {
66
- .u-wrap-on-mobile {
67
- display: block;
68
- }
69
- }
70
-
71
- .u-nowrap {
72
- white-space: nowrap;
73
- }
74
-
75
33
  .u-float-l {
76
34
  float: left;
77
35
  }
@@ -96,12 +54,6 @@
96
54
  clear: right;
97
55
  }
98
56
 
99
- @media (max-width: $breakpoint-md - 1) {
100
- .u-float-n-on-mobile {
101
- float: none;
102
- }
103
- }
104
-
105
57
  .u-hide {
106
58
  display: none;
107
59
  }
@@ -111,13 +63,31 @@
111
63
  }
112
64
 
113
65
  @media (max-width: $breakpoint-md - 1) {
66
+ .u-wrap-on-mobile {
67
+ display: block;
68
+ }
69
+
114
70
  .u-hide-on-media-small {
115
71
  display: none;
116
72
  }
73
+
74
+ .u-float-n-on-mobile {
75
+ float: none;
76
+ }
117
77
  }
118
78
 
119
79
  @media (min-width: $breakpoint-md) {
80
+ .u-wrap-on-desktop {
81
+ display: block;
82
+ }
83
+
120
84
  .u-hide-on-media-medium {
121
85
  display: none;
122
86
  }
123
87
  }
88
+
89
+ @media print {
90
+ .u-no-print {
91
+ display: none !important;
92
+ }
93
+ }
data/app/assets/stylesheets/sass-zero/utilities/position.scss ADDED
@@ -0,0 +1,23 @@
1
+ .position {
2
+ position: absolute;
3
+
4
+ &--right {
5
+ right: 0;
6
+ }
7
+
8
+ &--left {
9
+ left: 0;
10
+ }
11
+
12
+ &--top {
13
+ top: 0;
14
+ }
15
+
16
+ &--bottom {
17
+ bottom: 0;
18
+ }
19
+ }
20
+
21
+ .position-context {
22
+ position: relative;
23
+ }
data/app/assets/stylesheets/sass-zero/utilities/pull.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  // *******************************************************************
4
4
  // Pull Utilities
5
- // $size-map: ("xs": $size-1, "sm": $size-2, "md": $size-3, "lg": $size-4, "xl": $size-5, "2xl": $size-6);
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
8
  .pull-#{$scale} {
data/app/assets/stylesheets/sass-zero/utilities/text.scss CHANGED
@@ -30,8 +30,20 @@
30
30
  font-size: $text-3xl;
31
31
  }
32
32
 
33
- &--truncate {
34
- @include truncate;
33
+ &--nowrap {
34
+ white-space: nowrap;
35
+ }
36
+
37
+ &--break-words {
38
+ word-wrap: break-word;
39
+ }
40
+
41
+ &--break-all {
42
+ word-break: break-all;
43
+ }
44
+
45
+ &--ellipsis {
46
+ @include ellipsis;
35
47
  }
36
48
 
37
49
  &--highlight {
data/app/assets/stylesheets/sass-zero/utilities.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @import "sass-zero/utilities/flex";
2
2
  @import "sass-zero/utilities/flush";
3
3
  @import "sass-zero/utilities/layout";
4
+ @import "sass-zero/utilities/position";
4
5
  @import "sass-zero/utilities/pull";
5
6
  @import "sass-zero/utilities/push";
6
7
  @import "sass-zero/utilities/text";
data/lib/sass/zero/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Sass
2
2
  module Zero
3
- VERSION = "0.0.28"
3
+ VERSION = "0.0.29"
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.28",
3
+ "version": "0.0.29",
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.28
4
+ version: 0.0.29
5
5
  platform: ruby
6
6
  authors:
7
7
  - lazaronixon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2020-05-01 00:00:00.000000000 Z
11
+ date: 2020-05-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: autoprefixer-rails
@@ -31,6 +31,7 @@ executables: []
31
31
  extensions: []
32
32
  extra_rdoc_files: []
33
33
  files:
34
+ - ".github/FUNDING.yml"
34
35
  - ".gitignore"
35
36
  - Example.html
36
37
  - Gemfile
@@ -45,6 +46,7 @@ files:
45
46
  - app/assets/stylesheets/sass-zero/utilities/flex.scss
46
47
  - app/assets/stylesheets/sass-zero/utilities/flush.scss
47
48
  - app/assets/stylesheets/sass-zero/utilities/layout.scss
49
+ - app/assets/stylesheets/sass-zero/utilities/position.scss
48
50
  - app/assets/stylesheets/sass-zero/utilities/pull.scss
49
51
  - app/assets/stylesheets/sass-zero/utilities/push.scss
50
52
  - app/assets/stylesheets/sass-zero/utilities/text.scss