framous 0.3.2 → 0.3.3
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.mkdn +6 -0
- data/stylesheets/framous/base/_base.scss +3 -1
- data/stylesheets/framous/base/_typography.scss +3 -4
- data/templates/project/config.rb +28 -0
- data/templates/project/index.html +2 -0
- data/templates/project/javascripts/plugins/framous.collapse.js +336 -0
- data/templates/project/javascripts/plugins/framous.dropdown.js +212 -0
- data/templates/project/javascripts/plugins/framous.modal.js +163 -0
- data/templates/project/javascripts/plugins/framous.scrollspy.js +221 -0
- data/templates/project/javascripts/plugins/framous.sticky.js +75 -0
- data/templates/project/javascripts/plugins/framous.toggle.js +162 -0
- data/templates/project/javascripts/plugins/framous.tooltip.js +262 -0
- data/templates/project/javascripts/vendors/jquery-1.10.1.min.js +6 -0
- data/templates/project/manifest.rb +15 -1
- data/templates/project/screen.scss +7 -1
- data/templates/project/stylesheets/layout/_footer.scss +3 -0
- data/templates/project/stylesheets/layout/_header.scss +3 -0
- data/templates/project/stylesheets/layout/_main.scss +3 -0
- metadata +16 -5
- data/templates/project/_settings.scss +0 -91
@@ -1,91 +0,0 @@
|
|
1
|
-
// ---------------------------------------------------------------------------
|
2
|
-
// Grid Settings
|
3
|
-
|
4
|
-
$grid-system-style: 'fluid'; // 'fluid' or 'fixed'
|
5
|
-
$nb-columns: 12;
|
6
|
-
$column-width: 60px;
|
7
|
-
$gutter-width: 20px;
|
8
|
-
$max-width: 1200px;
|
9
|
-
|
10
|
-
$border-box-sizing: true;
|
11
|
-
|
12
|
-
// Breakpoints
|
13
|
-
// Mobile First
|
14
|
-
|
15
|
-
$phone-wide: 480px;
|
16
|
-
$tablet: 768px;
|
17
|
-
$large-screen: 980px;
|
18
|
-
|
19
|
-
// ---------------------------------------------------------------------------
|
20
|
-
// Colors Settings
|
21
|
-
|
22
|
-
// Branding Set
|
23
|
-
|
24
|
-
$blue-set: #465aff;
|
25
|
-
$blue-dark-set: #143255;
|
26
|
-
$blue-light-set: #afe1fa;
|
27
|
-
|
28
|
-
// Colors Set
|
29
|
-
|
30
|
-
$white-set: #fff;
|
31
|
-
$grey-set: #808080;
|
32
|
-
$black-set: #000;
|
33
|
-
|
34
|
-
$background-body-color: $white-set;
|
35
|
-
$txt-color: $blue-dark-set;
|
36
|
-
$body-color: $blue-dark-set;
|
37
|
-
|
38
|
-
$border-color: lighten($grey-set,30);
|
39
|
-
|
40
|
-
$link-color: $blue-set;
|
41
|
-
$link-color-hover: $blue-dark-set;
|
42
|
-
|
43
|
-
// ---------------------------------------------------------------------------
|
44
|
-
// Type Settings
|
45
|
-
|
46
|
-
// Text Direction Settings
|
47
|
-
|
48
|
-
$text-direction: ltr;
|
49
|
-
$default-float: left;
|
50
|
-
$default-opposite: right;
|
51
|
-
|
52
|
-
@if $text-direction == ltr {
|
53
|
-
$default-float: left;
|
54
|
-
$default-opposite: right;
|
55
|
-
} @else {
|
56
|
-
$default-float: right;
|
57
|
-
$default-opposite: left;
|
58
|
-
}
|
59
|
-
|
60
|
-
// Font Settings
|
61
|
-
|
62
|
-
$font-family: "Open Sans", sans-serif;
|
63
|
-
|
64
|
-
$header-font-family: $font-family;
|
65
|
-
$header-font-color: $txt-color;
|
66
|
-
$body-font-family: $font-family;
|
67
|
-
$body-font-color: $body-color;
|
68
|
-
|
69
|
-
$font-weight-bold: 700;
|
70
|
-
$font-weight-normal: 400;
|
71
|
-
$font-weight-light: 300;
|
72
|
-
|
73
|
-
// Modular Scale Values
|
74
|
-
// http://typecast.com/blog/contrast-through-scale
|
75
|
-
|
76
|
-
$tera: 72px;
|
77
|
-
$giga: 60px;
|
78
|
-
$mega: 48px;
|
79
|
-
$h1: 36px; // h1
|
80
|
-
$h2: 24px; // h2
|
81
|
-
$h3: 21px; // h3
|
82
|
-
$h4: 18px; // h4
|
83
|
-
$h5: 16px; // h5
|
84
|
-
$p: 14px; // h6, p
|
85
|
-
|
86
|
-
// Vertical Rythm
|
87
|
-
// http://drewish.com/tools/vertical-rhythm
|
88
|
-
// http://typecast.com/blog/4-simple-steps-to-vertical-rhythm
|
89
|
-
|
90
|
-
$base-font-size: $p;
|
91
|
-
$base-line-height: 20px;
|