tweak fonts for image caption
This commit is contained in:
parent
eebeed7600
commit
5c1c21c1f2
@ -44,6 +44,9 @@ $body-serif: "Bree Serif",$serif;
|
|||||||
$header-color: darken($body-background-color,80%);
|
$header-color: darken($body-background-color,80%);
|
||||||
$header-link-color: darken($body-background-color,70%);
|
$header-link-color: darken($body-background-color,70%);
|
||||||
|
|
||||||
|
$image-caption-serif: "Neucha", $sans-serif;
|
||||||
|
$image-caption-color: $body-color;
|
||||||
|
|
||||||
$main-link-color: darken($body-background-color,80%);
|
$main-link-color: darken($body-background-color,80%);
|
||||||
$main-heading-color: hsl($hue,50,30);
|
$main-heading-color: hsl($hue,50,30);
|
||||||
$main-aside-color: hsl($hue,70,30);
|
$main-aside-color: hsl($hue,70,30);
|
||||||
@ -60,15 +63,17 @@ $footer-link-color: lighten($footer-color,10%);
|
|||||||
$footer-serif: $serif;
|
$footer-serif: $serif;
|
||||||
|
|
||||||
|
|
||||||
//
|
// use local fonts?
|
||||||
$local-google-fonts: true; // TODO
|
$local-google-fonts: true; // TODO
|
||||||
|
|
||||||
|
// Bree Serif
|
||||||
|
// https://fonts.googleapis.com/css?family=Bree%20Serif
|
||||||
/* latin-ext */
|
/* latin-ext */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Bree Serif';
|
font-family: 'Bree Serif';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/BreeSerif-Regular-Pw.woff2) format('woff2');
|
src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/Bree%20Serif/4UaHrEJCrhhnVA3DgluA96Tp57F2IwN-Pw.woff2) format('woff2');
|
||||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||||
}
|
}
|
||||||
/* latin */
|
/* latin */
|
||||||
@ -76,6 +81,25 @@ $local-google-fonts: true; // TODO
|
|||||||
font-family: 'Bree Serif';
|
font-family: 'Bree Serif';
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/BreeSerif-Regular.woff2) format('woff2');
|
src: local('Bree Serif Regular'), local('BreeSerif-Regular'), url(../fonts/Bree%20Serif/4UaHrEJCrhhnVA3DgluA96rp57F2IwM.woff2) format('woff2');
|
||||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Neucha
|
||||||
|
// https://fonts.googleapis.com/css?family=Neucha
|
||||||
|
/* cyrillic */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Neucha';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Neucha'), url(../fonts/Neucha/q5uGsou0JOdh94bfuQltKRZUgbxR.woff2) format('woff2');
|
||||||
|
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||||
|
}
|
||||||
|
/* latin */
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Neucha';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: local('Neucha'), url(../fonts/Neucha/q5uGsou0JOdh94bfvQltKRZUgQ.woff2) format('woff2');
|
||||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||||
}
|
}
|
@ -192,14 +192,16 @@ main {
|
|||||||
figure {
|
figure {
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
figcaption {
|
figcaption {
|
||||||
font-size: .8em;
|
//font-size: .8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
|
font-family: $image-caption-serif;
|
||||||
|
color: $image-caption-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user