Figma redesign #13
|
@ -1,5 +1,3 @@
|
|||
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||
<style> @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap'); </style>
|
||||
<style>
|
||||
.accordion {
|
||||
cursor: pointer;
|
||||
|
@ -58,7 +56,7 @@
|
|||
}
|
||||
|
||||
.book-cell {
|
||||
font-family: 'IBM Plex Mono';
|
||||
font-family: IBMPlexMono;
|
||||
text-align: center;
|
||||
}
|
||||
.book-cover img {
|
||||
|
@ -66,13 +64,13 @@
|
|||
}
|
||||
|
||||
.book-blurb {
|
||||
font-family: 'IBM Plex Mono';
|
||||
font-family: IBMPlexMono;
|
||||
font-size: 12px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.book-detail {
|
||||
font-family: 'IBM Plex Mono';
|
||||
font-family: IBMPlexMono;
|
||||
font-size: 18px;
|
||||
padding-top: 10px;
|
||||
text-decoration: underline;
|
||||
|
@ -81,6 +79,5 @@
|
|||
.book-detail a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -12,6 +12,7 @@
|
|||
|
||||
$sans_font: IBMPlexSans;
|
||||
$serif_font: IBMPlexSerif;
|
||||
$mono_font: IBMPlexMono;
|
||||
|
||||
@font-face {
|
||||
@include define-font-family($sans_font, normal, italic, 'IBMPlexSans-Italic.woff2')
|
||||
|
@ -40,4 +41,21 @@ $serif_font: IBMPlexSerif;
|
|||
@font-face {
|
||||
@include define-font-family($serif_font, lighter, italic, 'IBMPlexSerif-LightItalic.woff2')
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, normal, italic, 'IBMPlexMono-Italic.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, normal, null, 'IBMPlexMono-Regular.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, bold, italic, 'IBMPlexMono-BoldItalic.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, bold, null, 'IBMPlexMono-Bold.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, 700, italic, 'IBMPlexMono-MediumItalic.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include define-font-family($mono_font, 700, null, 'IBMPlexMono-Medium.woff2')
|
||||
}
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Reference in New Issue