framous 0.3.6 → 0.3.7
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 +0 -4
- data/stylesheets/framous/utility/_framous-settings.scss +0 -8
- data/stylesheets/framous/utility/_functions.scss +24 -10
- data/stylesheets/framous/utility/_mixins.scss +6 -0
- data/templates/project/manifest.rb +2 -0
- data/templates/project/screen.scss +9 -4
- metadata +3 -3
data/CHANGELOG.mkdn
CHANGED
@@ -49,14 +49,6 @@ $text-direction: ltr;
|
|
49
49
|
$default-float: left;
|
50
50
|
$default-opposite: right;
|
51
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
52
|
// Font Settings
|
61
53
|
|
62
54
|
$font-family: "Open Sans", sans-serif;
|
@@ -1,20 +1,34 @@
|
|
1
1
|
// ---------------------------------------------------------------------------
|
2
2
|
// Functions
|
3
|
-
//
|
3
|
+
// Typography Functions
|
4
4
|
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
5
|
+
// Text Direction Settings
|
6
|
+
|
7
|
+
@if $text-direction == ltr {
|
8
|
+
$default-float: left;
|
9
|
+
$default-opposite: right;
|
10
|
+
} @else {
|
11
|
+
$default-float: right;
|
12
|
+
$default-opposite: left;
|
13
13
|
}
|
14
14
|
|
15
|
+
// Return em
|
16
|
+
|
15
17
|
@function px-to-em(
|
16
18
|
$px,
|
17
19
|
$base : $base-font-size
|
18
20
|
) {
|
19
|
-
|
21
|
+
@return ($px / $base) * 1em;
|
22
|
+
}
|
23
|
+
|
24
|
+
// Calculate rhythm units
|
25
|
+
|
26
|
+
@function rhythm(
|
27
|
+
$lines : 1,
|
28
|
+
$font-size : 1em
|
29
|
+
) {
|
30
|
+
@if $lines == auto {
|
31
|
+
$lines : ceil($font-size / $base-line-height);
|
32
|
+
}
|
33
|
+
@return $base-line-height / $font-size * $lines * 1em;
|
20
34
|
}
|
@@ -2,11 +2,15 @@
|
|
2
2
|
// Mixins
|
3
3
|
// Vertical Rhythm
|
4
4
|
|
5
|
+
// Establish Baseline
|
6
|
+
|
5
7
|
@mixin establish-baseline() {
|
6
8
|
font-size: $base-font-size;
|
7
9
|
line-height: $base-line-height;
|
8
10
|
}
|
9
11
|
|
12
|
+
// Adjust a block to have a different font size and line height to maintain the rhythm
|
13
|
+
|
10
14
|
@mixin adjust-font-size-to(
|
11
15
|
$font-size,
|
12
16
|
$lines : ceil($font-size / $base-line-height)
|
@@ -15,6 +19,8 @@
|
|
15
19
|
line-height: rhythm($lines, $font-size);
|
16
20
|
}
|
17
21
|
|
22
|
+
// Show a background image that can be used to debug your alignments
|
23
|
+
|
18
24
|
@mixin debug-vertical-alignment($background-color : white) {
|
19
25
|
position: relative;
|
20
26
|
|
@@ -2,7 +2,9 @@ description 'Framous Compass Gem'
|
|
2
2
|
|
3
3
|
# Sass Files
|
4
4
|
stylesheet 'screen.scss', :media => 'screen, projection'
|
5
|
+
|
5
6
|
stylesheet '../../stylesheets/framous/utility/_framous-settings.scss', :to => 'utility/_settings.scss'
|
7
|
+
stylesheet '../../stylesheets/framous/base/_typography.scss', :to => 'base/_typography.scss'
|
6
8
|
stylesheet '../../stylesheets/framous/base/_base.scss', :to => 'layout/_base.scss'
|
7
9
|
stylesheet 'stylesheets/layout/_header.scss', :to => 'layout/_header.scss'
|
8
10
|
stylesheet 'stylesheets/layout/_main.scss', :to => 'layout/_main.scss'
|
@@ -1,6 +1,8 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
/* ---------------------------------------------------------------------------
|
2
|
+
Framous: http://getframo.us
|
3
|
+
@version: v0.3.7
|
4
|
+
@credits: (c) 2013 Framous
|
5
|
+
*//
|
4
6
|
|
5
7
|
@charset "utf-8";
|
6
8
|
|
@@ -10,9 +12,12 @@
|
|
10
12
|
// Framous
|
11
13
|
@import "framous";
|
12
14
|
|
13
|
-
// Settings
|
15
|
+
// Settings
|
14
16
|
@import "utility/settings";
|
15
17
|
|
18
|
+
// Base
|
19
|
+
@import "base/typography";
|
20
|
+
|
16
21
|
// Layout
|
17
22
|
@import "layout/base";
|
18
23
|
@import "layout/header";
|
metadata
CHANGED