concisecss 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +24 -10
- data/Rakefile +1 -1
- data/app/assets/stylesheets/generic/_mixins.scss +85 -85
- data/lib/concisecss/concisecss_source.rb +17 -8
- data/lib/concisecss/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1c128805891632c45a18690001d9eee0aadb1e04
|
|
4
|
+
data.tar.gz: 46d6f858c4edb91ba35683740b5605b368f4a3bd
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9969bd872829a9b3bc1087e066d693348b56ab2ceeee3ec91f3592f313fa9b0a62df27cb5ed153819aa97b7c2f6bab6e6526aa5ddc4640138bf8f3fa18cc95c1
|
|
7
|
+
data.tar.gz: 1706edfaf8fbc7fca4f8ee047aa3e91fb320bcde1a135e6901ab12de96c173502d03eba29fdc1cf0d1ede8cd2f9918af8583c9e690fd3c3a382a955ba183020a
|
data/README.md
CHANGED
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
[<img src="http://i.imgur.com/4t1ClRx.png">](http://concisecss.com/)
|
|
2
|
+
===========
|
|
3
|
+
[](http://badge.fury.io/rb/concisecss)
|
|
4
|
+
[](https://gitter.im/concisecss)
|
|
5
|
+
[](https://facebook.com/ConciseCSS)
|
|
6
|
+
[](https://twitter.com/ConciseCSS)
|
|
7
|
+
[](https://plus.google.com/103423710089455112688)
|
|
2
8
|
|
|
3
9
|
Concise is a lightweight front-end framework that provides a number of great features without the bloat. Concise is built based on Object-Oriented CSS principles and keeps semantics in mind to provide a small learning curve but high level of customization.
|
|
4
10
|
|
|
@@ -16,9 +22,6 @@ Or install it yourself as:
|
|
|
16
22
|
|
|
17
23
|
$ gem install concisecss
|
|
18
24
|
|
|
19
|
-
## Documentation
|
|
20
|
-
Check out concisecss documentation here: http://concisecss.com/documentation
|
|
21
|
-
|
|
22
25
|
## Usage
|
|
23
26
|
|
|
24
27
|
Not every single project you are working needs all the ConciseCss javascripts files , you will need to update application.js with the files you need
|
|
@@ -35,10 +38,21 @@ To add the css just require
|
|
|
35
38
|
*= require concise
|
|
36
39
|
```
|
|
37
40
|
|
|
38
|
-
##
|
|
41
|
+
## Documentation
|
|
42
|
+
What would a project be without gread documentation? Concise has documentation for everything that is included in the framework. If you see something that is missing or incorrect, don't hesitate to open up an issue on our GitHub repo.
|
|
43
|
+
|
|
44
|
+
Check out our documentation here: [http://concisecss.com/documentation](http://concisecss.com/documentation)
|
|
45
|
+
|
|
46
|
+
### Changelog
|
|
47
|
+
|
|
48
|
+
You can keep up-to-date with the changes that we have made via our [releases page](https://github.com/ConciseCSS/concise.css-gem/releases).
|
|
49
|
+
|
|
50
|
+
Versioning
|
|
51
|
+
-------------
|
|
52
|
+
|
|
53
|
+
Concise is currently maintained under the [Semantic Versioning guidelines](http://semver.org/).
|
|
54
|
+
|
|
55
|
+
License
|
|
56
|
+
-------------
|
|
39
57
|
|
|
40
|
-
|
|
41
|
-
2. Create your feature branch (`git checkout -b my-new-feature`)
|
|
42
|
-
3. Commit your changes (`git commit -am 'Add some feature'`)
|
|
43
|
-
4. Push to the branch (`git push origin my-new-feature`)
|
|
44
|
-
5. Create new Pull Request
|
|
58
|
+
Code and documentation copyright 2014 Keenan Payne. Code released under the [MIT license](https://github.com/ConciseCSS/concise.css/blob/master/LICENSE). Documentation released under [Creative Commons](http://creativecommons.org/licenses/by-sa/4.0/).
|
data/Rakefile
CHANGED
|
@@ -1,122 +1,122 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Passing in a single value will create font-sizing in
|
|
2
|
+
// Passing in a single value will create font-sizing in
|
|
3
3
|
// pixels, rems as well as a proper line-height.
|
|
4
|
-
//
|
|
4
|
+
//
|
|
5
5
|
// `@include font-size(24px);`
|
|
6
|
-
//
|
|
7
|
-
//
|
|
6
|
+
//
|
|
7
|
+
//
|
|
8
8
|
@mixin font-size($font-size, $line-height:true) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
font-size: $font-size;
|
|
10
|
+
font-size: ($font-size / $base-font-size) * 1rem;
|
|
11
|
+
|
|
12
|
+
@if $line-height == true {
|
|
13
|
+
line-height: ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
|
|
14
|
+
}
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
//
|
|
19
|
-
// Proper vendor prefixes are created just by
|
|
18
|
+
//
|
|
19
|
+
// Proper vendor prefixes are created just by
|
|
20
20
|
// passing a property value and size value.
|
|
21
|
-
//
|
|
21
|
+
//
|
|
22
22
|
// `@include vendor(border-radius, 4px);`
|
|
23
|
-
//
|
|
24
|
-
//
|
|
23
|
+
//
|
|
24
|
+
//
|
|
25
25
|
@mixin vendor($property, $value...) {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
-webkit-#{$property}: $value;
|
|
27
|
+
-moz-#{$property}: $value;
|
|
28
|
+
-ms-#{$property}: $value;
|
|
29
|
+
-o-#{$property}: $value;
|
|
30
|
+
#{$property}: $value;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
//
|
|
35
|
-
// By passing in one of the pre-defined media queries that
|
|
36
|
-
// are packaged with Concise by default, you can easily
|
|
37
|
-
// create styles that are built from the ground-up to be
|
|
35
|
+
// By passing in one of the pre-defined media queries that
|
|
36
|
+
// are packaged with Concise by default, you can easily
|
|
37
|
+
// create styles that are built from the ground-up to be
|
|
38
38
|
// mobile friendly.
|
|
39
|
-
//
|
|
39
|
+
//
|
|
40
40
|
// `@include breakpoint(extra-small) { [styles here] }`
|
|
41
|
-
//
|
|
42
|
-
//
|
|
41
|
+
//
|
|
42
|
+
//
|
|
43
43
|
@mixin breakpoint($point) {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
44
|
+
@if $point == extra-small {
|
|
45
|
+
@media (min-width: $extra-small-start) { @content; }
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@else if $point == small {
|
|
49
|
+
@media (min-width: $small-start) { @content; }
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@else if $point == medium {
|
|
53
|
+
@media (min-width: $medium-start) { @content; }
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@else if $point == large {
|
|
57
|
+
@media (min-width: $large-start) { @content; }
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
@else if $point == extra-large {
|
|
61
|
+
@media (min-width: $extra-large-start) { @content; }
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@else if $point == high-density {
|
|
65
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|
66
|
+
only screen and (min--moz-device-pixel-ratio: 1.5),
|
|
67
|
+
only screen and (-o-min-device-pixel-ratio: 3/2),
|
|
68
|
+
only screen and (min-device-pixel-ratio: 1.5) { @content; }
|
|
69
|
+
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
|
|
73
73
|
//
|
|
74
74
|
// Create variable-number grid columns given the value
|
|
75
|
-
// for variable `$column-number`
|
|
76
|
-
//
|
|
75
|
+
// for variable `$column-number`
|
|
76
|
+
//
|
|
77
77
|
@mixin grid-setup($number: $column-number) {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
78
|
+
// Assign percentage-based widths for columns
|
|
79
|
+
@for $i from 1 through $number {
|
|
80
|
+
.#{$column-prefix + $i} { width: 100% / $number * $i; }
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@for $i from 1 through $number {
|
|
84
|
+
// Style all but the last column
|
|
85
|
+
$width-of-column: (100% - $gutters * ($number - 1)) / $number;
|
|
86
|
+
|
|
87
|
+
.gutters .#{$column-prefix + $i} {
|
|
88
|
+
width: $width-of-column * $i + $gutters * ($i - 1);
|
|
89
|
+
content: $gutters * ($i - 1);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
|
|
95
95
|
//
|
|
96
96
|
// Create proper `.push-` classes given the value
|
|
97
97
|
// for variable `$column-number`
|
|
98
|
-
//
|
|
98
|
+
//
|
|
99
99
|
@mixin push-setup($number: $column-number) {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
100
|
+
@for $i from 1 to $number {
|
|
101
|
+
.push-#{$i} { left: 100% / $number * $i; }
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@for $i from 1 to $number {
|
|
105
|
+
.gutters .push-#{$i} { left: 100% / $number * $i - $gutters; }
|
|
106
|
+
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
|
|
110
110
|
//
|
|
111
111
|
// Create proper `.pull-` classes given the value
|
|
112
112
|
// for variable `$column-number`
|
|
113
|
-
//
|
|
113
|
+
//
|
|
114
114
|
@mixin pull-setup($number: $column-number) {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
115
|
+
@for $i from 1 to $number {
|
|
116
|
+
.pull-#{$i} { right: 100% / $number * $i; }
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@for $i from 1 to $number {
|
|
120
|
+
.gutters .pull-#{$i} { right: 100% / $number * $i - $gutters; }
|
|
121
|
+
}
|
|
122
|
+
}
|
|
@@ -22,14 +22,14 @@ class ConcisecssSource < Thor
|
|
|
22
22
|
get "#{remote}/raw/#{tag}/scss/objects/_navigation.scss", "stylesheets/objects/_navigation.scss"
|
|
23
23
|
get "#{remote}/raw/#{tag}/scss/objects/_progress.scss", "stylesheets/objects/_progress.scss"
|
|
24
24
|
get "#{remote}/raw/#{tag}/scss/objects/_wells.scss", "stylesheets/objects/_wells.scss"
|
|
25
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
26
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
27
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
28
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
29
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
30
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
31
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
32
|
-
get "#{remote}/raw/#{tag}/scss/
|
|
25
|
+
get "#{remote}/raw/#{tag}/scss/generic/_clearfix.scss", "stylesheets/generic/_clearfix.scss"
|
|
26
|
+
get "#{remote}/raw/#{tag}/scss/generic/_conditional.scss", "stylesheets/generic/_conditional.scss"
|
|
27
|
+
get "#{remote}/raw/#{tag}/scss/generic/_debug.scss", "stylesheets/generic/_debug.scss"
|
|
28
|
+
get "#{remote}/raw/#{tag}/scss/generic/_helper.scss", "stylesheets/generic/_helper.scss"
|
|
29
|
+
get "#{remote}/raw/#{tag}/scss/generic/_mixins.scss", "stylesheets/generic/_mixins.scss"
|
|
30
|
+
get "#{remote}/raw/#{tag}/scss/generic/_normalize.scss", "stylesheets/generic/_normalize.scss"
|
|
31
|
+
get "#{remote}/raw/#{tag}/scss/generic/_print.scss", "stylesheets/generic/_print.scss"
|
|
32
|
+
get "#{remote}/raw/#{tag}/scss/generic/_shared.scss", "stylesheets/generic/_shared.scss"
|
|
33
33
|
get "#{remote}/raw/#{tag}/scss/base/_blockquotes.scss", "stylesheets/base/_blockquotes.scss"
|
|
34
34
|
get "#{remote}/raw/#{tag}/scss/base/_container.scss", "stylesheets/base/_container.scss"
|
|
35
35
|
get "#{remote}/raw/#{tag}/scss/base/_forms.scss", "stylesheets/base/_forms.scss"
|
|
@@ -59,5 +59,14 @@ class ConcisecssSource < Thor
|
|
|
59
59
|
end
|
|
60
60
|
|
|
61
61
|
|
|
62
|
+
def select msg, elements
|
|
63
|
+
elements.each_with_index do |element, index|
|
|
64
|
+
say(block_given? ? yield(element, index + 1) : ("#{index + 1}. #{element.to_s}"))
|
|
65
|
+
end
|
|
66
|
+
result = ask(msg).to_i
|
|
67
|
+
elements[result - 1]
|
|
68
|
+
end
|
|
69
|
+
|
|
70
|
+
|
|
62
71
|
|
|
63
72
|
end
|
data/lib/concisecss/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: concisecss
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Benjamin Sigidi
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-07-
|
|
11
|
+
date: 2014-07-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|