fix(*): remove old media highlight styles
This commit is contained in:
parent
9e181363dd
commit
864b777dba
6 changed files with 20 additions and 32 deletions
|
@ -29,14 +29,14 @@ if (! function_exists('renderMediaGrid')) {
|
||||||
echo '<div class="media-grid-item">';
|
echo '<div class="media-grid-item">';
|
||||||
|
|
||||||
if ($title || $subtext) {
|
if ($title || $subtext) {
|
||||||
echo '<div class="meta-text media-highlight">';
|
echo '<mark class="meta-text">';
|
||||||
if ($title) {
|
if ($title) {
|
||||||
echo '<div class="header">'.$title.'</div>';
|
echo '<div class="header">'.$title.'</div>';
|
||||||
}
|
}
|
||||||
if ($subtext) {
|
if ($subtext) {
|
||||||
echo '<div class="subheader">'.$subtext.'</div>';
|
echo '<div class="subheader">'.$subtext.'</div>';
|
||||||
}
|
}
|
||||||
echo '</div>';
|
echo '</mark>';
|
||||||
}
|
}
|
||||||
|
|
||||||
echo '<img
|
echo '<img
|
||||||
|
|
12
package-lock.json
generated
12
package-lock.json
generated
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "coryd.dev",
|
"name": "coryd.dev",
|
||||||
"version": "10.6.2",
|
"version": "10.6.3",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "coryd.dev",
|
"name": "coryd.dev",
|
||||||
"version": "10.6.2",
|
"version": "10.6.3",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"minisearch": "^7.1.2",
|
"minisearch": "^7.1.2",
|
||||||
|
@ -15,7 +15,7 @@
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@11ty/eleventy": "3.1.1",
|
"@11ty/eleventy": "3.1.1",
|
||||||
"@11ty/eleventy-fetch": "5.1.0",
|
"@11ty/eleventy-fetch": "5.1.0",
|
||||||
"@cdransf/eleventy-plugin-tabler-icons": "^2.13.0",
|
"@cdransf/eleventy-plugin-tabler-icons": "^2.13.1",
|
||||||
"cheerio": "1.1.0",
|
"cheerio": "1.1.0",
|
||||||
"concurrently": "9.1.2",
|
"concurrently": "9.1.2",
|
||||||
"cssnano": "^7.0.7",
|
"cssnano": "^7.0.7",
|
||||||
|
@ -251,9 +251,9 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@cdransf/eleventy-plugin-tabler-icons": {
|
"node_modules/@cdransf/eleventy-plugin-tabler-icons": {
|
||||||
"version": "2.13.0",
|
"version": "2.13.1",
|
||||||
"resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.13.0.tgz",
|
"resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.13.1.tgz",
|
||||||
"integrity": "sha512-ezK8l0Acw2fsNqel6Qg6nX8HxnnkmdTZkf7wPt9w7fAvq33bxn3QYXDOnMqmAAanRQCi6SIv+bKeuw1NnCvOyw==",
|
"integrity": "sha512-xmuabuoFF56yzy1UhITJzE8mga1msW+l+xLUhk87NlGogC2ocbIY/8l+RdUXTHmaMu/SGhyG9l9W4Xek2RjuLg==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "coryd.dev",
|
"name": "coryd.dev",
|
||||||
"version": "10.6.2",
|
"version": "10.6.3",
|
||||||
"description": "The source for my personal site. Built using 11ty (and other tools).",
|
"description": "The source for my personal site. Built using 11ty (and other tools).",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"engines": {
|
"engines": {
|
||||||
|
@ -44,7 +44,7 @@
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@11ty/eleventy": "3.1.1",
|
"@11ty/eleventy": "3.1.1",
|
||||||
"@11ty/eleventy-fetch": "5.1.0",
|
"@11ty/eleventy-fetch": "5.1.0",
|
||||||
"@cdransf/eleventy-plugin-tabler-icons": "^2.13.0",
|
"@cdransf/eleventy-plugin-tabler-icons": "^2.13.1",
|
||||||
"cheerio": "1.1.0",
|
"cheerio": "1.1.0",
|
||||||
"concurrently": "9.1.2",
|
"concurrently": "9.1.2",
|
||||||
"cssnano": "^7.0.7",
|
"cssnano": "^7.0.7",
|
||||||
|
|
|
@ -32,14 +32,3 @@
|
||||||
.concerts {
|
.concerts {
|
||||||
margin-top: var(--spacing-base);
|
margin-top: var(--spacing-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-highlight {
|
|
||||||
color: var(--text-color-inverted);
|
|
||||||
background-color: var(--section-color, var(--accent-color));
|
|
||||||
padding: var(--spacing-xs);
|
|
||||||
border-radius: var(--border-radius-slight);
|
|
||||||
|
|
||||||
& > * {
|
|
||||||
color: var(--text-color-inverted);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -6,15 +6,14 @@
|
||||||
<a class="{{ item.type }}" href="{{ item.grid.url }}" title="{{ alt }}">
|
<a class="{{ item.type }}" href="{{ item.grid.url }}" title="{{ alt }}">
|
||||||
<div class="media-grid-item">
|
<div class="media-grid-item">
|
||||||
{%- if item.grid.title or item.grid.subtext -%}
|
{%- if item.grid.title or item.grid.subtext -%}
|
||||||
<div class="meta-text media-highlight {{ item.type }}">
|
<mark class="meta-text{{ item.type }}">
|
||||||
{% if item.grid.title %}
|
{% if item.grid.title %}
|
||||||
<div class="header">{{ item.grid.title }}</div>
|
<div class="header">{{ item.grid.title }}</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if item.grid.subtext %}
|
{% if item.grid.subtext %}
|
||||||
<div class="subheader">{{ item.grid.subtext }}</div>
|
<div class="subheader">{{ item.grid.subtext }}</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</mark>
|
</mark>
|
||||||
</div>
|
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
{%- assign imageClass = "square" -%}
|
{%- assign imageClass = "square" -%}
|
||||||
{%- assign width = 150 -%}
|
{%- assign width = 150 -%}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<a href="{{ movie.url }}">
|
<a href="{{ movie.url }}">
|
||||||
<div class="watching hero">
|
<div class="watching hero">
|
||||||
<div class="meta-text media-highlight">
|
<mark class="meta-text">
|
||||||
<div class="header">{{ movie.title }}</div>
|
<div class="header">{{ movie.title }}</div>
|
||||||
<div class="subheader">
|
<div class="subheader">
|
||||||
{%- if movie.rating -%}
|
{%- if movie.rating -%}
|
||||||
|
@ -8,7 +8,7 @@
|
||||||
{%- endif -%}
|
{%- endif -%}
|
||||||
({{ movie.year }})
|
({{ movie.year }})
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</mark>
|
||||||
{% render "static/blocks/hero.liquid",
|
{% render "static/blocks/hero.liquid",
|
||||||
globals:globals,
|
globals:globals,
|
||||||
image:movie.backdrop,
|
image:movie.backdrop,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue