Skip to content
GitLab
Menu
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
communs
communs-wp-theme
Commits
f3f78020
Commit
f3f78020
authored
Jul 30, 2016
by
numahell
Browse files
Improve typography
parent
54d171c2
Changes
4
Hide whitespace changes
Inline
Side-by-side
assets/scss/base/_typo.scss
View file @
f3f78020
strong
{
font-family
:
'AmbleBold'
;
font-weight
:
700
;
}
h1
,
h2
{
text-transform
:
uppercase
;
margin-top
:
2rem
;
}
h1
{
font-size
:
30px
;
color
:
$c-gray-7
;
}
h2
{
font-size
:
22px
;
color
:
$c-gray-6
;
font-weight
:
700
;
}
/* h1 {
font-size: 22px;
line-height: 24px;
...
...
@@ -17,16 +33,6 @@ h2 {
font-weight: 700;
} */
h1
{
text-transform
:
uppercase
;
color
:
$c-gray-7
;
}
h2
{
color
:
$c-gray-6
;
font-weight
:
700
;
}
a
{
color
:
$c-blue
;
text-decoration
:
underline
;
...
...
@@ -35,4 +41,4 @@ a {
a
.active
{
color
:
$c-orange
;
text-decoration
:
none
;
}
\ No newline at end of file
}
assets/scss/foundation.scss
View file @
f3f78020
...
...
@@ -76,8 +76,8 @@
*/
// Fonts, typo and colors
@import
"base/fonts"
;
@import
"base/typo"
;
@import
"base/fonts"
;
@import
"base/typo"
;
// Modules
@import
"modules/navigation"
;
...
...
assets/scss/global/_settings.scss
View file @
f3f78020
...
...
@@ -45,7 +45,7 @@
// 1. Global
// ---------
$global-font-size
:
100
%
;
$global-font-size
:
85
%
;
$global-width
:
rem-calc
(
1200
);
$global-lineheight
:
1
.5
;
$foundation-palette
:
(
...
...
@@ -59,10 +59,10 @@ $light-gray: #e6e6e6;
$medium-gray
:
#cacaca
;
$dark-gray
:
#8a8a8a
;
$black
:
#0a0a0a
;
$white
:
#f
efefe
;
$white
:
#f
5f5f5
;
$body-background
:
$white
;
$body-font-color
:
$
black
;
$body-font-family
:
'Helvetica Neue'
,
Helvetica
,
Roboto
,
Arial
,
sans-serif
;
$body-font-color
:
$
dark-gray
;
$body-font-family
:
"AmbleRegular"
,
Helvetica
,
sans-serif
;
$body-antialiased
:
true
;
$global-margin
:
1rem
;
$global-padding
:
1rem
;
...
...
@@ -102,7 +102,7 @@ $block-grid-max: 8;
// 4. Base Typography
// ------------------
$header-font-family
:
$body-font-family
;
$header-font-family
:
'Kreon'
,
serif
;
$header-font-weight
:
$global-weight-normal
;
$header-font-style
:
normal
;
$font-family-monospace
:
Consolas
,
'Liberation Mono'
,
Courier
,
monospace
;
...
...
@@ -110,23 +110,23 @@ $header-sizes: (
small
:
(
'h1'
:
24
,
'h2'
:
20
,
'h3'
:
1
9
,
'h4'
:
1
8
,
'h5'
:
1
7
,
'h6'
:
1
6
,
'h3'
:
1
8
,
'h4'
:
1
5
,
'h5'
:
1
3
,
'h6'
:
1
2
,
)
,
medium
:
(
'h1'
:
48
,
'h2'
:
40
,
'h3'
:
3
1
,
'h4'
:
25
,
'h5'
:
20
,
'h6'
:
1
6
,
'h1'
:
30
,
'h2'
:
22
,
'h3'
:
1
8
,
'h4'
:
16
,
'h5'
:
14
,
'h6'
:
1
2
,
)
,
);
$header-color
:
inherit
;
$header-lineheight
:
1
.4
;
$header-margin-bottom
:
0
.5rem
;
$header-margin-bottom
:
1
.5rem
;
$header-text-rendering
:
optimizeLegibility
;
$small-font-size
:
80%
;
$header-small-font-color
:
$medium-gray
;
...
...
assets/scss/templates/_front.scss
View file @
f3f78020
...
...
@@ -2,17 +2,16 @@
// Intro
.intro
{
@include
grid-row
();
.fp-intro
{
background-color
:
white
;
border
:
2px
dashed
$gray-lightest
;
border
:
2px
dashed
$gray-lightest
;
border-radius
:
10px
;
@include
breakpoint
(
small
)
{
@include
grid-column
(
12
)
;
padding
:
20px
40px
40px
;
}
}
}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment