shoelace 0.1.5 → 0.1.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +13 -5
- data/app/assets/stylesheets/shoelace.sass +19 -6
- data/lib/shoelace/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0433416bd405818724cc9991387f08355f06320c
|
|
4
|
+
data.tar.gz: 8a34f9edd661e72156831ebe4ef3a366753e3bb3
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b9ab77137578a6599d1285580be1a58574e1c3e38bfb8c8efd51380b61774b57653b34dc8d8fd4ddc2ca155bed7cd319989bfc339406904a85db1fe9d77721f9
|
|
7
|
+
data.tar.gz: 9f8445606a3615b30ad73bd50af65f16ed63c2afcc55928c7cec4378c9fa89ff246614f77b4ccd406cb508e67f573044a8d67d3566e46d4dc40d7507186c3a3d
|
data/README.md
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
# Shoelace
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
TODO: Delete this and the text above, and describe your gem
|
|
3
|
+
CSS Microclasses FTW!
|
|
6
4
|
|
|
7
5
|
## Installation
|
|
8
6
|
|
|
@@ -22,11 +20,21 @@ Or install it yourself as:
|
|
|
22
20
|
|
|
23
21
|
## Usage
|
|
24
22
|
|
|
25
|
-
|
|
23
|
+
Add the following to your app/assets/stylesheets/application.sass
|
|
24
|
+
|
|
25
|
+
```ruby
|
|
26
|
+
@import shoelace
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
Optionally override the following SASS variables
|
|
30
|
+
|
|
31
|
+
`$border-bottom-color: #ddd` - border color of the 'border-bottom' class
|
|
32
|
+
`$big-text-size: 20px` - font size of the 'big-text' class
|
|
33
|
+
`$small-text-size: 12px` - font size of the 'small-text' class
|
|
26
34
|
|
|
27
35
|
## Development
|
|
28
36
|
|
|
29
|
-
After checking out the repo, run `bin/setup` to install dependencies.
|
|
37
|
+
After checking out the repo, run `bin/setup` to install dependencies.
|
|
30
38
|
|
|
31
39
|
To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
|
|
32
40
|
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
@import compass/utilities/general/clearfix
|
|
2
2
|
|
|
3
|
-
$
|
|
3
|
+
$border-bottom-color: #ddd !default
|
|
4
|
+
$big-text-size: 20px !default
|
|
5
|
+
$small-text-size: 12px !default
|
|
4
6
|
|
|
5
7
|
.big-text
|
|
6
|
-
font-size:
|
|
8
|
+
font-size: $big-text-size
|
|
7
9
|
.small-text
|
|
8
|
-
font-size:
|
|
10
|
+
font-size: $small-text-size
|
|
9
11
|
|
|
10
12
|
.padding-5
|
|
11
13
|
padding: 5px
|
|
@@ -14,7 +16,9 @@ $light-border: #ddd !default
|
|
|
14
16
|
.padding-20
|
|
15
17
|
padding: 20px
|
|
16
18
|
.no-margin
|
|
17
|
-
margin
|
|
19
|
+
margin: 0
|
|
20
|
+
.no-padding
|
|
21
|
+
padding: 0
|
|
18
22
|
|
|
19
23
|
.center
|
|
20
24
|
text-align: center
|
|
@@ -31,6 +35,8 @@ $light-border: #ddd !default
|
|
|
31
35
|
|
|
32
36
|
.width-25
|
|
33
37
|
width: 25%
|
|
38
|
+
.width-33
|
|
39
|
+
width: (100% / 3)
|
|
34
40
|
.width-50
|
|
35
41
|
width: 50%
|
|
36
42
|
.width-100
|
|
@@ -38,11 +44,18 @@ $light-border: #ddd !default
|
|
|
38
44
|
|
|
39
45
|
.upper-case
|
|
40
46
|
text-transform: uppercase
|
|
47
|
+
.lower-case
|
|
48
|
+
text-transform: lowercase
|
|
41
49
|
.normal-case
|
|
42
|
-
text-transform:
|
|
50
|
+
text-transform: initial !important
|
|
43
51
|
|
|
44
52
|
.border-bottom
|
|
45
|
-
border-bottom: 1px solid $
|
|
53
|
+
border-bottom: 1px solid $border-bottom-color
|
|
54
|
+
|
|
55
|
+
.ellipsify
|
|
56
|
+
overflow: hidden
|
|
57
|
+
text-overflow: ellipsis
|
|
58
|
+
white-space: nowrap
|
|
46
59
|
|
|
47
60
|
.columns
|
|
48
61
|
+clearfix
|
data/lib/shoelace/version.rb
CHANGED