PUBLISH: Add spacing between genres
This commit is contained in:
parent
499c41c56f
commit
62080c1aab
4 changed files with 14 additions and 2 deletions
|
|
@ -29,7 +29,13 @@
|
|||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.quicklook-genre-container {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
gap: 0px 20px;
|
||||
}
|
||||
|
||||
.quicklook-genre {
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@
|
|||
</div>
|
||||
<div class="quicklook-genre-section">
|
||||
<span class="caption">Genre</span>
|
||||
<div>
|
||||
<div class="quicklook-genre-container">
|
||||
|
||||
<span class="quicklook-emphasized-color quicklook-genre">Comedy</span>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</div>
|
||||
<div class="quicklook-genre-section">
|
||||
<span class="caption">Genre</span>
|
||||
<div>
|
||||
<div class="quicklook-genre-container">
|
||||
{{ range $name := .Params.genres }}
|
||||
<span class="quicklook-emphasized-color quicklook-genre">{{$name}}</span>
|
||||
{{end}}
|
||||
|
|
|
|||
|
|
@ -29,7 +29,13 @@
|
|||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.quicklook-genre-container {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
flex-wrap: wrap;
|
||||
gap: 0px 20px;
|
||||
}
|
||||
|
||||
.quicklook-genre {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue