sass-zero 0.0.28 → 0.0.29

Sign up to get free protection for your applications and to get access to all the features.
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