Merge pull request 'Update Writing page to new design' (#9) from writing-page-update into staging

Reviewed-on: autonomic-cooperative/sophie-lewis-hugo#9
This commit is contained in:
Aadil Ayub 2022-12-27 12:06:35 +01:00
commit be8f73db0b
27 changed files with 416 additions and 208 deletions

View File

@ -1,206 +0,0 @@
---
title: "Writing"
octo: octo-4.webp
---
<div>
<div class="flex-row-books">
<div class="thead">BOOKS</div>
<div class="book-cell">
<div class="book-cover">
<a href="/writing/abolish-the-family">
<img src="/img/books/abolish-the-family.jpg" alt='Abolish the Family Cover'>
<p>
DETAILS
</p>
</a>
</div>
<p class="book-stats"><b>Abolish the Family: A Manifesto for Care and Liberation</b></p>
<p class="book-stats"><i><a href="https://www.versobooks.com/books/4075-abolish-the-family">Pre-order now!</a></i></p>
</div>
<div class="book-cell">
<div class="book-cover">
<img src="/img/books/fsn-cover.jpg" alt='Full Surrogacy Now Cover'>
<a href="/writing/full-surrogacy-now/">
<p>
DETAILS
</p>
</a>
</div>
<p class="book-stats"><b>Full Surrogacy Now!</b></p>
<p class="book-stats"><i>Published in May 2019</i></p>
</div>
</div>
<div class="writing-section">
<div class="thead">ESSAYS</div>
<div class="writing-item">
<p>2022. <a href="https://www.thenation.com/article/society/abortion-ethics-gestation-reproduction/"><strong>Abortion Involves Killing - And That's OK!</strong></a>, <em>The Nation</em>, June 22.</p>
</div>
<div class="writing-item">
<p>2022. <a href="https://salvage.zone/free-anthrogenesis-antiwork-abortion/"><strong>Free Anthrogenesis: Antiwork Abortion</strong></a>, <em>Salvage</em>, June 1.</p>
</div>
<div class="writing-item">
<p>2022. <a href="https://thebaffler.com/salvos/a-woman-is-a-woman-lewis"><strong>A Woman is a Woman?
Lillian Faderman's Selective Histories</strong></a>, <em>The Baffler</em>, March edition.</p>
</div>
<div class="writing-item">
<p>2022. <a href="http://doi.org/10.1177/14647001211059520"><strong>Mothering against motherhood: doula
work, xenohospitality and the idea of the momrade</strong></a>, <em>Feminist Theory</em>,
January 10.</p>
</div>
<div class="writing-item">
<p>2021. <a href="https://lrb.co.uk/the-paper/v43/n22/sophie-lewis/shebeen-queens"><strong>Shebeen
Queens</strong></a>, <em>LRB</em>, November 18.</p>
</div>
<div class="writing-item">
<p>2021. <a
href="https://bostonreview.net/arts-society-gender-sexuality/sophie-lewis-how-domestic-labor-robs-women-their-love"><strong>How
Domestic Labor Robs Women of Their Love</strong></a>, <em>Boston Review</em>, October 28.
</p>
</div>
<div class="writing-item">
<p>2021. <a href="https://www.thenation.com/article/society/shulamith-firestone-dialectic-sex/"><strong>Shulamith
Firestone Wanted to Abolish Nature</strong></a>, <em>The Nation</em>, July 14.</p>
</p>
</div>
<div class="writing-item">
<p>2021. <a href="https://www.dissentmagazine.org/article/the-family-lottery"><strong>The Family
Lottery</strong></a>, <em>Dissent Magazine</em>, Summer issue.</p>
</p>
</div>
<div class="writing-item">
<p>2021. <a href="https://nplusonemag.com/issue-39/reviews/my-octopus-girlfriend/"><strong>My Octopus
Girlfriend</strong></a> (on erotophobia), <em>n+1 </em>magazine, Issue 39. </p>
</p>
</div>
<div class="writing-item">
<p>2021. <a href="https://brand-new-life.org/b-n-l/low-tech-grassroots-ectogenesis/"><strong>Low-Tech
Grassroots Ectogenesis</strong></a>, <em>brand new life</em> magazine, February 2.</p>
</p>
</div>
<div class="writing-item">
<p>2020. <a href="https://thebaffler.com/latest/utopia-no-lewis"><strong>Utopia, No</strong></a> (on
<em>Entitled </em>by Kate Manne), <em>The Baffler</em>, November 19. </p>
</p>
</div>
<div class="writing-item">
<p>2020. <a
href="https://www.e-flux.com/journal/111/343916/with-women-grieving-in-capitalist-time/"><strong>With-Women:
Grieving in Capitalist Time</strong></a>, <em>e-flux </em>journal #111, September. </p>
</div>
<div class="writing-item">
<p>2020. <a href="https://maljournal.com/5/sex-negative/sophie-lewis/collective-turn-off/"><strong>Collective
Turn-Off</strong></a>, <em>Mal Journal</em>, Issue 5 (“Sex-Negative”), August 14.</p>
</div>
<div class="writing-item">
<p>2020. <a
href="https://salvage.zone/in-print/mothering-against-the-world-momrades-against-motherhood/"><strong>Mothering
Against the World: Momrades Against Motherhood</strong></a>, <em>Salvage Quarterly</em>,
September 18. </p>
</div>
<div class="writing-item">
<p>2020. <a href="https://uchri.org/foundry/houses-into-homes/"><strong>Houses Into Homes</strong></a>,
<em>UCHRI</em>, Foundry “Boiling Point” series.</p>
</div>
<div class="writing-item">
<p>2020. <a
href="https://www.dissentmagazine.org/article/grief-circling"><strong>Grief-Circling</strong></a>,
<em>Dissent</em> magazine (Summer issue). </p>
</div>
<div class="writing-item">
<p>2020. <a href="https://www.thenation.com/article/society/family-covid-care-marriage/"><strong>Covid-19
Is Straining the Concept of the Family. Lets Break It</strong></a><a
href="https://www.thenation.com/article/society/family-covid-care-marriage/">,</a> <em>The
Nation</em>, June 3.</p>
</div>
<div class="writing-item">
<p>2020. <a
href="https://www.opendemocracy.net/en/oureconomy/coronavirus-crisis-shows-its-time-abolish-family/"><strong>The
coronavirus crisis shows it's time to abolish the family</strong></a>,
<em>openDemocracy</em>, March 24.</p>
</div>
<div class="writing-item">
<p>2020. <a
href="https://www.dissentmagazine.org/article/hello-to-my-haters-tucker-carlsons-mob-and-me"><strong>Hello
to my Haters</strong></a><strong>: Tucker Carlsons Mob and Me, </strong><em>Dissent</em>
magazine, Winter issue.</p>
</div>
<div class="writing-item">
<p>2019. <a href="http://www.thewhitereview.org/reviews/who-liberates-the-slaves/"><strong>Who Liberates
the Slaves?</strong></a> (Review of <em>The Testaments </em>by Margaret Atwood.) <em>The
White Review</em>, December 22.</p>
</div>
<div class="writing-item">
<p>2019. <a href="https://communemag.com/the-satanic-death-cult-is-real/"><strong>The Satanic Death-Cult
is Real</strong></a> on familial trauma. <em>Commune </em>magazine, Issue IV, August 28.
</p>
</div>
<div class="writing-item">
<p>2019. <a href="https://logicmag.io/bodies/do-electric-sheep-dream-of-water-babies"><strong>Do
Electric Sheep Dream of Water Babies?</strong></a> - on ectogenic bio-bags; <em>Logic
</em>magazine. Issue 8.</p>
</div>
<div class="writing-item">
<p>2019. <a href="https://www.redpepper.org.uk/cyborg-sentiments/"><strong>Cyborg
Sentiments</strong></a><a href="https://www.redpepper.org.uk/cyborg-sentiments/"></a> on
xenofeminism. <em>Red Pepper </em>magazine. March 27.</p>
</div>
<div class="writing-item">
<p>2019. <a href="https://thenewinquiry.com/for-one-another/"><strong>For One Another</strong></a><a
href="https://thenewinquiry.com/for-one-another/"></a>, <em>The New Inquiry</em>. January 23.
</p>
</div>
<div class="writing-item">
<p>2018. <a
href="https://newsocialist.org.uk/labour-does-you-might-thinking-through-pregnancy-work-help-us-radicalise-politics-care/"><strong>Labor
Does You</strong></a><a
href="https://newsocialist.org.uk/labour-does-you-might-thinking-through-pregnancy-work-help-us-radicalise-politics-care/"></a>:
Might thinking through pregnancy as work help us radicalise the politics of care? <em>The New
Socialist</em>. December 26.</p>
</div>
<div class="writing-item">
<p>2018. <a
href="http://bostonreview.net/forum/all-reproduction-assisted/sophie-lewis-mothering"><strong>All
Reproduction is Assisted</strong></a>. <em>Boston Review </em>| <em>The Once and Future
Feminist</em>, ed. Merve Emre.</p>
</div>
<div class="writing-item">
<p>2018. <a href="https://www.versobooks.com/blogs/3654-gestators-of-all-genders-unite"><strong>Gestators
of all Genders, Unite!</strong></a> the Verso Books Blog. March 26.</p>
</div>
<div class="writing-item">
<p>2018. <a
href="https://www.versobooks.com/blogs/3845-not-a-workplace-julie-bindel-and-the-school-of-wrong-abolitionism"><strong>Not
a Workplace: Julie Bindel and the school of wrong abolitionism</strong></a> Verso Books
Blog. May 24.</p>
</div>
<div class="writing-item">
<p>2017. “<a href="http://viewpointmag.com/2017/05/08/cthulhu-plays-no-role-for-me"><strong>Cthulhu
Plays No Role For Me</strong></a>” (on the oeuvre of Donna Haraway)
<em>Viewpoint</em>magazine, May 8.</p>
</div>
<div class="writing-item">
<p>2017. <a href="http://thenewinquiry.com/amniotechnics"><strong>Amniotechnics</strong></a> on a
watery politics of holding and letting go <em>The New Inquiry</em>. January 25.</p>
</div>
<div class="writing-item">
<p>2016. <a href="https://salvage.zone/in-print/serf-n-terf-notes-on-some-bad-materialisms/"><strong>SERF
n TERF: Notes on some Bad Materialisms</strong></a> <em>Salvage Quarterly</em>, vol. 5.
February 6.</p>
</div>
</div>
<div class="writing-section">
<div class="thead">COLLECTIVE WRITING</div>
<div class="writing-item">
<p><strong><a href="https://www.commonnotions.org/buy/hope-against-hopa">Hope Against Hope: Writings on
Ecological Crisis</a></strong>, as part of ecological writing collective <em><a
href="https://twitter.com/out_woods">Out of the Woods</a></em>.</p>
<p><i>Published in June 2020</i></p>
</div>
<div class="writing-item">
<p><strong>End/And: Feminization in Unending Times</strong>, as part of feminist film criticism platform
<em><a href="http://blindfieldjournal.com/">Blind Field: A Journal of Cultural Inquiry</a></em></p>
<p><i>Published in 2017</i></p>
</div>
</div>
</div>

180
content/writing/_index.md Normal file
View File

@ -0,0 +1,180 @@
---
title: "Writing"
octo: octo-4.webp
essays:
- title: Abortion Involves Killing - And That's OK!
url: "https://www.thenation.com/article/society/abortion-ethics-gestation-reproduction/"
publication: The Nation
year: 2022
date: June 22
- title: "Free Anthrogenesis: Antiwork Abortion"
url: https://salvage.zone/free-anthrogenesis-antiwork-abortion/
publication: Salvage
year: 2022
date: June 1
- title: A Woman is a Woman? Lillian Faderman's Selective Histories
url: https://salvage.zone/free-anthrogenesis-antiwork-abortion/
publication: The Baffler
year: 2022
date: March edition
- title: "Mothering against motherhood: doula work, xenohospitality and the idea of the momrades"
url: http://doi.org/10.1177/14647001211059520
publication: Feminist Theory
year: 2022
date: January 10
- title: Shebeen Queens
url: https://lrb.co.uk/the-paper/v43/n22/sophie-lewis/shebeen-queens
publication: LRB
year: 2021
date: November 18
- title: How Domestic Labor Robs Women of Their Love
url: https://bostonreview.net/arts-society-gender-sexuality/sophie-lewis-how-domestic-labor-robs-women-their-love
publication: Boston Review
year: 2021
date: October 28
- title: Shulamith Firestone Wanted to Abolish Nature
url: https://www.thenation.com/article/society/shulamith-firestone-dialectic-sex/
publication: The Nation
year: 2021
date: July 14
- title: The Family Lottery
url: https://www.dissentmagazine.org/article/
publication: Dissent Magazine
year: 2021
date: Summer issue
- title: My Octopus Girlfriend (on erotophobia)
url: https://www.dissentmagazine.org/article/
publication: n+1 magazine
year: 2021
date: Issue 39
- title: Low-Tech Grassroots Ectogenesis
url: https://brand-new-life.org/b-n-l/low-tech-grassroots-ectogenesis/
publication: brand new life magazine
year: 2021
date: February 2
- title: Utopia, No (on Entitled by Kate Manne)
url: https://thebaffler.com/latest/utopia-no-lewis
publication: The Baffler
year: 2020
date: November 19
- title: "With-Women: Grieving in Capitalist Time"
url: https://www.e-flux.com/journal/111/343916/with-women-grieving-in-capitalist-time/
publication: e-flux journal
year: 2020
date: "#111, September"
- title: Collective Turn-Off
url: https://maljournal.com/5/sex-negative/sophie-lewis/collective-turn-off/
publication: Mal Journal
year: 2020
date: "Issue 5 (“Sex-Negative”), August 14"
- title: "Mothering Against the World: Momrades Against Motherhood"
url: https://salvage.zone/in-print/mothering-against-the-world-momrades-against-motherhood/
publication: Salvage Quarterly
year: 2020
date: September 18
- title: Houses Into Homes
url: https://uchri.org/foundry/houses-into-homes/
publication: UCHRI
year: 2020
date: Foundry “Boiling Point” series
- title: Grief-Circling
url: https://www.thenation.com/article/society/family-covid-care-marriage/
publication: Dissent magazine
year: 2020
date: (Summer issue)
- title: Covid-19 Is Straining the Concept of the Family. Lets Break It
url: https://www.thenation.com/article/society/family-covid-care-marriage/
publication: The Nation
year: 2020
date: June 3
- title: The coronavirus crisis shows it's time to abolish the family
url: https://www.opendemocracy.net/en/oureconomy/coronavirus-crisis-shows-its-time-abolish-family/
publication: openDemocracy
year: 2020
date: March 24
- title: "Hello to my Haters: Tucker Carlsons Mob and Me"
url: https://www.dissentmagazine.org/article/hello-to-my-haters-tucker-carlsons-mob-and-me
publication: Dissent magazine
year: 2020
date: Winter issue
- title: "Who Liberates the Slaves? (Review of The Testaments by Margaret Atwood)"
url: http://www.thewhitereview.org/reviews/who-liberates-the-slaves/hello-to-my-haters-tucker-carlsons-mob-and-me
publication: The White Review
year: 2019
date: December 22
- title: The Satanic Death-Cult is Real on familial trauma
url: https://communemag.com/the-satanic-death-cult-is-real/
publication: Commune magazine
year: 2019
date: Issue IV, August 28
- title: Do Electric Sheep Dream of Water Babies? - on ectogenic bio-bags
url: https://logicmag.io/bodies/do-electric-sheep-dream-of-water-babies
publication: Logic magazine
year: 2019
date: Issue 8
- title: Cyborg Sentiments on xenofeminism
url: https://www.redpepper.org.uk/cyborg-sentiments/
publication: Red Pepper magazine
year: 2019
date: March 27
- title: For One Another
url: https://thenewinquiry.com/for-one-another/
publication: The New Inquiry
year: 2019
date: January 23
- title: "Labor Does You: Might thinking through pregnancy as work help us radicalise the politics of care?"
url: https://thenewinquiry.com/for-one-another/
publication: The New Inquiry
year: 2018
date: January 23
- title: All Reproduction is Assisted
url: http://bostonreview.net/forum/all-reproduction-assisted/sophie-lewis-mothering
publication: Boston Review | The Once and Future Feminist, ed. Merve Emre
year: 2018
- title: Gestators of all Genders, Unite!
url: https://www.versobooks.com/blogs/3654-gestators-of-all-genders-unite
publication: Verso Books Blog
year: 2018
date: March 26
- title: "Not a Workplace: Julie Bindel and the school of wrong abolitionism"
url: https://www.versobooks.com/blogs/3845-not-a-workplace-julie-bindel-and-the-school-of-wrong-abolitionism
publication: Verso Books Blog
year: 2018
date: May 24
- title: "“Cthulhu Plays No Role For Me” (on the oeuvre of Donna Haraway)"
url: http://viewpointmag.com/2017/05/08/cthulhu-plays-no-role-for-me
publication: Viewpoint magazine
year: 2017
date: May 8
- title: "Amniotechnics on a watery politics of holding and letting go"
url: http://thenewinquiry.com/amniotechnics
publication: The New Inquiry
year: 2017
date: January 25
- title: "SERF n TERF: Notes on some Bad Materialisms"
url: https://salvage.zone/in-print/serf-n-terf-notes-on-some-bad-materialisms/
publication: Salvage Quarterly
year: 2017
date: vol. 5. February 6
books:
- title: "Abolish the Family: A Manifesto for Care and Liberation"
path: /writing/abolish-the-family
imgsrc: /img/books/abolish-the-family.jpg
body: Coming soon
- title: "Full Surrogacy Now"
path: /writing/full-surrogacy-now/
imgsrc: /img/books/fsn-cover.jpg
body: Published in May 2019
collective:
- title: "Hope Against Hope: Writings on Ecological Crisis"
url: https://www.commonnotions.org/buy/hope-against-hopa
blurb: as part of ecological writing collective
publication: Out of the Woods
puburl: https://twitter.com/out_woods
year: 2020
- title: "End/And: Feminization in Unending Times"
blurb: as part of feminist film criticism platform
publication: "Blind Field: A Journal of Cultural Inquiry"
puburl: http://blindfieldjournal.com/
year: 2017
---

View File

@ -0,0 +1,16 @@
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>

View File

@ -0,0 +1,23 @@
<div id="books-section" class="columns">
<div class="column is-one-fifth">
<div class="thead">BOOKS</div>
</div>
<div class="column">
<div class="columns">
{{ range .Params.Books }}
<div class="column is-half">
<div class="book-cell">
<h3>{{ .title }}</h3>
<div class="book-cover">
<a href={{ .path }}>
<img src={{ .imgsrc }} alt={{ .title }}>
</a>
</div>
<p class="book-blurb"><b>{{ .body }}</b></p>
<p class="book-detail"><a href={{ .path }}>Details</a></p>
</div>
</div>
{{ end}}
</div>
</div>
</div>

View File

@ -0,0 +1,20 @@
<div class="level accordion">
<div class="level-left">
<div class="level-item">{{ .year }}</div>
</div>
<div class="level-right">
<div class="level-item">
<span class="icon">
<i class="fa-sharp fa-solid fa-circle-arrow-down"></i>
</span>
</div>
</div>
</div>
<div class="acc-panel">
<div class="acc-panel-content">
{{ range where .collective "year" .year }}
<p><a href={{ .url }}>{{ .title}}</a>, {{ .blurb }} <a
href={{ .puburl}}>{{ .publication }}</a>.</p>
{{ end }}
</div>
</div>

View File

@ -0,0 +1,12 @@
<div class="writing-section">
<div class="columns">
<div class="column is-one-fifth">
<div class="thead">COLLECTIVE WRITING</div>
</div>
<div class="column">
{{ partial "collective-accordion" (dict "collective" .Params.Collective "year" 2020)}}
{{ partial "collective-accordion" (dict "collective" .Params.Collective "year" 2017)}}
</div>
</div>
</div>

View File

@ -0,0 +1,19 @@
<div class="level accordion">
<div class="level-left">
<div class="level-item">{{ .year }}</div>
</div>
<div class="level-right">
<div class="level-item">
<span class="icon">
<i class="fa-sharp fa-solid fa-circle-arrow-down"></i>
</span>
</div>
</div>
</div>
<div class="acc-panel">
<div class="acc-panel-content">
{{ range where .essays "year" .year }}
<p><a href={{ .url }}>{{ .title }}</a>, {{ .publication }}, {{ .date }}.</p>
{{ end }}
</div>
</div>

View File

@ -0,0 +1,15 @@
<div class="writing-section">
<div class="columns">
<div class="column is-one-fifth" >
<div class="thead">ESSAYS</div>
</div>
<div class="column">
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2022)}}
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2021)}}
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2020)}}
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2019)}}
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2018)}}
{{ partial "essay-accordion" (dict "essays" .Params.Essays "year" 2017)}}
</div>
</div>
</div>

View File

@ -0,0 +1,16 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ $title := print .Site.Title " | " .Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
{{/* scss compiling */}}
{{ $options := (dict "targetPath" "css/style.css" "outputStyle" "compressed") }}
{{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options }}
{{ template "_internal/twitter_cards.html" . }}
<link href='{{ $style.RelPermalink }}' rel="stylesheet">
<title>{{ $title }}</title>
{{- partial "octocss.html" . -}}
{{ if eq .Title "Writing" }}
{{ partial "writing-head"}}
{{ end }}
</head>

View File

@ -0,0 +1,83 @@
<style>
.accordion {
cursor: pointer;
margin-bottom: 0 !important;
padding: 8px 0 8px 0;
}
.acc-panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-bottom: 1px solid;
font-weight: 600;
}
.acc-panel-content {
padding-bottom: 20px;
}
.acc-panel p{
padding-bottom: 8px;
font-weight: 400;
font-size: 18px;
}
.acc-panel a {
color: #0C84DC;
text-decoration: underline;
font-weight: 600;
}
#writing-page .thead {
font-family: IBMPlexSans, sans-serif;
}
.accordion .level-item {
font-family: IBMPlexSans, sans-serif;
}
.accordion .icon {
font-size: 1.5rem;
}
.writing-section {
padding-bottom: 64px;
}
#books-section {
padding-bottom: 24px;
}
#books-section h3 {
font-size: 21px;
font-weight: 700;
text-align: center;
height: 7rem;
}
.book-cell {
font-family: IBMPlexMono, monospace;
text-align: center;
}
.book-cover img {
max-width: 140px;
}
.book-blurb {
font-family: IBMPlexMono, monospace;
font-size: 12px;
padding-top: 10px;
}
.book-detail {
font-family: IBMPlexMono, monospace;
font-size: 18px;
padding-top: 10px;
text-decoration: underline;
}
.book-detail a {
color: #000;
}
</style>
<script src="https://kit.fontawesome.com/a42e899e51.js" crossorigin="anonymous"></script>

10
layouts/writing/list.html Normal file
View File

@ -0,0 +1,10 @@
{{ define "main"}}
<div id="writing-page" class="section writing">
<div>
{{ partial "essay-section" . }}
{{ partial "books-section" . }}
{{ partial "collective-section" . }}
{{ partial "accordion-script"}}
</div>
</div>
{{ end }}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}

View File

@ -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')
}