framous 0.3.6 → 0.3.7
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/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