button new book

This commit is contained in:
Pau 2022-12-22 18:39:51 +01:00
parent 4c88e4bab3
commit 91341ed7da
6 changed files with 17 additions and 3 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
@mixin define-font-family($name, $weight, $style, $filename) { @mixin define-font-family($name, $weight, $style, $filename) {
font-family: $name; font-family: $name;
src: src:
url("../font/woff2/#{$filename}") format("woff2"), url("../font/woff2/#{$filename}") format("woff2"),
url("../font/ttf/#{$filename}") format("ttf"); url("../font/ttf/#{$filename}") format("ttf");
font-weight: $weight; font-weight: $weight;
@ -12,6 +12,7 @@
$sans_font: IBMPlexSans; $sans_font: IBMPlexSans;
$serif_font: IBMPlexSerif; $serif_font: IBMPlexSerif;
$mono_font: IBMPlexMono;
@font-face { @font-face {
@include define-font-family($sans_font, normal, italic, 'IBMPlexSans-Italic.woff2') @include define-font-family($sans_font, normal, italic, 'IBMPlexSans-Italic.woff2')
@ -40,4 +41,9 @@ $serif_font: IBMPlexSerif;
@font-face { @font-face {
@include define-font-family($serif_font, lighter, italic, 'IBMPlexSerif-LightItalic.woff2') @include define-font-family($serif_font, lighter, italic, 'IBMPlexSerif-LightItalic.woff2')
} }
@font-face {
@include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2')
}
@font-face {
@include define-font-family($mono_font, 700, null, 'IBMPlexMono-Medium.woff2')
}

View File

@ -80,6 +80,13 @@ hr {
padding-top: 8em; padding-top: 8em;
} }
.button-book {
background-color: #eb2b2b;
color: white;
float: right;
font-family: $mono_font;
}
#content { #content {
font-size: 1.1rem; font-size: 1.1rem;
strong,i,b,em { strong,i,b,em {

View File

@ -1,5 +1,6 @@
<div class="hero header octopus-mobile"> <div class="hero header octopus-mobile">
<div class="hero-body"> <div class="hero-body">
<a class="button button-book">NEW BOOK&nbsp;<b>Abolish The Family</b></a><br />
<a href="/"> <a href="/">
<p class="title is-size-0-1"> <p class="title is-size-0-1">
{{ site.Params.header.name }} {{ site.Params.header.name }}