sass-zero 1.1.4 → 1.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/README.md +4 -4
- data/app/assets/stylesheets/sass-zero/utilities/border.scss +5 -7
- data/app/assets/stylesheets/sass-zero/utilities/layout.scss +1 -2
- data/app/assets/stylesheets/sass-zero/utilities/list.scss +3 -6
- data/app/assets/stylesheets/sass-zero/utilities/pad.scss +3 -2
- data/app/assets/stylesheets/sass-zero/utilities/pull.scss +3 -2
- data/app/assets/stylesheets/sass-zero/utilities/push.scss +3 -2
- data/app/assets/stylesheets/sass-zero/utilities/text.scss +2 -3
- data/lib/sass_zero/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a3cf509aa64335b05e9a666f6c4cc3a6909c795541776e4be028add9358af573
|
|
4
|
+
data.tar.gz: a7e0ac1594a6b248903358290390a48f4398c80ba8e0b9fb8985a9cf2c45db12
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b9fe32c3665d34d8682f58629850273501077bc08b8aa2c1f5037359291d5f9a80a64ab799afb15044912f7acb353bd65c5c94fde2d2969b55edcb6d6006e52a
|
|
7
|
+
data.tar.gz: f022e6d018d963b7e7352c7bc57a61960845b5af3f28965c1b2799d2261ce830e0dc25fc11ab3c39b8ffdb9bb713c080a250765c73f42781770f88c29dd683e9
|
data/Gemfile.lock
CHANGED
data/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# SASS-ZERO
|
|
2
2
|
|
|
3
|
-
SASS-ZERO is a css framework that mixes concepts from [
|
|
3
|
+
SASS-ZERO is a css framework that mixes concepts from [Tailwind CSS](https://tailwindcss.com), [Milligram](https://milligram.io), [BEM](http://getbem.com/naming), [Refactoring UI](https://refactoringui.com/book), and [Shape UP](https://basecamp.com/shapeup).
|
|
4
4
|
|
|
5
5
|
## Installation
|
|
6
6
|
|
|
@@ -95,12 +95,12 @@ Create some stylesheet using [BEM](http://getbem.com/naming) and [SASS-ZERO Vari
|
|
|
95
95
|
|
|
96
96
|
### Visual Studio Code
|
|
97
97
|
|
|
98
|
-
1.
|
|
99
|
-
2.
|
|
98
|
+
1. Copy `.sass-zero-references.scss` to the root of your application.
|
|
99
|
+
2. Install [SCSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss).
|
|
100
100
|
|
|
101
101
|
### Atom/TextMate
|
|
102
102
|
|
|
103
|
-
1.
|
|
103
|
+
1. Copy `.sass-zero-references.scss` to the root of your application.
|
|
104
104
|
|
|
105
105
|
## Development
|
|
106
106
|
|
|
@@ -1,21 +1,19 @@
|
|
|
1
|
-
@import "../variables/border";
|
|
2
|
-
|
|
3
1
|
.border--top {
|
|
4
|
-
border-top-width:
|
|
2
|
+
border-top-width: 1px;
|
|
5
3
|
}
|
|
6
4
|
|
|
7
5
|
.border--bottom {
|
|
8
|
-
border-bottom-width:
|
|
6
|
+
border-bottom-width: 1px;
|
|
9
7
|
}
|
|
10
8
|
|
|
11
9
|
.border--left {
|
|
12
|
-
border-left-width:
|
|
10
|
+
border-left-width: 1px !important;
|
|
13
11
|
}
|
|
14
12
|
|
|
15
13
|
.border--all {
|
|
16
|
-
border-width:
|
|
14
|
+
border-width: 1px !important;
|
|
17
15
|
}
|
|
18
16
|
|
|
19
17
|
.border--round {
|
|
20
|
-
border-radius:
|
|
18
|
+
border-radius: 9999px !important;
|
|
21
19
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@import "../variables/breakpoints";
|
|
2
|
-
@import "../variables/effects";
|
|
3
2
|
|
|
4
3
|
.debug * {
|
|
5
4
|
outline: 1px #f00 solid !important;
|
|
@@ -63,7 +62,7 @@
|
|
|
63
62
|
|
|
64
63
|
.u-disabled {
|
|
65
64
|
pointer-events: none;
|
|
66
|
-
opacity:
|
|
65
|
+
opacity: 0.5;
|
|
67
66
|
}
|
|
68
67
|
|
|
69
68
|
.u-off-screen {
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
-
@import "../variables/sizing";
|
|
2
|
-
@import "../variables/border";
|
|
3
|
-
|
|
4
1
|
.list--unindented {
|
|
5
2
|
padding-left: 1.2em;
|
|
6
3
|
}
|
|
7
4
|
|
|
8
5
|
.list--flush {
|
|
9
|
-
padding-left:
|
|
6
|
+
padding-left: 0;
|
|
10
7
|
}
|
|
11
8
|
|
|
12
9
|
.list--unbulleted {
|
|
13
|
-
padding-left:
|
|
10
|
+
padding-left: 0;
|
|
14
11
|
list-style: none;
|
|
15
12
|
}
|
|
16
13
|
|
|
@@ -20,5 +17,5 @@
|
|
|
20
17
|
}
|
|
21
18
|
|
|
22
19
|
.list--dividers li:not(:last-child) {
|
|
23
|
-
border-bottom-width:
|
|
20
|
+
border-bottom-width: 1px;
|
|
24
21
|
}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import "../variables/sizing";
|
|
2
|
-
|
|
3
1
|
// *******************************************************************
|
|
4
2
|
// Pad Utilities
|
|
5
3
|
// .pad-[xs|sm|md|lg|xl]--top
|
|
@@ -7,6 +5,9 @@
|
|
|
7
5
|
// .pad-[xs|sm|md|lg|xl]--bottom
|
|
8
6
|
// .pad-[xs|sm|md|lg|xl]--left
|
|
9
7
|
// *******************************************************************
|
|
8
|
+
|
|
9
|
+
@import "../variables/sizing";
|
|
10
|
+
|
|
10
11
|
@each $scale, $size in $size-map {
|
|
11
12
|
.pad-#{$scale}--top {
|
|
12
13
|
padding-top: $size !important;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import "../variables/sizing";
|
|
2
|
-
|
|
3
1
|
// *******************************************************************
|
|
4
2
|
// Pull Utilities
|
|
5
3
|
// .pull-[xs|sm|md|lg|xl]--top
|
|
@@ -7,6 +5,9 @@
|
|
|
7
5
|
// .pull-[xs|sm|md|lg|xl]--bottom
|
|
8
6
|
// .pull-[xs|sm|md|lg|xl]--left
|
|
9
7
|
// *******************************************************************
|
|
8
|
+
|
|
9
|
+
@import "../variables/sizing";
|
|
10
|
+
|
|
10
11
|
@each $scale, $size in $size-map {
|
|
11
12
|
.pull-#{$scale}--top {
|
|
12
13
|
margin-top: $size * -1 !important;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import "../variables/sizing";
|
|
2
|
-
|
|
3
1
|
// *******************************************************************
|
|
4
2
|
// Push Utilities
|
|
5
3
|
// .push-[xs|sm|md|lg|xl]
|
|
@@ -10,6 +8,9 @@
|
|
|
10
8
|
// .push-[xs|sm|md|lg|xl]--ends
|
|
11
9
|
// .push-[xs|sm|md|lg|xl]--sides
|
|
12
10
|
// *******************************************************************
|
|
11
|
+
|
|
12
|
+
@import "../variables/sizing";
|
|
13
|
+
|
|
13
14
|
@each $scale, $size in $size-map {
|
|
14
15
|
.push-#{$scale} {
|
|
15
16
|
margin: $size !important;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@import "../variables/typography";
|
|
2
|
-
@import "../variables/sizing";
|
|
3
2
|
@import "../mixins";
|
|
4
3
|
|
|
5
4
|
.txt--normal {
|
|
@@ -48,11 +47,11 @@
|
|
|
48
47
|
}
|
|
49
48
|
|
|
50
49
|
.txt--dimmed {
|
|
51
|
-
opacity:
|
|
50
|
+
opacity: 0.75;
|
|
52
51
|
}
|
|
53
52
|
|
|
54
53
|
.txt--very-dimmed {
|
|
55
|
-
opacity:
|
|
54
|
+
opacity: 0.5;
|
|
56
55
|
}
|
|
57
56
|
|
|
58
57
|
.txt--tight-lines {
|
data/lib/sass_zero/version.rb
CHANGED