compass-pattern-primer 0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/lib/compass-pattern-primer.rb +31 -0
- data/stylesheets/compass-pattern-primer.scss +12 -0
- data/stylesheets/compass-pattern-primer/_base.scss +10 -0
- data/stylesheets/compass-pattern-primer/_modules.scss +8 -0
- data/stylesheets/compass-pattern-primer/_reset.scss +10 -0
- data/stylesheets/compass-pattern-primer/base/_buttons.scss +24 -0
- data/stylesheets/compass-pattern-primer/base/_forms.scss +26 -0
- data/stylesheets/compass-pattern-primer/base/_links.scss +24 -0
- data/stylesheets/compass-pattern-primer/base/_page.scss +16 -0
- data/stylesheets/compass-pattern-primer/base/_search.scss +19 -0
- data/stylesheets/compass-pattern-primer/base/_typography.scss +142 -0
- data/stylesheets/compass-pattern-primer/modules/_control.scss +3 -0
- data/stylesheets/compass-pattern-primer/modules/_feedback.scss +9 -0
- data/stylesheets/compass-pattern-primer/modules/_options.scss +3 -0
- data/stylesheets/compass-pattern-primer/modules/_pagination.scss +3 -0
- data/stylesheets/compass-pattern-primer/partials/_colors.scss +29 -0
- data/stylesheets/compass-pattern-primer/partials/_extendables.scss +188 -0
- data/stylesheets/compass-pattern-primer/partials/_functions.scss +8 -0
- data/stylesheets/compass-pattern-primer/partials/_mixins.scss +145 -0
- data/stylesheets/compass-pattern-primer/partials/variables/_variables.scss +18 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_buttons.scss +68 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_colors.scss +1 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_forms.scss +10 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_links.scss +31 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_page.scss +30 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_search.scss +20 -0
- data/stylesheets/compass-pattern-primer/partials/variables/base/_typography.scss +202 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_control.scss +24 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_feedback.scss +22 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_options.scss +23 -0
- data/stylesheets/compass-pattern-primer/partials/variables/modules/_pagination.scss +26 -0
- data/stylesheets/compass-pattern-primer/reset/_reset.scss +19 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss +51 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_formalize.scss +378 -0
- data/stylesheets/compass-pattern-primer/reset/libraries/_normalize.scss +935 -0
- data/templates/project/ie.scss +4 -0
- data/templates/project/manifest.rb +26 -0
- data/templates/project/pattern-primer.html +401 -0
- data/templates/project/print.scss +1 -0
- data/templates/project/screen.scss +3 -0
- metadata +112 -0
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
@mixin simple-background-gradient($button-color, $background-gradient-pos, $background-gradient-1, $background-gradient-2) {
|
|
2
|
+
color: $button-color;
|
|
3
|
+
// provide background color for older IEs
|
|
4
|
+
background-color: background-color-mix($background-gradient-1, $background-gradient-2);
|
|
5
|
+
@include background-image(linear-gradient($background-gradient-pos, $background-gradient-1, $background-gradient-2));
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@mixin bounding-box($type, $amount: false, $side: false, $color: false, $style: false, $width: false) {
|
|
9
|
+
@if $type == 'border' and $side == none {
|
|
10
|
+
#{$type}: $side;
|
|
11
|
+
} @else if $type == 'border' and $side {
|
|
12
|
+
#{$type}-#{$side}: $color $style $width;
|
|
13
|
+
} @else if $type == 'border' {
|
|
14
|
+
#{$type}: $color $style $width;
|
|
15
|
+
} @else if $side {
|
|
16
|
+
#{$type}-#{$side}: $amount;
|
|
17
|
+
} @else {
|
|
18
|
+
#{$type}: $amount;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@mixin type-size($size, $leading: false) {
|
|
23
|
+
font-size: $size;
|
|
24
|
+
@if $leading { line-height: $leading; }
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
@mixin bold-italic-uppercase-variant($bold :default, $italic: false, $uppercase: false, $variant: false) {
|
|
28
|
+
@if $bold { font-weight: bold; } @else { font-weight: normal; }
|
|
29
|
+
@if $italic { font-style: italic; }
|
|
30
|
+
@if $uppercase { text-transform: uppercase; }
|
|
31
|
+
@if $variant { font-variant: small-caps; }
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@mixin content-before-after($content, $before: default, $after:false ) {
|
|
35
|
+
@if $before { &:before { content: $content; } }
|
|
36
|
+
@if $after { &:after { content: $content; } }
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
// From https://github.com/Team-Sass/Style-Prototypes
|
|
40
|
+
@mixin generate-colour-guide($colours...) {
|
|
41
|
+
$singleton: false;
|
|
42
|
+
$length: 0;
|
|
43
|
+
|
|
44
|
+
@if length($colours) == 1 and type-of(nth($colours, 1)) == 'list' {
|
|
45
|
+
$colours: nth($colours, 1);
|
|
46
|
+
$singleton: true;
|
|
47
|
+
$length: length($colours);
|
|
48
|
+
}
|
|
49
|
+
@else if length($colours) > 0 {
|
|
50
|
+
$length: length(nth($colours, 1));
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
@if length($colours) > 0 {
|
|
54
|
+
.color-guide {
|
|
55
|
+
ul {
|
|
56
|
+
margin: 0;
|
|
57
|
+
padding: 0;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
li {
|
|
61
|
+
list-style: none;
|
|
62
|
+
height: 3em;
|
|
63
|
+
position: relative;
|
|
64
|
+
|
|
65
|
+
@include grid-span(1, 1, $length, 0, $output-style: 'float');
|
|
66
|
+
|
|
67
|
+
&:nth-child(#{$length}n) {
|
|
68
|
+
@include grid-span(1, ($length), $length, 0, $output-style: 'float');
|
|
69
|
+
margin-right: 0;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
&:before, &:after,
|
|
73
|
+
&:nth-child(#{$length}n):before,
|
|
74
|
+
&:nth-child(#{$length}n):after {
|
|
75
|
+
position: absolute;
|
|
76
|
+
height: 1.25em;
|
|
77
|
+
width: 100%;
|
|
78
|
+
@include box-sizing('border-box');
|
|
79
|
+
margin: 0;
|
|
80
|
+
padding: 0;
|
|
81
|
+
left: 0;
|
|
82
|
+
text-align: center;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
&:before {
|
|
86
|
+
top: .25em;
|
|
87
|
+
}
|
|
88
|
+
&:after {
|
|
89
|
+
bottom: .25em;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@if $singleton == true {
|
|
93
|
+
$i: 1;
|
|
94
|
+
@each $colour in $colours {
|
|
95
|
+
&:nth-child(#{$i}) {
|
|
96
|
+
background-color: $colour;
|
|
97
|
+
@include colour-name($colour, $i);
|
|
98
|
+
}
|
|
99
|
+
$i: $i+1;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
@else {
|
|
103
|
+
$i: 1;
|
|
104
|
+
@each $colour in $colours {
|
|
105
|
+
$j: 1;
|
|
106
|
+
@each $single in $colour {
|
|
107
|
+
&:nth-child(#{$i}) {
|
|
108
|
+
background-color: $single;
|
|
109
|
+
@include colour-name($single, $j);
|
|
110
|
+
}
|
|
111
|
+
$j: $j+1;
|
|
112
|
+
$i: $i+1;
|
|
113
|
+
}
|
|
114
|
+
$j: 1;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
@mixin generate-color-guide($colors...) {
|
|
124
|
+
@include generate-colour-guide($colors);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
@mixin colour-name($colour, $position) {
|
|
128
|
+
$lightness: lightness($colour);
|
|
129
|
+
|
|
130
|
+
$color: black;
|
|
131
|
+
|
|
132
|
+
@if $lightness < 50% {
|
|
133
|
+
$color: white;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
&:before, &:after {
|
|
137
|
+
color: $color;
|
|
138
|
+
}
|
|
139
|
+
&:before {
|
|
140
|
+
content: '#{$colour}';
|
|
141
|
+
}
|
|
142
|
+
&:after {
|
|
143
|
+
content: attr(data-sass);
|
|
144
|
+
}
|
|
145
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
$experimental-support-for-microsoft: false; // removes support for MS vendor prefix
|
|
2
|
+
$experimental-support-for-khtml: false;
|
|
3
|
+
$experimental-support-for-opera: false;
|
|
4
|
+
|
|
5
|
+
@import "compass-pattern-primer/partials/variables/base/_page";
|
|
6
|
+
@import "compass-pattern-primer/partials/variables/base/_typography";
|
|
7
|
+
@import "compass-pattern-primer/partials/variables/base/_forms";
|
|
8
|
+
@import "compass-pattern-primer/partials/variables/base/_search";
|
|
9
|
+
@import "compass-pattern-primer/partials/variables/base/_buttons";
|
|
10
|
+
@import "compass-pattern-primer/partials/variables/base/_links";
|
|
11
|
+
@import "compass-pattern-primer/partials/variables/base/_colors";
|
|
12
|
+
|
|
13
|
+
@import "compass-pattern-primer/partials/variables/modules/_control";
|
|
14
|
+
@import "compass-pattern-primer/partials/variables/modules/_feedback";
|
|
15
|
+
@import "compass-pattern-primer/partials/variables/modules/_options";
|
|
16
|
+
@import "compass-pattern-primer/partials/variables/modules/_pagination";
|
|
17
|
+
|
|
18
|
+
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
/// Buttons
|
|
2
|
+
$button-font-family: $secondary-font !default;
|
|
3
|
+
$button-padding: 0.5em 1em !default;
|
|
4
|
+
$button-border-pos: false !default;
|
|
5
|
+
$button-border-width: 1px !default;
|
|
6
|
+
$button-border-style: solid !default;
|
|
7
|
+
$button-border-color: #666 !default;
|
|
8
|
+
$button-border-radius: 1em !default;
|
|
9
|
+
$button-color: #fff !default;
|
|
10
|
+
$button-text-shadow: 0 -1px 0 rgba(#fff, 0.25) !default;
|
|
11
|
+
$button-gradient-pos: top !default;
|
|
12
|
+
$button-gradient-stop-1: #47a !default;
|
|
13
|
+
$button-gradient-stop-2: #258 !default;
|
|
14
|
+
//// Hover & Focus
|
|
15
|
+
$button-hover-color: $button-color !default;
|
|
16
|
+
$button-hover-text-shadow: 0 -1px 0 rgba(#fff, 0.25) !default;
|
|
17
|
+
$button-hover-gradient-pos: $button-gradient-pos !default;
|
|
18
|
+
$button-hover-gradient-stop-1: #d04 !default;
|
|
19
|
+
$button-hover-gradient-stop-2: #b02 !default;
|
|
20
|
+
//// Active
|
|
21
|
+
$button-active-color: $button-color !default;
|
|
22
|
+
$button-active-text-shadow: -1px 0 0 rgba(#fff, 0.25) !default;
|
|
23
|
+
$button-active-gradient-pos: $button-gradient-pos !default;
|
|
24
|
+
$button-active-gradient-stop-1: #800 !default;
|
|
25
|
+
$button-active-gradient-stop-2: #a00 !default;
|
|
26
|
+
//// Action
|
|
27
|
+
$button-action-color: #fff !default;
|
|
28
|
+
$button-action-text-shadow: -1px -1px 0 rgba(#000, 0.25) !default;
|
|
29
|
+
$button-action-gradient-pos: $button-gradient-pos !default;
|
|
30
|
+
$button-action-gradient-stop-1: #007ae5 !default;
|
|
31
|
+
$button-action-gradient-stop-2: #005fb3 !default;
|
|
32
|
+
//// Action Hover & Focus
|
|
33
|
+
$button-action-hover-color: #fff !default;
|
|
34
|
+
$button-action-hover-text-shadow: -1px -1px 0 rgba(#000, 0.25) !default;
|
|
35
|
+
$button-action-hover-gradient-pos: $button-gradient-pos !default;
|
|
36
|
+
$button-action-hover-gradient-stop-1: #004480 !default;
|
|
37
|
+
$button-action-hover-gradient-stop-2: #004b8c !default;
|
|
38
|
+
//// Action Active
|
|
39
|
+
$button-action-active-color: #fff !default;
|
|
40
|
+
$button-action-active-text-shadow: -1px -1px 0 rgba(#000, 0.25) !default;
|
|
41
|
+
$button-action-active-gradient-pos: $button-gradient-pos !default;
|
|
42
|
+
$button-action-active-gradient-stop-1: #003059 !default;
|
|
43
|
+
$button-action-active-gradient-stop-2: #004b8c !default;
|
|
44
|
+
//// Cancel
|
|
45
|
+
$button-cancel-color: #fff !default;
|
|
46
|
+
$button-cancel-text-shadow: 0 -1px 0 rgba(#000, 0.25) !default;
|
|
47
|
+
$button-cancel-gradient-pos: $button-gradient-pos !default;
|
|
48
|
+
$button-cancel-gradient-stop-1: #ee5f5b !default;
|
|
49
|
+
$button-cancel-gradient-stop-2: #bd362f !default;
|
|
50
|
+
//// Cancel Hover & Focus
|
|
51
|
+
$button-cancel-hover-color: #fff !default;
|
|
52
|
+
$button-cancel-hover-text-shadow: -1px -1px 0 rgba(#000, 0.25) !default;
|
|
53
|
+
$button-cancel-hover-gradient-pos: $button-gradient-pos !default;
|
|
54
|
+
$button-cancel-hover-gradient-stop-1: #a32f29 !default;
|
|
55
|
+
$button-cancel-hover-gradient-stop-2: #d63e36 !default;
|
|
56
|
+
//// Cancel Active
|
|
57
|
+
$button-cancel-active-color: #fff !default;
|
|
58
|
+
$button-cancel-active-text-shadow: -1px -1px 0 rgba(#000, 0.25) !default;
|
|
59
|
+
$button-cancel-active-gradient-pos: $button-gradient-pos !default;
|
|
60
|
+
$button-cancel-active-gradient-stop-1: #7a231f !default;
|
|
61
|
+
$button-cancel-active-gradient-stop-2: #ad322b !default;
|
|
62
|
+
//// disabled
|
|
63
|
+
$button-disabled-color: #333 !default;
|
|
64
|
+
$button-disabled-opacity: .75 !default;
|
|
65
|
+
$button-disabled-text-shadow: 0 -1px 0 rgba(#000, 0.25) !default;
|
|
66
|
+
$button-disabled-gradient-pos: $button-gradient-pos !default;
|
|
67
|
+
$button-disabled-gradient-stop-1: #E6E6E6 !default;
|
|
68
|
+
$button-disabled-gradient-stop-2: #E6E6E6 !default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
$primary-color: #369 !default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// Forms _forms.scss
|
|
2
|
+
$forms-background-color: #fff !default;
|
|
3
|
+
$forms-padding: 0.125em !default;
|
|
4
|
+
$forms-border-pos: false !default;
|
|
5
|
+
$forms-border-width: 1px !default;
|
|
6
|
+
$forms-border-style: solid !default;
|
|
7
|
+
$forms-border-color: #ccc !default;
|
|
8
|
+
$forms-border-radius: 0.25em !default;
|
|
9
|
+
$forms-focus-border-color: #666 !default;
|
|
10
|
+
$forms-required-border-color: #999 !default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
$link-color: #369 !default;
|
|
2
|
+
$link-text-decoration: none !default;
|
|
3
|
+
$link-border-pos: bottom !default;
|
|
4
|
+
$link-border-width: 1px !default;
|
|
5
|
+
$link-border-style: dotted !default;
|
|
6
|
+
$link-border-color: $link-color !default;
|
|
7
|
+
/// Visited
|
|
8
|
+
$link-visited-link-color: $link-color !default;
|
|
9
|
+
$link-visited-border-pos: $link-border-pos !default;
|
|
10
|
+
$link-visited-border-width: $link-border-width !default;
|
|
11
|
+
$link-visited-border-style: $link-border-style !default;
|
|
12
|
+
$link-visited-border-color: $link-border-color !default;
|
|
13
|
+
/// Hover
|
|
14
|
+
$link-hover-text-decoration: underline !default;
|
|
15
|
+
$link-hover-link-color: #c03 !default;
|
|
16
|
+
$link-hover-border-pos: $link-border-pos !default;
|
|
17
|
+
$link-hover-border-width: $link-border-width !default;
|
|
18
|
+
$link-hover-border-style: $link-border-style !default;
|
|
19
|
+
$link-hover-border-color: $link-hover-link-color !default;
|
|
20
|
+
/// Active
|
|
21
|
+
$link-active-link-color: #900 !default;
|
|
22
|
+
$link-active-border-pos: $link-border-pos !default;
|
|
23
|
+
$link-active-border-width: $link-border-width !default;
|
|
24
|
+
$link-active-border-style: $link-border-style !default;
|
|
25
|
+
$link-active-border-color: $link-active-link-color !default;
|
|
26
|
+
/// Logo and Headers
|
|
27
|
+
$headers-link-color: $link-color !default;
|
|
28
|
+
$logo-headers-border-pos: none !default;
|
|
29
|
+
$logo-headers-border-width: 0 !default;
|
|
30
|
+
$logo-headers-border-style: $link-border-style !default;
|
|
31
|
+
$logo-headers-border-color: $link-active-link-color !default;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/// html
|
|
2
|
+
$html-border-pos: top !default;
|
|
3
|
+
// Typography _typography.scss
|
|
4
|
+
$body-font-family: Palatino, Cambria, Georgia, serif !default;
|
|
5
|
+
$secondary-font: Calibri, 'Helvetica Neue', Arial, sans-serif !default;
|
|
6
|
+
$header-font-family: $body-font-family !default;
|
|
7
|
+
$monospaced-font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", monospace !default;
|
|
8
|
+
|
|
9
|
+
$html-border-width: 0.5em !default;
|
|
10
|
+
$html-border-style: solid !default;
|
|
11
|
+
$html-border-color: #693 !default;
|
|
12
|
+
$html-background-color: #eee !default;
|
|
13
|
+
|
|
14
|
+
/// body
|
|
15
|
+
$body-background-color: #fefefe !default;
|
|
16
|
+
$body-background-rgba: rgba(255,255,255,0.9) !default;
|
|
17
|
+
$body-margin: 0 2.5% !default;
|
|
18
|
+
$body-padding: 0 2.5% !default;
|
|
19
|
+
$body-font-size: 100% !default;
|
|
20
|
+
$body-line-height: 1.875em !default;
|
|
21
|
+
$body-color: #333 !default;
|
|
22
|
+
$body-border-pos: left !default;
|
|
23
|
+
$body-border-width: 1px !default;
|
|
24
|
+
$body-border-style: solid !default;
|
|
25
|
+
$body-border-color: #ddd !default;
|
|
26
|
+
$body-border-pos2: right !default;
|
|
27
|
+
$body-border-width2: $body-border-width !default;
|
|
28
|
+
$body-border-style2: $body-border-style !default;
|
|
29
|
+
$body-border-color2: $body-border-color !default;
|
|
30
|
+
$body-border-color-rgba: rgba(0,0,0,0.13) !default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// Search
|
|
2
|
+
$search-border-radius: 1em !default;
|
|
3
|
+
$search-background-color: #fff !default;
|
|
4
|
+
$search-padding: 0 0.75em !default;
|
|
5
|
+
$search-border-pos: false !default;
|
|
6
|
+
$search-border-width: 1px !default;
|
|
7
|
+
$search-border-style: solid !default;
|
|
8
|
+
$search-border-color: #ccc !default;
|
|
9
|
+
//// Search Input
|
|
10
|
+
$search-input-border-pos: none !default;
|
|
11
|
+
$search-input-border-width: 0 !default;
|
|
12
|
+
$search-input-border-style: solid !default;
|
|
13
|
+
$search-input-border-color: #ccc !default;
|
|
14
|
+
$search-input-border-radius: 0 !default;
|
|
15
|
+
//// Search Input Image
|
|
16
|
+
$search-image-background-color: $search-background-color !default;
|
|
17
|
+
$search-image-width: 0.9375em !default;
|
|
18
|
+
$search-image-top: 0.2em !default;
|
|
19
|
+
$search-image-right: 0.6em !default;
|
|
20
|
+
$search-image-padding: 0.2em 0.2em !default;
|
|
@@ -0,0 +1,202 @@
|
|
|
1
|
+
/// Headers
|
|
2
|
+
//// h1
|
|
3
|
+
$h1-font-bold: false !default; // normal
|
|
4
|
+
$h1-font-italic: false !default; // normal
|
|
5
|
+
$h1-font-uppercase: false !default; // normal
|
|
6
|
+
$h1-font-variant: false !default; // normal
|
|
7
|
+
$h1-font-size: 2.5em !default;
|
|
8
|
+
$h1-line-height: 1.125em !default;
|
|
9
|
+
$h1-padding: 1em !default;
|
|
10
|
+
$h1-padding-pos: top !default;
|
|
11
|
+
$h1-margin: 0.3em !default;
|
|
12
|
+
$h1-margin-pos: bottom !default;
|
|
13
|
+
$h1-color: #444 !default;
|
|
14
|
+
$h1-border-pos: bottom !default;
|
|
15
|
+
$h1-border-width: 0.2em !default;
|
|
16
|
+
$h1-border-style: solid !default;
|
|
17
|
+
$h1-border-color: #693 !default;
|
|
18
|
+
//// h2
|
|
19
|
+
$h2-font-bold: false !default; // normal
|
|
20
|
+
$h2-font-italic: false !default; // normal
|
|
21
|
+
$h2-font-uppercase: false !default; // normal
|
|
22
|
+
$h2-font-variant: false !default; // normal
|
|
23
|
+
$h2-font-size: 1.875em !default;
|
|
24
|
+
$h2-line-height: 1.5em !default;
|
|
25
|
+
$h2-padding: 0.8333em !default;
|
|
26
|
+
$h2-padding-pos: top !default;
|
|
27
|
+
$h2-margin: 0.7em !default;
|
|
28
|
+
$h2-margin-pos: bottom !default;
|
|
29
|
+
$h2-color: #555 !default;
|
|
30
|
+
$h2-border-pos: bottom !default;
|
|
31
|
+
$h2-border-width: 0.13333em !default;
|
|
32
|
+
$h2-border-style: solid !default;
|
|
33
|
+
$h2-border-color: #693 !default;
|
|
34
|
+
//// h3
|
|
35
|
+
$h3-font-bold: false !default; // normal
|
|
36
|
+
$h3-font-italic: false !default; // normal
|
|
37
|
+
$h3-font-uppercase: false !default; // normal
|
|
38
|
+
$h3-font-variant: false !default; // normal
|
|
39
|
+
$h3-font-size: 1.5625em !default;
|
|
40
|
+
$h3-line-height: 1.4em !default;
|
|
41
|
+
$h3-padding: 1em !default;
|
|
42
|
+
$h3-padding-pos: top !default;
|
|
43
|
+
$h3-margin: 0.7em !default;
|
|
44
|
+
$h3-margin-pos: bottom !default;
|
|
45
|
+
$h3-color: #666 !default;
|
|
46
|
+
$h3-border-pos: bottom !default;
|
|
47
|
+
$h3-border-width: 0.1em !default;
|
|
48
|
+
$h3-border-style: solid !default;
|
|
49
|
+
$h3-border-color: #693 !default;
|
|
50
|
+
//// h4
|
|
51
|
+
$h4-font-bold: false !default; // normal
|
|
52
|
+
$h4-font-italic: false !default; // normal
|
|
53
|
+
$h4-font-uppercase: false !default; // normal
|
|
54
|
+
$h4-font-variant: false !default; // normal
|
|
55
|
+
$h4-font-size: 1.25em !default;
|
|
56
|
+
$h4-line-height: 1.5em !default;
|
|
57
|
+
$h4-padding: 1em !default;
|
|
58
|
+
$h4-padding-pos: top !default;
|
|
59
|
+
$h4-margin: 1em !default;
|
|
60
|
+
$h4-margin-pos: bottom !default;
|
|
61
|
+
$h4-color: #777 !default;
|
|
62
|
+
$h4-border-pos: none !default;
|
|
63
|
+
$h4-border-width: 0 !default;
|
|
64
|
+
$h4-border-style: solid !default;
|
|
65
|
+
$h4-border-color: #693 !default;
|
|
66
|
+
//// h5
|
|
67
|
+
$h5-font-bold: false !default; // normal
|
|
68
|
+
$h5-font-italic: false !default; // normal
|
|
69
|
+
$h5-font-uppercase: false !default; // normal
|
|
70
|
+
$h5-font-variant: false !default; // normal
|
|
71
|
+
$h5-font-size: 1.125em !default;
|
|
72
|
+
$h5-line-height: 1.6667em !default;
|
|
73
|
+
$h5-padding: 1.1111em !default;
|
|
74
|
+
$h5-padding-pos: top !default;
|
|
75
|
+
$h5-margin: 0 !default;
|
|
76
|
+
$h5-margin-pos: false !default;
|
|
77
|
+
$h5-color: #888 !default;
|
|
78
|
+
$h5-border-pos: none !default;
|
|
79
|
+
$h5-border-width: 0em !default;
|
|
80
|
+
$h5-border-style: solid !default;
|
|
81
|
+
$h5-border-color: #693 !default;
|
|
82
|
+
//// h6
|
|
83
|
+
$h6-font-bold: false !default; // normal
|
|
84
|
+
$h6-font-italic: false !default; // normal
|
|
85
|
+
$h6-font-uppercase: false !default; // normal
|
|
86
|
+
$h6-font-variant: false !default; // normal
|
|
87
|
+
$h6-font-size: inherit !default;
|
|
88
|
+
$h6-line-height: inherit !default;
|
|
89
|
+
$h6-padding: 1em !default;
|
|
90
|
+
$h6-padding-pos: top !default;
|
|
91
|
+
$h6-margin: 0 !default;
|
|
92
|
+
$h6-margin-pos: false !default;
|
|
93
|
+
$h6-color: #999 !default;
|
|
94
|
+
$h6-border-pos: none !default;
|
|
95
|
+
$h6-border-width: 0em !default;
|
|
96
|
+
$h6-border-style: solid !default;
|
|
97
|
+
$h6-border-color: #693 !default;
|
|
98
|
+
/// hr
|
|
99
|
+
$hr-border-pos: none !default;
|
|
100
|
+
$hr-border-width: 0em !default;
|
|
101
|
+
$hr-border-style: solid !default;
|
|
102
|
+
$hr-border-color: #333 !default;
|
|
103
|
+
$hr-height: 0.1em !default;
|
|
104
|
+
$hr-background: #ccc !default;
|
|
105
|
+
$hr-background-rgba: rgba(0,0,0,0.2) !default;
|
|
106
|
+
/// p, ul, ol, hr, table, form, fieldset
|
|
107
|
+
$element-margin: 1.25em 0 !default;
|
|
108
|
+
/// li
|
|
109
|
+
$li-list-style-position: inside !default;
|
|
110
|
+
$li-margin: 1em !default;
|
|
111
|
+
$li-margin-pos: left !default;
|
|
112
|
+
$li-text-indent: -1em !default;
|
|
113
|
+
/// blockquote
|
|
114
|
+
$blockquote-margin: 1em !default;
|
|
115
|
+
$blockquote-font-family: $body-font-family !default;
|
|
116
|
+
$blockquote-padding: 0 1em !default;
|
|
117
|
+
$blockquote-font-bold: false !default; // normal
|
|
118
|
+
$blockquote-font-italic: true !default; // italic
|
|
119
|
+
$blockquote-font-uppercase: false !default; // normal
|
|
120
|
+
$blockquote-font-variant: false !default; // normal
|
|
121
|
+
$blockquote-font-size: 1.25em !default;
|
|
122
|
+
$blockquote-line-height: 1.5em !default;
|
|
123
|
+
$blockquote-letter-spacing: 0.05em !default;
|
|
124
|
+
$blockquote-color: #888 !default;
|
|
125
|
+
$blockquote-border-pos: top !default;
|
|
126
|
+
$blockquote-border-width: 0.1em !default;
|
|
127
|
+
$blockquote-border-style: solid !default;
|
|
128
|
+
$blockquote-border-color: #ccc !default;
|
|
129
|
+
$blockquote-border-pos2: bottom !default;
|
|
130
|
+
$blockquote-border-width2: $blockquote-border-width !default;
|
|
131
|
+
$blockquote-border-style2: $blockquote-border-style !default;
|
|
132
|
+
$blockquote-border-color2: $blockquote-border-color !default;
|
|
133
|
+
$blockquote-border-rgba: rgba(0,0,0,0.2) !default;
|
|
134
|
+
$blockquote-border-radius: 0.25em !default;
|
|
135
|
+
/// blockquote em
|
|
136
|
+
$blockquote-em-font-bold: false !default; // normal
|
|
137
|
+
$blockquote-em-font-italic: false !default; // normal
|
|
138
|
+
$blockquote-em-font-uppercase: false !default; // normal
|
|
139
|
+
$blockquote-em-font-variant: false !default; // normal
|
|
140
|
+
/// figcaption
|
|
141
|
+
$figcaption-font-family: $body-font-family !default;
|
|
142
|
+
$figcaption-font-bold: false !default; // normal
|
|
143
|
+
$figcaption-font-italic: true !default; // italic
|
|
144
|
+
$figcaption-font-uppercase: false !default; // normal
|
|
145
|
+
$figcaption-font-variant: false !default; // normal
|
|
146
|
+
$figcaption-font-size: 0.857em !default;
|
|
147
|
+
$figcaption-line-height: 1.4286em !default;
|
|
148
|
+
$figcaption-color: #666 !default;
|
|
149
|
+
/// article
|
|
150
|
+
$article-font-size: 1.125em !default;
|
|
151
|
+
$article-line-height: 1.6667em !default;
|
|
152
|
+
$article-word-spacing: 0.1em !default;
|
|
153
|
+
$article-margin: 1.1111em 0 !default;
|
|
154
|
+
/// article:first-letter
|
|
155
|
+
$article-fl-display: inline-block !default;
|
|
156
|
+
$article-fl-float: left !default;
|
|
157
|
+
$article-fl-font-family: $secondary-font !default;
|
|
158
|
+
$article-fl-font-bold: true !default; // bold
|
|
159
|
+
$article-fl-font-italic: false !default; // normal
|
|
160
|
+
$article-fl-font-uppercase: false !default; // normal
|
|
161
|
+
$article-fl-font-variant: false !default; // normal
|
|
162
|
+
$article-fl-font-size: 3.5em !default;
|
|
163
|
+
$article-fl-line-height: 1em !default;
|
|
164
|
+
$article-fl-letter-spacing: -0.025em !default;
|
|
165
|
+
$article-fl-margin: 0.075em !default;
|
|
166
|
+
$article-fl-margin-pos: right !default;
|
|
167
|
+
$article-fl-background-color: #fff !default;
|
|
168
|
+
$article-fl-color: #333 !default;
|
|
169
|
+
$article-fl-border-pos: none !default;
|
|
170
|
+
$article-fl-border-width: 1px !default;
|
|
171
|
+
$article-fl-border-style: solid !default;
|
|
172
|
+
$article-fl-border-color: #333 !default;
|
|
173
|
+
/// time
|
|
174
|
+
$time-display: block !default;
|
|
175
|
+
$time-text-align: right !default;
|
|
176
|
+
$time-font-family: $body-font-family !default;
|
|
177
|
+
$time-font-bold: false !default; // normal
|
|
178
|
+
$time-font-italic: false !default; // normal
|
|
179
|
+
$time-font-uppercase: true !default; // uppercase
|
|
180
|
+
$time-font-variant: false !default; // normal
|
|
181
|
+
$time-font-size: 0.75em !default;
|
|
182
|
+
$time-line-height: 1.6667em !default;
|
|
183
|
+
$time-letter-spacing: 0.2em !default;
|
|
184
|
+
$time-color: #888 !default;
|
|
185
|
+
$time-content: '—' !default;
|
|
186
|
+
/// pre
|
|
187
|
+
$pre-font-family: $monospaced-font-family !default;
|
|
188
|
+
$pre-margin: 1em !default;
|
|
189
|
+
$pre-margin-pos: false !default;
|
|
190
|
+
$pre-padding: 2em !default;
|
|
191
|
+
$pre-padding-pos: false !default;
|
|
192
|
+
$pre-border-pos: false !default;
|
|
193
|
+
$pre-border-width: 1px !default;
|
|
194
|
+
$pre-border-style: solid !default;
|
|
195
|
+
$pre-border-color: #ddd !default;
|
|
196
|
+
$pre-color: #333 !default;
|
|
197
|
+
$pre-gradient-pos: top !default;
|
|
198
|
+
$pre-gradient-stop-1: #ccc !default;
|
|
199
|
+
$pre-gradient-stop-2: #eee !default;
|
|
200
|
+
$pre-border-radius: 2em !default;
|
|
201
|
+
$pre-font-size: inherit !default;
|
|
202
|
+
$pre-line-height: false !default;
|