atlas_assets 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/docs/_posts/{2013-05-17-navbar.md → 2013-05-17-navigation.md} +33 -8
- data/lib/assets/stylesheets/atlas_assets.scss +2 -1
- data/lib/assets/stylesheets/atlas_assets/_buttons.scss +1 -1
- data/lib/assets/stylesheets/atlas_assets/_fonts.scss +1 -1
- data/lib/assets/stylesheets/atlas_assets/_footer.scss +27 -0
- data/lib/assets/stylesheets/atlas_assets/_forms.scss +2 -2
- data/lib/assets/stylesheets/atlas_assets/_lists.scss +2 -2
- data/lib/assets/stylesheets/atlas_assets/_mixins.scss +1 -10
- data/lib/assets/stylesheets/atlas_assets/_navbar.scss +6 -16
- data/lib/assets/stylesheets/atlas_assets/_reset.scss +4 -5
- data/lib/assets/stylesheets/atlas_assets/_variables.scss +5 -3
- data/lib/atlas_assets/version.rb +1 -1
- metadata +3 -3
- data/Gemfile.lock +0 -86
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
|
-
title: "
|
|
3
|
+
title: "Navigation"
|
|
4
4
|
date: 2013-05-17 23:24:04
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
Navigation
|
|
8
|
+
==========
|
|
9
9
|
|
|
10
10
|
Basic Navbar
|
|
11
11
|
-------------
|
|
@@ -32,8 +32,7 @@ Basic Navbar
|
|
|
32
32
|
</div>
|
|
33
33
|
~~~
|
|
34
34
|
|
|
35
|
-
Alignment
|
|
36
|
-
-------------
|
|
35
|
+
### Alignment
|
|
37
36
|
|
|
38
37
|
You can align a `.nav` to the right by appending a `.pull-right` class.
|
|
39
38
|
|
|
@@ -54,8 +53,7 @@ You can align a `.nav` to the right by appending a `.pull-right` class.
|
|
|
54
53
|
</ul>
|
|
55
54
|
~~~
|
|
56
55
|
|
|
57
|
-
|
|
58
|
-
-----------------
|
|
56
|
+
### Input
|
|
59
57
|
|
|
60
58
|
<div class="navbar">
|
|
61
59
|
<div class="navbar-inner">
|
|
@@ -70,4 +68,31 @@ Forms
|
|
|
70
68
|
<ul class="nav pull-right">
|
|
71
69
|
<li><form><input type="text" placeholder="Search ..." /></form></li>
|
|
72
70
|
</ul>
|
|
73
|
-
~~~
|
|
71
|
+
~~~
|
|
72
|
+
|
|
73
|
+
Footer
|
|
74
|
+
------
|
|
75
|
+
|
|
76
|
+
The gem also includes style for a footer. It can be used with `.row` and `.spanNUM` classes. `<ul>` elements in the footer will automatically get styled without bullets, and with a special header font applied to the first `<li>`. The footer should be used outside the `.container` class, with a `.container` element inside the footer.
|
|
77
|
+
|
|
78
|
+
<footer>
|
|
79
|
+
<div class="row">
|
|
80
|
+
<div class="span1"> </div>
|
|
81
|
+
<div class="span3">
|
|
82
|
+
<ul>
|
|
83
|
+
<li>About O'Reilly</li>
|
|
84
|
+
<li><a href="#">Academic Solutions</a></li>
|
|
85
|
+
<li><a href="#">Jobs</a></li>
|
|
86
|
+
<li><a href="#">Contact</a></li>
|
|
87
|
+
</ul>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="span4">
|
|
90
|
+
<ul>
|
|
91
|
+
<li>Community</li>
|
|
92
|
+
<li><a href="#">Authors</a></li>
|
|
93
|
+
<li><a href="#">Forum</a></li>
|
|
94
|
+
<li><a href="#">Membership</a></li>
|
|
95
|
+
</ul>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
</footer>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
@import "atlas_assets/fonts";
|
|
5
5
|
@import "atlas_assets/grid";
|
|
6
6
|
@import "atlas_assets/navbar";
|
|
7
|
-
@import "atlas_assets/
|
|
7
|
+
@import "atlas_assets/footer";
|
|
8
8
|
@import "atlas_assets/icons";
|
|
9
9
|
@import "atlas_assets/boxes";
|
|
10
10
|
@import "atlas_assets/buttons";
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
@import "atlas_assets/code";
|
|
13
13
|
@import "atlas_assets/flash";
|
|
14
14
|
@import "atlas_assets/forms";
|
|
15
|
+
@import "atlas_assets/utilities";
|
|
15
16
|
|
|
16
17
|
@import "atlas_assets/responsive-utilities";
|
|
17
18
|
@import "atlas_assets/responsive-768-979";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
footer {
|
|
2
|
+
background-color: $light_gray;
|
|
3
|
+
padding: 20px 0px;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
footer ul {
|
|
7
|
+
list-style: none;
|
|
8
|
+
margin: 0;
|
|
9
|
+
padding: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
footer ul li {
|
|
13
|
+
margin: 0;
|
|
14
|
+
padding: 0;
|
|
15
|
+
|
|
16
|
+
&:first-child {
|
|
17
|
+
font-family: $menuFontFamily;
|
|
18
|
+
font-weight: 400;
|
|
19
|
+
font-size: 14px;
|
|
20
|
+
color: $mid_gray;
|
|
21
|
+
margin-bottom: 10px;
|
|
22
|
+
|
|
23
|
+
a {
|
|
24
|
+
color: $lighter_blue;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
@@ -334,7 +334,7 @@ input[type="checkbox"][readonly] {
|
|
|
334
334
|
vertical-align: middle;
|
|
335
335
|
font-size: 0; // white space collapse hack
|
|
336
336
|
white-space: nowrap; // Prevent span and input from separating
|
|
337
|
-
color: $
|
|
337
|
+
color: $darker_gray;
|
|
338
338
|
|
|
339
339
|
// Reset the white space collapse hack
|
|
340
340
|
input,
|
|
@@ -382,7 +382,7 @@ input[type="checkbox"][readonly] {
|
|
|
382
382
|
.input-prepend .btn {
|
|
383
383
|
background-color: $light_gray;
|
|
384
384
|
border: 2px solid $light_gray;
|
|
385
|
-
color: $
|
|
385
|
+
color: $darker_gray;
|
|
386
386
|
margin: 0;
|
|
387
387
|
border-left: 0;
|
|
388
388
|
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
a {
|
|
13
13
|
display: block;
|
|
14
14
|
padding: 13px 10px;
|
|
15
|
-
color: $
|
|
15
|
+
color: $darker_gray;
|
|
16
16
|
|
|
17
17
|
i.icon-arrow-right-2 {
|
|
18
18
|
float: right;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
a:hover {
|
|
24
24
|
color: $blue;
|
|
25
25
|
i.icon-arrow-right-2 {
|
|
26
|
-
color: $
|
|
26
|
+
color: $darker_gray;
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -1,19 +1,10 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/* Helpers
|
|
2
2
|
------------------------------------------------- */
|
|
3
3
|
|
|
4
|
-
@mixin menu-font() {
|
|
5
|
-
font-family: $menuFontFamily;
|
|
6
|
-
font-weight: 700;
|
|
7
|
-
font-size: 15px;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
4
|
@mixin smooth() {
|
|
11
5
|
-webkit-font-smoothing: antialiased;
|
|
12
6
|
}
|
|
13
7
|
|
|
14
|
-
/* Helpers
|
|
15
|
-
------------------------------------------------- */
|
|
16
|
-
|
|
17
8
|
@mixin clearfix {
|
|
18
9
|
*zoom: 1;
|
|
19
10
|
&:before,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.navbar {
|
|
2
2
|
background-color: $red;
|
|
3
3
|
color: $white;
|
|
4
|
-
font-family:
|
|
4
|
+
font-family: $menuFontFamily;
|
|
5
5
|
font-weight: 700;
|
|
6
6
|
font-size: 15px;
|
|
7
|
-
|
|
7
|
+
@include smooth();
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.navbar:after {
|
|
@@ -100,13 +100,8 @@
|
|
|
100
100
|
margin: 0;
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
.navbar .nav input[type="text"]
|
|
104
|
-
|
|
105
|
-
color: #FFF;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.navbar .nav input[type="text"]:-moz-placeholder {
|
|
109
|
-
color: #FFF;
|
|
103
|
+
.navbar .nav input[type="text"] {
|
|
104
|
+
@include placeholder($white)
|
|
110
105
|
}
|
|
111
106
|
|
|
112
107
|
/* Focus */
|
|
@@ -115,11 +110,6 @@
|
|
|
115
110
|
background-color: rgb(199, 55, 70);
|
|
116
111
|
}
|
|
117
112
|
|
|
118
|
-
.navbar .nav input[type="text"]:focus
|
|
119
|
-
|
|
120
|
-
color: rgb(207, 98, 98);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.navbar .nav input[type="text"]:focus:-moz-placeholder {
|
|
124
|
-
color: rgb(207, 98, 98);
|
|
113
|
+
.navbar .nav input[type="text"]:focus {
|
|
114
|
+
@include placeholder($lighter_red)
|
|
125
115
|
}
|
|
@@ -2,23 +2,25 @@
|
|
|
2
2
|
------------------------------------------------------- */
|
|
3
3
|
|
|
4
4
|
$red: #ac2f3c !default;
|
|
5
|
+
$lighter_red: #cf6262 !default;
|
|
5
6
|
$lightest_red: #f1d4d4 !default;
|
|
6
7
|
|
|
7
8
|
$blue: #2c7db1 !default;
|
|
8
9
|
$lighter_blue: #a9cadf !default;
|
|
9
10
|
$lightest_blue: #e0eaed !default;
|
|
10
|
-
|
|
11
|
+
|
|
11
12
|
$green: #91b35b !default;
|
|
12
13
|
$lightest_yellow: #f3f3c3 !default;
|
|
13
14
|
|
|
14
15
|
$darkest_gray: #242424 !default;
|
|
15
|
-
$
|
|
16
|
+
$darker_gray: #333333 !default;
|
|
16
17
|
$medium_gray: #808080 !default;
|
|
18
|
+
$mid_gray: #aaaaaa !default;
|
|
17
19
|
$gray: #d1d1d1 !default;
|
|
18
20
|
$light_gray: #e0e0e0 !default;
|
|
19
21
|
$lighter_gray: #ececec !default;
|
|
20
22
|
$lightest_gray: #f6f6f6 !default;
|
|
21
|
-
$white: #
|
|
23
|
+
$white: #ffffff !default;
|
|
22
24
|
|
|
23
25
|
/* Fonts
|
|
24
26
|
------------------------------------------------------- */
|
data/lib/atlas_assets/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: atlas_assets
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.1
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -36,7 +36,6 @@ extra_rdoc_files: []
|
|
|
36
36
|
files:
|
|
37
37
|
- .gitignore
|
|
38
38
|
- Gemfile
|
|
39
|
-
- Gemfile.lock
|
|
40
39
|
- LICENSE
|
|
41
40
|
- Procfile
|
|
42
41
|
- README.md
|
|
@@ -55,7 +54,7 @@ files:
|
|
|
55
54
|
- docs/_posts/2013-05-17-helpers.md
|
|
56
55
|
- docs/_posts/2013-05-17-icons.md
|
|
57
56
|
- docs/_posts/2013-05-17-lists.md
|
|
58
|
-
- docs/_posts/2013-05-17-
|
|
57
|
+
- docs/_posts/2013-05-17-navigation.md
|
|
59
58
|
- docs/_posts/2013-05-21-forms.md
|
|
60
59
|
- docs/_posts/2013-05-22-boxes.md
|
|
61
60
|
- docs/index.html
|
|
@@ -79,6 +78,7 @@ files:
|
|
|
79
78
|
- lib/assets/stylesheets/atlas_assets/_code.scss
|
|
80
79
|
- lib/assets/stylesheets/atlas_assets/_flash.scss
|
|
81
80
|
- lib/assets/stylesheets/atlas_assets/_fonts.scss
|
|
81
|
+
- lib/assets/stylesheets/atlas_assets/_footer.scss
|
|
82
82
|
- lib/assets/stylesheets/atlas_assets/_forms.scss
|
|
83
83
|
- lib/assets/stylesheets/atlas_assets/_grid.scss
|
|
84
84
|
- lib/assets/stylesheets/atlas_assets/_icons.scss
|
data/Gemfile.lock
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
GIT
|
|
2
|
-
remote: git://github.com/ixti/jekyll-assets.git
|
|
3
|
-
revision: a04c7628f4746f2b159cb0c5925876368d0029c1
|
|
4
|
-
specs:
|
|
5
|
-
jekyll-assets (0.5.1)
|
|
6
|
-
jekyll (~> 1.0)
|
|
7
|
-
sprockets (~> 2.9)
|
|
8
|
-
|
|
9
|
-
PATH
|
|
10
|
-
remote: .
|
|
11
|
-
specs:
|
|
12
|
-
atlas_assets (0.1.0)
|
|
13
|
-
handlebars_assets (~> 0.12.1)
|
|
14
|
-
|
|
15
|
-
GEM
|
|
16
|
-
remote: https://rubygems.org/
|
|
17
|
-
specs:
|
|
18
|
-
classifier (1.3.3)
|
|
19
|
-
fast-stemmer (>= 1.0.0)
|
|
20
|
-
coderay (1.0.9)
|
|
21
|
-
colorator (0.1)
|
|
22
|
-
commander (4.1.3)
|
|
23
|
-
highline (~> 1.6.11)
|
|
24
|
-
directory_watcher (1.4.1)
|
|
25
|
-
execjs (1.4.0)
|
|
26
|
-
multi_json (~> 1.0)
|
|
27
|
-
fast-stemmer (1.0.2)
|
|
28
|
-
handlebars_assets (0.12.1)
|
|
29
|
-
execjs (>= 1.2.9)
|
|
30
|
-
sprockets (>= 2.0.3)
|
|
31
|
-
tilt
|
|
32
|
-
highline (1.6.19)
|
|
33
|
-
hike (1.2.2)
|
|
34
|
-
jekyll (1.0.2)
|
|
35
|
-
classifier (~> 1.3)
|
|
36
|
-
colorator (~> 0.1)
|
|
37
|
-
commander (~> 4.1.3)
|
|
38
|
-
directory_watcher (~> 1.4.1)
|
|
39
|
-
kramdown (~> 1.0.2)
|
|
40
|
-
liquid (~> 2.3)
|
|
41
|
-
maruku (~> 0.5)
|
|
42
|
-
pygments.rb (~> 0.5.0)
|
|
43
|
-
safe_yaml (~> 0.7.0)
|
|
44
|
-
kramdown (1.0.2)
|
|
45
|
-
liquid (2.5.0)
|
|
46
|
-
maruku (0.6.1)
|
|
47
|
-
syntax (>= 1.0.0)
|
|
48
|
-
multi_json (1.7.3)
|
|
49
|
-
posix-spawn (0.3.6)
|
|
50
|
-
puma (2.0.1)
|
|
51
|
-
rack (>= 1.1, < 2.0)
|
|
52
|
-
pygmentize (0.0.3)
|
|
53
|
-
pygments.rb (0.5.0)
|
|
54
|
-
posix-spawn (~> 0.3.6)
|
|
55
|
-
yajl-ruby (~> 1.1.0)
|
|
56
|
-
rack (1.5.2)
|
|
57
|
-
rack-contrib (1.1.0)
|
|
58
|
-
rack (>= 0.9.1)
|
|
59
|
-
rack-rewrite (1.3.3)
|
|
60
|
-
rake (10.0.4)
|
|
61
|
-
safe_yaml (0.7.1)
|
|
62
|
-
sass (3.2.9)
|
|
63
|
-
sprockets (2.9.3)
|
|
64
|
-
hike (~> 1.2)
|
|
65
|
-
multi_json (~> 1.0)
|
|
66
|
-
rack (~> 1.0)
|
|
67
|
-
tilt (~> 1.1, != 1.3.0)
|
|
68
|
-
syntax (1.0.0)
|
|
69
|
-
tilt (1.4.1)
|
|
70
|
-
yajl-ruby (1.1.0)
|
|
71
|
-
|
|
72
|
-
PLATFORMS
|
|
73
|
-
ruby
|
|
74
|
-
|
|
75
|
-
DEPENDENCIES
|
|
76
|
-
atlas_assets!
|
|
77
|
-
coderay
|
|
78
|
-
jekyll
|
|
79
|
-
jekyll-assets!
|
|
80
|
-
kramdown
|
|
81
|
-
puma
|
|
82
|
-
pygmentize (~> 0.0.3)
|
|
83
|
-
rack-contrib
|
|
84
|
-
rack-rewrite
|
|
85
|
-
rake
|
|
86
|
-
sass
|