smartstart 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE +22 -0
- data/README.md +30 -0
- data/Rakefile +2 -0
- data/lib/generators/smartstart/helpers.rb +11 -0
- data/lib/generators/smartstart/responsive/responsive_generator.rb +21 -0
- data/lib/generators/smartstart/spaces/spaces_generator.rb +21 -0
- data/lib/generators/smartstart/typo/typo_generator.rb +21 -0
- data/lib/generators/smartstart/ui/ui_generator.rb +21 -0
- data/lib/smartstart/engine.rb +4 -0
- data/lib/smartstart/version.rb +3 -0
- data/lib/smartstart.rb +5 -0
- data/smartstart.gemspec +19 -0
- data/vendor/assets/stylesheets/smartstart/grids.sass +60 -0
- data/vendor/assets/stylesheets/smartstart/ie7.scss +7 -0
- data/vendor/assets/stylesheets/smartstart/library/alerts.sass +25 -0
- data/vendor/assets/stylesheets/smartstart/library/forms.sass +51 -0
- data/vendor/assets/stylesheets/smartstart/library/tables.sass +38 -0
- data/vendor/assets/stylesheets/smartstart/mixins.sass +154 -0
- data/vendor/assets/stylesheets/smartstart/reset.sass +46 -0
- data/vendor/assets/stylesheets/smartstart/responsive.sass +81 -0
- data/vendor/assets/stylesheets/smartstart/spaces.sass +99 -0
- data/vendor/assets/stylesheets/smartstart/typography.sass +160 -0
- data/vendor/assets/stylesheets/smartstart/ui.sass +47 -0
- data/vendor/assets/stylesheets/smartstart/utility.sass +22 -0
- data/vendor/assets/stylesheets/smartstart.sass +4 -0
- metadata +83 -0
data/.gitignore
ADDED
data/Gemfile
ADDED
data/LICENSE
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2012 Alex
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,30 @@
|
|
1
|
+
# SmartstartRails
|
2
|
+
Sass OOCSS library
|
3
|
+
|
4
|
+
Add this line to your application's Gemfile:
|
5
|
+
|
6
|
+
gem 'smartstart'
|
7
|
+
|
8
|
+
And then execute:
|
9
|
+
|
10
|
+
$ bundle
|
11
|
+
|
12
|
+
Or install it yourself as:
|
13
|
+
|
14
|
+
$ gem install smartstart
|
15
|
+
|
16
|
+
## Usage
|
17
|
+
|
18
|
+
Use sass @import instead of sprockets manifest =require instruction:
|
19
|
+
|
20
|
+
@import 'smartstart'
|
21
|
+
|
22
|
+
## Contributing
|
23
|
+
|
24
|
+
1. Fork it
|
25
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
26
|
+
3. Commit your changes (`git commit -am 'Added some feature'`)
|
27
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
28
|
+
5. Create new Pull Request
|
29
|
+
|
30
|
+
|
data/Rakefile
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
require 'rails'
|
2
|
+
require 'generators/smartstart/helpers'
|
3
|
+
|
4
|
+
module Smartstart
|
5
|
+
module Generators
|
6
|
+
class ResponsiveGenerator < Rails::Generators::Base
|
7
|
+
|
8
|
+
include Smartstart::Generators::Helpers
|
9
|
+
|
10
|
+
source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
|
11
|
+
|
12
|
+
def responsive_file
|
13
|
+
"responsive.sass"
|
14
|
+
end
|
15
|
+
|
16
|
+
def create_responsive
|
17
|
+
copy_file "#{responsive_file}", "#{smartstart_path}/#{responsive_file}"
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
@@ -0,0 +1,21 @@
|
|
1
|
+
require 'rails'
|
2
|
+
require 'generators/smartstart/helpers'
|
3
|
+
|
4
|
+
module Smartstart
|
5
|
+
module Generators
|
6
|
+
class SpacesGenerator < Rails::Generators::Base
|
7
|
+
|
8
|
+
include Smartstart::Generators::Helpers
|
9
|
+
|
10
|
+
source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
|
11
|
+
|
12
|
+
def spaces_file
|
13
|
+
"spaces.sass"
|
14
|
+
end
|
15
|
+
|
16
|
+
def create_spaces
|
17
|
+
copy_file "#{spaces_file}", "#{smartstart_path}/#{spaces_file}"
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
@@ -0,0 +1,21 @@
|
|
1
|
+
require 'rails'
|
2
|
+
require 'generators/smartstart/helpers'
|
3
|
+
|
4
|
+
module Smartstart
|
5
|
+
module Generators
|
6
|
+
class TypoGenerator < Rails::Generators::Base
|
7
|
+
|
8
|
+
include Smartstart::Generators::Helpers
|
9
|
+
|
10
|
+
source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
|
11
|
+
|
12
|
+
def typo_file
|
13
|
+
"typography.sass"
|
14
|
+
end
|
15
|
+
|
16
|
+
def create_typography
|
17
|
+
copy_file "#{typo_file}", "#{smartstart_path}/#{typo_file}"
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
@@ -0,0 +1,21 @@
|
|
1
|
+
require 'rails'
|
2
|
+
require 'generators/smartstart/helpers'
|
3
|
+
|
4
|
+
module Smartstart
|
5
|
+
module Generators
|
6
|
+
class UiGenerator < Rails::Generators::Base
|
7
|
+
|
8
|
+
include Smartstart::Generators::Helpers
|
9
|
+
|
10
|
+
source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
|
11
|
+
|
12
|
+
def ui_file
|
13
|
+
"ui.sass"
|
14
|
+
end
|
15
|
+
|
16
|
+
def create_ui
|
17
|
+
copy_file "#{ui_file}", "#{smartstart_path}/#{ui_file}"
|
18
|
+
end
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
data/lib/smartstart.rb
ADDED
data/smartstart.gemspec
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
2
|
+
require File.expand_path('../lib/smartstart/version', __FILE__)
|
3
|
+
|
4
|
+
Gem::Specification.new do |gem|
|
5
|
+
gem.authors = ["Alex Chaplinsky"]
|
6
|
+
gem.email = ["alchapone@yandex.ru"]
|
7
|
+
gem.description = %q{Sass library to start with}
|
8
|
+
gem.summary = %q{Sass library to start with}
|
9
|
+
gem.homepage = ""
|
10
|
+
|
11
|
+
gem.add_runtime_dependency 'sass-rails'
|
12
|
+
|
13
|
+
gem.files = `git ls-files`.split($\)
|
14
|
+
gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
|
15
|
+
gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
|
16
|
+
gem.name = "smartstart"
|
17
|
+
gem.require_paths = ["lib"]
|
18
|
+
gem.version = Smartstart::VERSION
|
19
|
+
end
|
@@ -0,0 +1,60 @@
|
|
1
|
+
.row
|
2
|
+
+clearfix()
|
3
|
+
|
4
|
+
.last-col
|
5
|
+
display: table-cell
|
6
|
+
float: none
|
7
|
+
width: auto
|
8
|
+
_margin-right: -3px
|
9
|
+
_left: -3px
|
10
|
+
_position: relative
|
11
|
+
*display: block
|
12
|
+
*zoom: 1
|
13
|
+
&:after
|
14
|
+
content: ' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'
|
15
|
+
clear: both
|
16
|
+
display: block
|
17
|
+
height: 0 !important
|
18
|
+
line-height: 0
|
19
|
+
visibility: hidden
|
20
|
+
|
21
|
+
.col1of2,
|
22
|
+
.col1of3, .col2of3,
|
23
|
+
.col1of4, .col2of4, .col3of4,
|
24
|
+
.col1of5, .col2of5, .col3of5, .col4of5,
|
25
|
+
.col1of6, .col2of6, .col3of6, .col4of6, .col5of6
|
26
|
+
float: left
|
27
|
+
+box-sizing()
|
28
|
+
|
29
|
+
.col1of2, .col2of4, .col3of6
|
30
|
+
width: 50%
|
31
|
+
|
32
|
+
.col1of3, .col2of6
|
33
|
+
width: 33.33333%
|
34
|
+
|
35
|
+
.col2of3, .col4of6
|
36
|
+
width: 66.66666%
|
37
|
+
|
38
|
+
.col1of4
|
39
|
+
width: 25%
|
40
|
+
|
41
|
+
.col3of4
|
42
|
+
width: 75%
|
43
|
+
|
44
|
+
.col1of5
|
45
|
+
width: 20%
|
46
|
+
|
47
|
+
.col2of5
|
48
|
+
width: 40%
|
49
|
+
|
50
|
+
.col3of5
|
51
|
+
width: 60%
|
52
|
+
|
53
|
+
.col4of5
|
54
|
+
width: 80%
|
55
|
+
|
56
|
+
.col1of6
|
57
|
+
width: 16.66666%
|
58
|
+
|
59
|
+
.col5of6
|
60
|
+
width: 83.33333%
|
@@ -0,0 +1,7 @@
|
|
1
|
+
.col1of2,
|
2
|
+
.col1of3, .col2of3,
|
3
|
+
.col1of4, .col2of4, .col3of4,
|
4
|
+
.col1of5, .col2of5, .col3of5, .col4of5,
|
5
|
+
.col1of6, .col2of6, .col3of6, .col4of6, .col5of6 {
|
6
|
+
z-index: expression(z-index: expression(runtimeStyle.zIndex = 1, runtimeStyle.width = this.offsetWidth - (parseInt(this.currentStyle.paddingLeft)*2 + parseInt(this.currentStyle.paddingRight)*2 + 1 ) + 'px');
|
7
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
=alert($border: #C09853, $background: #FCF8E3)
|
2
|
+
+alert-skin($border, $background)
|
3
|
+
position: relative
|
4
|
+
padding: 10px 15px
|
5
|
+
+text-shadow(0 1px 0 #fff)
|
6
|
+
+border-radius(5px)
|
7
|
+
.close
|
8
|
+
position: absolute
|
9
|
+
top: 5px
|
10
|
+
right: 5px
|
11
|
+
height: 18px
|
12
|
+
width: 15px
|
13
|
+
color: #bbb
|
14
|
+
text-decoration: none
|
15
|
+
font-weight: bold
|
16
|
+
font-size: 18px
|
17
|
+
line-height: 18px
|
18
|
+
+inline-block()
|
19
|
+
&:hover
|
20
|
+
color: #999
|
21
|
+
|
22
|
+
=alert-skin($border, $background)
|
23
|
+
background: $background
|
24
|
+
border: 1px solid lighten($border, 10%)
|
25
|
+
color: $border
|
@@ -0,0 +1,51 @@
|
|
1
|
+
$button-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(100, 100, 100, 0.1)
|
2
|
+
$active-button-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(100, 100, 100, 0.1)
|
3
|
+
|
4
|
+
$text-field-shadow: 1px 2px 2px rgba(100, 100, 100, 0.1) inset
|
5
|
+
$active-text-field-shadow: 0 0 4px rgba(82, 168, 236, 0.6)
|
6
|
+
|
7
|
+
// ----- BUTTONS ----- //
|
8
|
+
=simple-button($bg: #E6E6E6, $color: #333)
|
9
|
+
+simple-button-skin($bg, $color)
|
10
|
+
line-height: normal
|
11
|
+
padding: 5px 10px
|
12
|
+
text-decoration: none
|
13
|
+
+box-sizing
|
14
|
+
+box-shadow($button-shadow)
|
15
|
+
+border-radius(5px)
|
16
|
+
+inline-block
|
17
|
+
+text-shadow(0 1px 0 #fff)
|
18
|
+
&:hover
|
19
|
+
cursor: pointer
|
20
|
+
background: $bg
|
21
|
+
color: $color
|
22
|
+
text-decoration: none
|
23
|
+
&:active
|
24
|
+
+box-shadow($active-button-shadow)
|
25
|
+
|
26
|
+
=simple-button-skin($bg, $color)
|
27
|
+
color: $color
|
28
|
+
border: 1px solid darken($bg, 10%)
|
29
|
+
+vertical-gradient(lighten($bg, 10%), $bg)
|
30
|
+
+text-shadow(none)
|
31
|
+
&:hover
|
32
|
+
background: $bg
|
33
|
+
|
34
|
+
// ----- TEXT FIELDS ----- //
|
35
|
+
=text-field
|
36
|
+
border: 1px solid #ccc
|
37
|
+
background: #fff
|
38
|
+
line-height: normal
|
39
|
+
padding: 5px
|
40
|
+
width: 100%
|
41
|
+
+border-radius(5px)
|
42
|
+
+box-sizing
|
43
|
+
+box-shadow($text-field-shadow)
|
44
|
+
+placeholder-color(#aaa)
|
45
|
+
&:focus
|
46
|
+
+text-field-skin(#FFF, #52A8EC)
|
47
|
+
+box-shadow($active-text-field-shadow)
|
48
|
+
|
49
|
+
=text-field-skin($bg, $border)
|
50
|
+
background: $bg
|
51
|
+
border-color: $border
|
@@ -0,0 +1,38 @@
|
|
1
|
+
=data-table($border: #DDD, $background: #fafafa)
|
2
|
+
+data-table-skin($border, $background)
|
3
|
+
width: 100%
|
4
|
+
padding: 0
|
5
|
+
border-collapse: collapse
|
6
|
+
border-spacing: 0
|
7
|
+
td, th
|
8
|
+
padding: 7px 10px
|
9
|
+
thead th
|
10
|
+
font-weight: bold
|
11
|
+
tbody
|
12
|
+
tr:hover td
|
13
|
+
background: #fafaef
|
14
|
+
|
15
|
+
=data-table-skin($border, $background)
|
16
|
+
border: 1px solid $border
|
17
|
+
td, th
|
18
|
+
border: 1px solid $border
|
19
|
+
thead th
|
20
|
+
+vertical-gradient($background, darken($background, 5%))
|
21
|
+
tbody
|
22
|
+
tr:nth-child(2n) td
|
23
|
+
background: $background
|
24
|
+
|
25
|
+
=simple-table
|
26
|
+
width: 100%
|
27
|
+
padding: 0
|
28
|
+
border-collapse: collapse
|
29
|
+
border-spacing: 0
|
30
|
+
td, th
|
31
|
+
padding: 7px 10px
|
32
|
+
thead th
|
33
|
+
font-weight: bold
|
34
|
+
tbody tr
|
35
|
+
border-top: 1px solid #DDD
|
36
|
+
&:hover
|
37
|
+
background: #fafaef
|
38
|
+
|
@@ -0,0 +1,154 @@
|
|
1
|
+
=animation($properties)
|
2
|
+
-webkit-animation: $properties
|
3
|
+
-moz-animation: $properties
|
4
|
+
-ms-animation: $properties
|
5
|
+
-o-animation: $properties
|
6
|
+
animation: $properties
|
7
|
+
|
8
|
+
=background-clip($clip)
|
9
|
+
-webkit-background-clip: $clip
|
10
|
+
-moz-background-clip: $clip
|
11
|
+
background-clip: $clip
|
12
|
+
|
13
|
+
=background-size($size)
|
14
|
+
-webkit-background-size: $size
|
15
|
+
-moz-background-size: $size
|
16
|
+
-o-background-size: $size
|
17
|
+
background-size: $size
|
18
|
+
|
19
|
+
=border-radius($properties)
|
20
|
+
-webkit-border-radius: $properties
|
21
|
+
-moz-border-radius: $properties
|
22
|
+
border-radius: $properties
|
23
|
+
|
24
|
+
=box-shadow($properties)
|
25
|
+
-webkit-box-shadow: $properties
|
26
|
+
-moz-box-shadow: $properties
|
27
|
+
-o-box-shadow: $properties
|
28
|
+
box-shadow: $properties
|
29
|
+
|
30
|
+
=box-sizing($property: border-box)
|
31
|
+
-webkit-box-sizing: $property
|
32
|
+
-moz-box-sizing: $property
|
33
|
+
box-sizing: $property
|
34
|
+
|
35
|
+
=clearfix
|
36
|
+
*zoom: 1
|
37
|
+
&:after
|
38
|
+
content: '.'
|
39
|
+
display: block
|
40
|
+
height: 0
|
41
|
+
line-height: 0
|
42
|
+
clear: both
|
43
|
+
visibility: hidden
|
44
|
+
|
45
|
+
=inline-block
|
46
|
+
display: -moz-inline-stack
|
47
|
+
display: inline-block
|
48
|
+
zoom: 1
|
49
|
+
_overflow: hidden
|
50
|
+
*display: inline
|
51
|
+
|
52
|
+
=opacity($opacity: 1)
|
53
|
+
opacity: $opacity
|
54
|
+
filter: alpha(opacity=$opacity * 100)
|
55
|
+
|
56
|
+
=placeholder-color($color)
|
57
|
+
&:-moz-placeholder
|
58
|
+
color: $color
|
59
|
+
&::-webkit-input-placeholder
|
60
|
+
color: $color
|
61
|
+
|
62
|
+
=rotate($degrees)
|
63
|
+
-webkit-transform: rotate(#{$degrees}deg)
|
64
|
+
-moz-transform: rotate(#{$degrees}deg)
|
65
|
+
-ms-transform: rotate(#{$degrees}deg)
|
66
|
+
-o-transform: rotate(#{$degrees}deg)
|
67
|
+
transform: rotate(#{$degrees}deg)
|
68
|
+
|
69
|
+
=scale($ratio)
|
70
|
+
-webkit-transform: scale($ratio)
|
71
|
+
-moz-transform: scale($ratio)
|
72
|
+
-ms-transform: scale($ratio)
|
73
|
+
-o-transform: scale($ratio)
|
74
|
+
transform: scale($ratio)
|
75
|
+
|
76
|
+
=skew($x: 0, $y: 0)
|
77
|
+
-webkit-transform: skew($x, $y)
|
78
|
+
-moz-transform: skew($x, $y)
|
79
|
+
-ms-transform: skew($x, $y)
|
80
|
+
-o-transform: skew($x, $y)
|
81
|
+
transform: skew($x, $y)
|
82
|
+
|
83
|
+
=text-shadow($properties)
|
84
|
+
-webkit-text-shadow: $properties
|
85
|
+
-moz-text-shadow: $properties
|
86
|
+
text-shadow: $properties
|
87
|
+
|
88
|
+
=translate($x: 0, $y: 0)
|
89
|
+
-webkit-transform: translate($x, $y)
|
90
|
+
-moz-transform: translate($x, $y)
|
91
|
+
-ms-transform: translate($x, $y)
|
92
|
+
-o-transform: translate($x, $y)
|
93
|
+
transform: translate($x, $y)
|
94
|
+
|
95
|
+
=translate3d($x: 0, $y: 0, $z: 0)
|
96
|
+
-webkit-transform: translate($x, $y, $z)
|
97
|
+
-moz-transform: translate($x, $y, $z)
|
98
|
+
-ms-transform: translate($x, $y, $z)
|
99
|
+
-o-transform: translate($x, $y, $z)
|
100
|
+
transform: translate($x, $y, $z)
|
101
|
+
|
102
|
+
=transition($properties)
|
103
|
+
-webkit-transition: $properties
|
104
|
+
-moz-transition: $properties
|
105
|
+
-o-transition: $properties
|
106
|
+
transition: $properties
|
107
|
+
|
108
|
+
=transform($properties)
|
109
|
+
-webkit-transform: $properties
|
110
|
+
-moz-transform: $properties
|
111
|
+
-o-transform: $properties
|
112
|
+
transform: $properties
|
113
|
+
|
114
|
+
=user-select($properties)
|
115
|
+
-webkit-user-select: $properties
|
116
|
+
-moz-user-select: -moz-$properties
|
117
|
+
user-select: $properties
|
118
|
+
|
119
|
+
=vertical-gradient($from, $to)
|
120
|
+
background: $to
|
121
|
+
background-repeat: repeat-x
|
122
|
+
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $from), color-stop(100%, $to))// Safari 4+, Chrome 2+
|
123
|
+
background-image: -webkit-linear-gradient(top, $from, $to) // Safari 5.1+, Chrome 10+
|
124
|
+
background-image: -moz-linear-gradient(top, $from, $to) // FF 3.6+
|
125
|
+
background-image: -ms-linear-gradient(top, $from, $to) // IE10
|
126
|
+
background-image: -o-linear-gradient(top, $from, $to) // Opera 11.10
|
127
|
+
background-image: linear-gradient(top, $from, $to) // The standard
|
128
|
+
|
129
|
+
=horizontal-gradient($from, $to)
|
130
|
+
background: $to
|
131
|
+
background-repeat: repeat-x
|
132
|
+
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $from), color-stop(100%, $to))
|
133
|
+
background-image: -webkit-linear-gradient(left, $from, $to)
|
134
|
+
background-image: -moz-linear-gradient(left, $from, $to)
|
135
|
+
background-image: -ms-linear-gradient(left, $from, $to)
|
136
|
+
background-image: -o-linear-gradient(left, $from, $to)
|
137
|
+
background-image: linear-gradient(left, $from, $to)
|
138
|
+
|
139
|
+
=radial-gradient($from, $to)
|
140
|
+
background-color: $to
|
141
|
+
background-repeat: no-repeat
|
142
|
+
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($from), to($to))
|
143
|
+
background-image: -webkit-radial-gradient(circle, $from, $to)
|
144
|
+
background-image: -moz-radial-gradient(circle, $from, $to)
|
145
|
+
background-image: -ms-radial-gradient(circle, $from, $to)
|
146
|
+
|
147
|
+
=directional-gradient($from, $to, $deg)
|
148
|
+
background-color: $to
|
149
|
+
background-repeat: repeat-x
|
150
|
+
background-image: -moz-linear-gradient($deg, $from, $to) // FF 3.6+
|
151
|
+
background-image: -ms-linear-gradient($deg, $from, $to) // IE10
|
152
|
+
background-image: -webkit-linear-gradient($deg, $from, $to) // Safari 5.1+, Chrome 10+
|
153
|
+
background-image: -o-linear-gradient($deg, $from, $to) // Opera 11.10
|
154
|
+
background-image: linear-gradient($deg, $from, $to) // The standard
|
@@ -0,0 +1,46 @@
|
|
1
|
+
*
|
2
|
+
padding: 0
|
3
|
+
margin: 0
|
4
|
+
outline: none
|
5
|
+
font-size: 1em
|
6
|
+
|
7
|
+
img, iframe, fieldset, object, table
|
8
|
+
border: none
|
9
|
+
|
10
|
+
sub, sup
|
11
|
+
vertical-align: baseline
|
12
|
+
|
13
|
+
caption, th
|
14
|
+
font-weight: normal
|
15
|
+
text-align: left
|
16
|
+
|
17
|
+
table
|
18
|
+
border-collapse: collapse
|
19
|
+
border-spacing: 0
|
20
|
+
|
21
|
+
td
|
22
|
+
vertical-align: top
|
23
|
+
|
24
|
+
th, h1, h2, h3, h4, h5, h6
|
25
|
+
font-weight: normal
|
26
|
+
|
27
|
+
img
|
28
|
+
max-width: 100%
|
29
|
+
height: auto
|
30
|
+
border: 0
|
31
|
+
-ms-interpolation-mode: bicubic
|
32
|
+
|
33
|
+
button, input, select, textarea
|
34
|
+
margin: 0
|
35
|
+
font-size: 100%
|
36
|
+
|
37
|
+
button, input
|
38
|
+
*overflow: visible
|
39
|
+
line-height: normal
|
40
|
+
|
41
|
+
button::-moz-focus-inner, input::-moz-focus-inner
|
42
|
+
border: 0
|
43
|
+
padding: 0
|
44
|
+
|
45
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
|
46
|
+
display: block
|
@@ -0,0 +1,81 @@
|
|
1
|
+
.container, .container-fluid
|
2
|
+
margin: 0 auto
|
3
|
+
|
4
|
+
// DEFAULT DESKTOP
|
5
|
+
// ---------------
|
6
|
+
@media (min-width: 980px)
|
7
|
+
.container
|
8
|
+
width: 940px
|
9
|
+
.mobile-on
|
10
|
+
display: none!important
|
11
|
+
.tablet-on
|
12
|
+
display: none!important
|
13
|
+
.desktop-on
|
14
|
+
display: block!important
|
15
|
+
.mobile-off
|
16
|
+
display: block!important
|
17
|
+
.tablet-off
|
18
|
+
display: block!important
|
19
|
+
.desktop-off
|
20
|
+
display: none!important
|
21
|
+
|
22
|
+
// LARGE DESKTOP & UP
|
23
|
+
// ------------------
|
24
|
+
@media (min-width: 1200px)
|
25
|
+
.container
|
26
|
+
width: 1160px
|
27
|
+
.container-fluid
|
28
|
+
max-width: 1160px
|
29
|
+
|
30
|
+
// TABLETS AND BELOW
|
31
|
+
// -----------------
|
32
|
+
@media (max-width: 979px)
|
33
|
+
|
34
|
+
// PORTRAIT TABLET TO DEFAULT DESKTOP
|
35
|
+
// ----------------------------------
|
36
|
+
@media (min-width: 768px) and (max-width: 979px)
|
37
|
+
.container
|
38
|
+
width: 740px
|
39
|
+
.mobile-on
|
40
|
+
display: none!important
|
41
|
+
.tablet-on
|
42
|
+
display: block!important
|
43
|
+
.desktop-on
|
44
|
+
display: none!important
|
45
|
+
.mobile-off
|
46
|
+
display: block!important
|
47
|
+
.tablet-off
|
48
|
+
display: none!important
|
49
|
+
.desktop-off
|
50
|
+
display: block!important
|
51
|
+
|
52
|
+
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
53
|
+
// --------------------------------------------------
|
54
|
+
@media (max-width: 767px)
|
55
|
+
.container
|
56
|
+
width: auto
|
57
|
+
padding: 0 20px
|
58
|
+
.mobile-on
|
59
|
+
display: block!important
|
60
|
+
.tablet-on
|
61
|
+
display: none!important
|
62
|
+
.desktop-on
|
63
|
+
display: none!important
|
64
|
+
.mobile-off
|
65
|
+
display: none!important
|
66
|
+
.tablet-off
|
67
|
+
display: block!important
|
68
|
+
.desktop-off
|
69
|
+
display: block!important
|
70
|
+
.col1of2,
|
71
|
+
.col1of3, .col2of3,
|
72
|
+
.col1of4, .col2of4, .col3of4,
|
73
|
+
.col1of5, .col2of5, .col3of5, .col4of5,
|
74
|
+
.col1of6, .col2of6, .col3of6, .col4of6, .col5of6
|
75
|
+
width: 100%
|
76
|
+
float: none
|
77
|
+
margin-left: 0
|
78
|
+
margin-right: 0
|
79
|
+
// UP TO LANDSCAPE PHONE
|
80
|
+
// ---------------------
|
81
|
+
@media (max-width: 480px)
|
@@ -0,0 +1,99 @@
|
|
1
|
+
$small : 5px
|
2
|
+
$medium : 20px
|
3
|
+
$large : 30px
|
4
|
+
|
5
|
+
.ptn, .pvn, .pan
|
6
|
+
padding-top: 0px!important
|
7
|
+
|
8
|
+
.pts, .pvs, .pas
|
9
|
+
padding-top: $small
|
10
|
+
|
11
|
+
.ptm, .pvm, .pam
|
12
|
+
padding-top: $medium
|
13
|
+
|
14
|
+
.ptl, .pvl, .pal
|
15
|
+
padding-top: $large
|
16
|
+
|
17
|
+
.prn, .phn, .pan
|
18
|
+
padding-right: 0px!important
|
19
|
+
|
20
|
+
.prs, .phs, .pas
|
21
|
+
padding-right: $small
|
22
|
+
|
23
|
+
.prm, .phm, .pam
|
24
|
+
padding-right: $medium
|
25
|
+
|
26
|
+
.prl, .phl, .pal
|
27
|
+
padding-right: $large
|
28
|
+
|
29
|
+
.pbn, .pvn, .pan
|
30
|
+
padding-bottom: 0px!important
|
31
|
+
|
32
|
+
.pbs, .pvs, .pas
|
33
|
+
padding-bottom: $small
|
34
|
+
|
35
|
+
.pbm, .pvm, .pam
|
36
|
+
padding-bottom: $medium
|
37
|
+
|
38
|
+
.pbl, .pvl, .pal
|
39
|
+
padding-bottom: $large
|
40
|
+
|
41
|
+
.pln, .phn, .pan
|
42
|
+
padding-left: 0px!important
|
43
|
+
|
44
|
+
.pls, .phs, .pas
|
45
|
+
padding-left: $small
|
46
|
+
|
47
|
+
.plm, .phm, .pam
|
48
|
+
padding-left: $medium
|
49
|
+
|
50
|
+
.pll, .phl, .pal
|
51
|
+
padding-left: $large
|
52
|
+
|
53
|
+
.mtn, .mvn, .man
|
54
|
+
margin-top: 0px!important
|
55
|
+
|
56
|
+
.mts, .mvs, .mas
|
57
|
+
margin-top: $small
|
58
|
+
|
59
|
+
.mtm, .mvm, .mam
|
60
|
+
margin-top: $medium
|
61
|
+
|
62
|
+
.mtl, .mvl, .mal
|
63
|
+
margin-top: $large
|
64
|
+
|
65
|
+
.mrn, .mhn, .man
|
66
|
+
margin-right: 0px!important
|
67
|
+
|
68
|
+
.mrs, .mhs, .mas
|
69
|
+
margin-right: $small
|
70
|
+
|
71
|
+
.mrm, .mhm, .mam
|
72
|
+
margin-right: $medium
|
73
|
+
|
74
|
+
.mrl, .mhl, .mal
|
75
|
+
margin-right: $large
|
76
|
+
|
77
|
+
.mbn, .mvn, .man
|
78
|
+
margin-bottom: 0px!important
|
79
|
+
|
80
|
+
.mbs, .mvs, .mas
|
81
|
+
margin-bottom: $small
|
82
|
+
|
83
|
+
.mbm, .mvm, .mam
|
84
|
+
margin-bottom: $medium
|
85
|
+
|
86
|
+
.mbl, .mvl, .mal
|
87
|
+
margin-bottom: $large
|
88
|
+
|
89
|
+
.mln, .mhn, .man
|
90
|
+
margin-left: 0px!important
|
91
|
+
|
92
|
+
.mls, .mhs, .mas
|
93
|
+
margin-left: $small
|
94
|
+
|
95
|
+
.mlm, .mhm, .mam
|
96
|
+
margin-left: $medium
|
97
|
+
|
98
|
+
.mll, .mhl, .mal
|
99
|
+
margin-left: $large
|
@@ -0,0 +1,160 @@
|
|
1
|
+
body, input, button
|
2
|
+
font-family: Arial, sans-serif
|
3
|
+
font-size: 13px
|
4
|
+
line-height: 18px
|
5
|
+
color: #333
|
6
|
+
// LINKS
|
7
|
+
// -----
|
8
|
+
a
|
9
|
+
color: #1A3DC1
|
10
|
+
text-decoration: none
|
11
|
+
|
12
|
+
a:hover
|
13
|
+
color: darken(#1A3DC1, 5%)
|
14
|
+
text-decoration: underline
|
15
|
+
|
16
|
+
small
|
17
|
+
font-size: 11px
|
18
|
+
color: #777
|
19
|
+
|
20
|
+
// HEADINGS
|
21
|
+
// --------
|
22
|
+
h1, h2, h3, h4, h5, h6
|
23
|
+
font-weight: bold
|
24
|
+
text-rendering: optimizelegibility // Fix the character spacing for headings
|
25
|
+
small
|
26
|
+
font-weight: normal
|
27
|
+
|
28
|
+
h1
|
29
|
+
font-size: 28px
|
30
|
+
line-height: 36px
|
31
|
+
small
|
32
|
+
font-size: 20px
|
33
|
+
|
34
|
+
h2
|
35
|
+
font-size: 24px
|
36
|
+
line-height: 36px
|
37
|
+
small
|
38
|
+
font-size: 20px
|
39
|
+
|
40
|
+
h3
|
41
|
+
font-size: 20px
|
42
|
+
line-height: 27px
|
43
|
+
small
|
44
|
+
font-size: 18px
|
45
|
+
|
46
|
+
h4, h5, h6
|
47
|
+
line-height: 18px
|
48
|
+
|
49
|
+
h4
|
50
|
+
font-size: 18px
|
51
|
+
small
|
52
|
+
font-size: 16px
|
53
|
+
|
54
|
+
h5
|
55
|
+
font-size: 16px
|
56
|
+
|
57
|
+
h6
|
58
|
+
font-size: 13px
|
59
|
+
color: #666
|
60
|
+
text-transform: uppercase
|
61
|
+
|
62
|
+
|
63
|
+
// LISTS
|
64
|
+
// -----
|
65
|
+
ul, ol
|
66
|
+
padding: 0
|
67
|
+
margin: 0 0 9px 2 25px
|
68
|
+
|
69
|
+
ul ul,
|
70
|
+
ul ol,
|
71
|
+
ol ol,
|
72
|
+
ol ul
|
73
|
+
margin-bottom: 0
|
74
|
+
|
75
|
+
ul
|
76
|
+
list-style: disc
|
77
|
+
|
78
|
+
ol
|
79
|
+
list-style: decimal
|
80
|
+
|
81
|
+
li
|
82
|
+
line-height: 18px
|
83
|
+
|
84
|
+
ul.unstyled,
|
85
|
+
ol.unstyled
|
86
|
+
margin-left: 0
|
87
|
+
list-style: none
|
88
|
+
|
89
|
+
// Description Lists
|
90
|
+
dl
|
91
|
+
margin-bottom: 18px
|
92
|
+
|
93
|
+
dt,
|
94
|
+
dd
|
95
|
+
line-height: 18px
|
96
|
+
|
97
|
+
dt
|
98
|
+
font-weight: bold
|
99
|
+
|
100
|
+
dd
|
101
|
+
margin-left: 9px
|
102
|
+
|
103
|
+
// Horizontal rules
|
104
|
+
hr
|
105
|
+
margin: 18px 0
|
106
|
+
border: 0
|
107
|
+
border-top: 1px solid #aaa
|
108
|
+
border-bottom: 1px solid #fff
|
109
|
+
|
110
|
+
|
111
|
+
// Emphasis
|
112
|
+
strong
|
113
|
+
font-weight: bold
|
114
|
+
|
115
|
+
em
|
116
|
+
font-style: italic
|
117
|
+
|
118
|
+
// Abbreviations and acronyms
|
119
|
+
abbr
|
120
|
+
font-size: 90%
|
121
|
+
text-transform: uppercase
|
122
|
+
border-bottom: 1px dotted #ddd
|
123
|
+
cursor: help
|
124
|
+
|
125
|
+
|
126
|
+
// Blockquotes
|
127
|
+
blockquote
|
128
|
+
padding: 0 0 0 15px
|
129
|
+
margin: 0 0 18px
|
130
|
+
border-left: 5px solid #666
|
131
|
+
p
|
132
|
+
margin-bottom: 0
|
133
|
+
|
134
|
+
small
|
135
|
+
display: block
|
136
|
+
line-height: 18px
|
137
|
+
color: #666
|
138
|
+
&:before
|
139
|
+
content: '\2014 \00A0'
|
140
|
+
|
141
|
+
// Quotes
|
142
|
+
q:before,
|
143
|
+
q:after,
|
144
|
+
blockquote:before,
|
145
|
+
blockquote:after
|
146
|
+
content: ""
|
147
|
+
|
148
|
+
// Addresses
|
149
|
+
address
|
150
|
+
display: block
|
151
|
+
margin-bottom: 18px
|
152
|
+
line-height: 18px
|
153
|
+
font-style: normal
|
154
|
+
|
155
|
+
// Misc
|
156
|
+
small
|
157
|
+
font-size: 100%
|
158
|
+
|
159
|
+
cite
|
160
|
+
font-style: normal
|
@@ -0,0 +1,47 @@
|
|
1
|
+
@import "library/forms"
|
2
|
+
@import "library/tables"
|
3
|
+
@import "library/alerts"
|
4
|
+
|
5
|
+
/////////////// Buttons
|
6
|
+
.button
|
7
|
+
+simple-button
|
8
|
+
&.primary
|
9
|
+
+simple-button-skin(#4185C4, #FFF)
|
10
|
+
&.danger
|
11
|
+
+simple-button-skin(#DA4F49, #FFF)
|
12
|
+
////////////////////////////////////////
|
13
|
+
|
14
|
+
////////////// Text fields
|
15
|
+
input[type=text], input[type=password], input[type=email], textarea
|
16
|
+
+text-field
|
17
|
+
&.disabled
|
18
|
+
+text-field-skin(#F5F5F5, #CCC)
|
19
|
+
color: #BBB
|
20
|
+
&.error
|
21
|
+
+text-field-skin(#fefafa, #E05C5C)
|
22
|
+
&.warning
|
23
|
+
+text-field-skin(#fffdfa, #f6b002)
|
24
|
+
&.success
|
25
|
+
+text-field-skin(#fafffa, #00bc00)
|
26
|
+
/////////////////////////////////////////
|
27
|
+
|
28
|
+
///////////// Tables
|
29
|
+
.table
|
30
|
+
+data-table
|
31
|
+
|
32
|
+
.simple-table
|
33
|
+
+simple-table
|
34
|
+
/////////////////////////////////////////
|
35
|
+
|
36
|
+
//////////////// Flash messages and alerts
|
37
|
+
.flash-message
|
38
|
+
+alert
|
39
|
+
&.error
|
40
|
+
+alert-skin(#B94A48, #F2DEDE)
|
41
|
+
&.success
|
42
|
+
+alert-skin(#468847, #DFF0D8)
|
43
|
+
&.warning
|
44
|
+
+alert-skin(#C09853, #FFFAEC)
|
45
|
+
&.info
|
46
|
+
+alert-skin(#3A87AD, #D9EDF7)
|
47
|
+
//////////////////////////////////////////
|
@@ -0,0 +1,22 @@
|
|
1
|
+
.right
|
2
|
+
float: right
|
3
|
+
|
4
|
+
.left
|
5
|
+
float: left
|
6
|
+
|
7
|
+
.center
|
8
|
+
margin-left: auto
|
9
|
+
margin-right: auto
|
10
|
+
|
11
|
+
.hidden
|
12
|
+
display: none
|
13
|
+
visibility: hidden
|
14
|
+
|
15
|
+
.by-left
|
16
|
+
text-align: left
|
17
|
+
|
18
|
+
.by-right
|
19
|
+
text-align: right
|
20
|
+
|
21
|
+
.by-center
|
22
|
+
text-align: center
|
metadata
ADDED
@@ -0,0 +1,83 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: smartstart
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.0
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Alex Chaplinsky
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2012-07-15 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: sass-rails
|
16
|
+
requirement: &70104571257840 !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: '0'
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: *70104571257840
|
25
|
+
description: Sass library to start with
|
26
|
+
email:
|
27
|
+
- alchapone@yandex.ru
|
28
|
+
executables: []
|
29
|
+
extensions: []
|
30
|
+
extra_rdoc_files: []
|
31
|
+
files:
|
32
|
+
- .gitignore
|
33
|
+
- Gemfile
|
34
|
+
- LICENSE
|
35
|
+
- README.md
|
36
|
+
- Rakefile
|
37
|
+
- lib/generators/smartstart/helpers.rb
|
38
|
+
- lib/generators/smartstart/responsive/responsive_generator.rb
|
39
|
+
- lib/generators/smartstart/spaces/spaces_generator.rb
|
40
|
+
- lib/generators/smartstart/typo/typo_generator.rb
|
41
|
+
- lib/generators/smartstart/ui/ui_generator.rb
|
42
|
+
- lib/smartstart.rb
|
43
|
+
- lib/smartstart/engine.rb
|
44
|
+
- lib/smartstart/version.rb
|
45
|
+
- smartstart.gemspec
|
46
|
+
- vendor/assets/stylesheets/smartstart.sass
|
47
|
+
- vendor/assets/stylesheets/smartstart/grids.sass
|
48
|
+
- vendor/assets/stylesheets/smartstart/ie7.scss
|
49
|
+
- vendor/assets/stylesheets/smartstart/library/alerts.sass
|
50
|
+
- vendor/assets/stylesheets/smartstart/library/forms.sass
|
51
|
+
- vendor/assets/stylesheets/smartstart/library/tables.sass
|
52
|
+
- vendor/assets/stylesheets/smartstart/mixins.sass
|
53
|
+
- vendor/assets/stylesheets/smartstart/reset.sass
|
54
|
+
- vendor/assets/stylesheets/smartstart/responsive.sass
|
55
|
+
- vendor/assets/stylesheets/smartstart/spaces.sass
|
56
|
+
- vendor/assets/stylesheets/smartstart/typography.sass
|
57
|
+
- vendor/assets/stylesheets/smartstart/ui.sass
|
58
|
+
- vendor/assets/stylesheets/smartstart/utility.sass
|
59
|
+
homepage: ''
|
60
|
+
licenses: []
|
61
|
+
post_install_message:
|
62
|
+
rdoc_options: []
|
63
|
+
require_paths:
|
64
|
+
- lib
|
65
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
66
|
+
none: false
|
67
|
+
requirements:
|
68
|
+
- - ! '>='
|
69
|
+
- !ruby/object:Gem::Version
|
70
|
+
version: '0'
|
71
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
72
|
+
none: false
|
73
|
+
requirements:
|
74
|
+
- - ! '>='
|
75
|
+
- !ruby/object:Gem::Version
|
76
|
+
version: '0'
|
77
|
+
requirements: []
|
78
|
+
rubyforge_project:
|
79
|
+
rubygems_version: 1.8.10
|
80
|
+
signing_key:
|
81
|
+
specification_version: 3
|
82
|
+
summary: Sass library to start with
|
83
|
+
test_files: []
|