chore: more style cleanup
This commit is contained in:
Cory Dransfeldt
parent
88b7da8577
commit
2d169c9b18
36 changed files with 60 additions and 60 deletions
|
|
@ -23,22 +23,18 @@
|
|||
<div class="min-h-screen flex flex-col">
|
||||
<main class="flex-1 w-10/12 max-w-screen-sm md:max-w-screen-md mx-auto">
|
||||
<div class="flex flex-col md:flex-row md:items-center md:justify-between md:pt-10 pt-5">
|
||||
<h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl">
|
||||
{{ heading }}
|
||||
<h1 class="font-black leading-tight md:pb-0 md:text-3xl pb-5 text-2xl flex flex-row items-center ">
|
||||
<span class="mr-1 icon--28 icon--bold">
|
||||
{% tablericon icon title %}
|
||||
</span>
|
||||
{{ title }}
|
||||
</h1>
|
||||
<a href="/" class="icon--h-28 icon--bold link--icon">
|
||||
<a href="/" class="icon--28 icon--bold link--icon">
|
||||
{% tablericon "home-move" "Home • Cory Dransfeldt" %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="pt-8 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
|
||||
<div class="pt-4 prose dark:prose-invert hover:prose-a:text-blue-500 max-w-full">
|
||||
<div class="dark:text-white text-gray-800">
|
||||
<h2
|
||||
class="font-black leading-tight m-0 md:text-2xl text-xl tracking-normal mb-4 flex flex-row items-center text-gray-800 dark:text-gray-200 icon--h-28">
|
||||
<div class="mr-1">
|
||||
{% tablericon icon title %}
|
||||
</div>
|
||||
{{ title }}
|
||||
</h2>
|
||||
<p>{{ description }}</p>
|
||||
<p>
|
||||
<xsl:value-of select="atom:feed/atom:description"/>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://savvycal.com/coryd/quick-call"
|
||||
rel="me"
|
||||
title="SavvyCal">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.buymeacoffee.com/cory"
|
||||
rel="me"
|
||||
title="Buy Me a Coffee">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="mailto:coryd@hey.com"
|
||||
rel="me"
|
||||
title="Email">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://github.com/cdransf"
|
||||
rel="me"
|
||||
title="GitHub">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.goodreads.com/cdransf"
|
||||
rel="me"
|
||||
title="Goodreads">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.last.fm/user/cdrn_"
|
||||
rel="me"
|
||||
title="Last.fm">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://letterboxd.com/cdme"
|
||||
rel="me"
|
||||
title="Letterboxd">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://www.linkedin.com/in/cdransf/"
|
||||
rel="me"
|
||||
title="LinkedIn">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://social.lol/@cory"
|
||||
rel="me"
|
||||
title="Mastodon">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/feeds" title="RSS" class="link--icon icon--h-24{% if page.url == '/feeds/' %} active{% endif %}">
|
||||
<a href="/feeds" title="RSS" class="link--icon icon--24{% if page.url == '/feeds/' %} active{% endif %}">
|
||||
{% tablericon "rss" "RSS" %}
|
||||
</a>
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/search" title="Search posts" class="link--icon icon--h-24{% if page.url == '/search/' %} active{% endif %}">
|
||||
<a href="/search" title="Search posts" class="link--icon icon--24{% if page.url == '/search/' %} active{% endif %}">
|
||||
{% tablericon "search" "Search posts" %}
|
||||
</a>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://open.spotify.com/user/mdh0acvmvfsbunzt6ywnq2tg3"
|
||||
rel="me"
|
||||
title="Spotify">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/tags" title="Post tags" class="link--icon icon--h-24{% if page.url == '/tags/' %} active{% endif %}">
|
||||
<a href="/tags" title="Post tags" class="link--icon icon--24{% if page.url == '/tags/' %} active{% endif %}">
|
||||
{% tablericon "tag" "Post tags" %}
|
||||
</a>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="link--icon icon--h-24"
|
||||
class="link--icon icon--24"
|
||||
href="https://trakt.tv/users/cdransf"
|
||||
rel="me"
|
||||
title="Trakt">
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<a href="/webrings" title="RSS" class="link--icon icon--h-24{% if page.url == '/webrings/' %} active{% endif %}">
|
||||
<a href="/webrings" title="RSS" class="link--icon icon--24{% if page.url == '/webrings/' %} active{% endif %}">
|
||||
{% tablericon "heart-handshake" "Webrings" %}
|
||||
</a>
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
{% if albumReleases.size > 0 %}
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "calendar-time" "Anticipated albums" %}
|
||||
<div class="ml-1">Anticipated albums</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if music.size > 0 %}
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
<div class="ml-1">Albums</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if music.size > 0 %}
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
<div class="ml-1">Artists</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if books.size > 0 %}
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "books" "Books" %}
|
||||
<div class="ml-1">Books</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if links.size > 0 %}
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "link" "Links" %}
|
||||
<div class="ml-1">Links</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if movies.size > 0 %}
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "movie" "Movies" %}
|
||||
<div class="ml-1">Movies</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if tv.size > 0 %}
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "device-tv" "TV" %}
|
||||
<div class="ml-1">TV</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<nav class="flex justify-between mt-8 items-center">
|
||||
{% if pagination.href.previous %}
|
||||
<a href="{{ pagination.href.previous }}">
|
||||
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page icon--h-20">
|
||||
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page icon--20">
|
||||
{% tablericon "arrow-left" "Previous" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
|
||||
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--20"
|
||||
aria-label="Previous page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-left" "Prevous" %}
|
||||
|
|
@ -18,13 +18,13 @@
|
|||
</div>
|
||||
{% if pagination.href.next %}
|
||||
<a href="{{ pagination.href.next }}">
|
||||
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--h-20" aria-label="Next page">
|
||||
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--20" aria-label="Next page">
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
|
||||
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--20"
|
||||
aria-label="Next page (disabled)"
|
||||
disabled>
|
||||
{% tablericon "arrow-right" "Next" %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% assign posts = posts | getPopularPosts: analytics %}
|
||||
<div class="not-prose">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "flame" "Popular" %}
|
||||
<div class="ml-1">Popular posts</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -5,15 +5,15 @@
|
|||
</h3>
|
||||
</a>
|
||||
<div class="flex flex-row justify-center items-center">
|
||||
<a class="link--icon icon--h-20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
|
||||
<a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
|
||||
{% tablericon "arrow-left" "Previous site" %}
|
||||
</a>
|
||||
<div class="flex justify-center">
|
||||
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500 icon--h-24">
|
||||
<a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500 icon--24">
|
||||
{% tablericon "dice-3" "Random site" %}
|
||||
</a>
|
||||
</div>
|
||||
<a class="link--icon icon--h-20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
|
||||
<a class="link--icon icon--20" href="https://webri.ng/webring/cssjoy/next?via=https://coryd.dev/webrings">
|
||||
{% tablericon "arrow-right" "Next site" %}
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
</h3>
|
||||
<div class="flex justify-center">
|
||||
<a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
|
||||
<span class="icon--bold pt-1 md:pt-0 mr-1 icon--h-20">
|
||||
<span class="icon--bold pt-1 md:pt-0 mr-1 icon--20">
|
||||
{% tablericon "user-plus" "Join!" %}
|
||||
</span>
|
||||
<span>Join!</span>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
layout: feed
|
||||
title: Books • Cory Dransfeldt
|
||||
icon: books
|
||||
heading: Feed preview • books
|
||||
description: A feed of my recently read books.
|
||||
permalink: /assets/feeds/books.xsl
|
||||
---
|
||||
|
|
@ -2,7 +2,6 @@
|
|||
layout: feed
|
||||
title: Posts • Cory Dransfeldt
|
||||
icon: rss
|
||||
heading: Feed preview • all posts
|
||||
description: A feed of the posts from my site.
|
||||
permalink: /assets/feeds/feed.xsl
|
||||
---
|
||||
|
|
@ -2,7 +2,6 @@
|
|||
layout: feed
|
||||
title: Follow • Cory Dransfeldt
|
||||
icon: user-plus
|
||||
heading: Feed preview • follow
|
||||
description: My activity from around the web.
|
||||
permalink: /assets/feeds/follow.xsl
|
||||
---
|
||||
|
|
@ -2,7 +2,6 @@
|
|||
layout: feed
|
||||
title: Links • Cory Dransfeldt
|
||||
icon: link
|
||||
heading: Feed preview • links
|
||||
description: A feed of links I've liked.
|
||||
permalink: /assets/feeds/links.xsl
|
||||
---
|
||||
12
src/now.html
12
src/now.html
|
|
@ -17,18 +17,18 @@ meta:
|
|||
image:
|
||||
src: https://coryd.dev/assets/img/avatar.webp
|
||||
---
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "clock-heart" "Currently" %}
|
||||
<div class="ml-1">Currently</div>
|
||||
</h2>
|
||||
<div class="pl-4 md:pl-8">
|
||||
{% render "partials/now/status.liquid", status:status %}
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--h-20">{% tablericon "map-2" "Map" %}</span>
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--20">{% tablericon "map-2" "Map" %}</span>
|
||||
<span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
|
||||
</p>
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--h-20">
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--20">
|
||||
{% tablericon "play-basketball" "Hacking" %}
|
||||
</span>
|
||||
<span>
|
||||
|
|
@ -36,13 +36,13 @@ meta:
|
|||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "terminal-2" "Making" %}
|
||||
<div class="ml-1">Making</div>
|
||||
</h2>
|
||||
<div class="pl-4 md:pl-8">
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--h-20">
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--20">
|
||||
{% tablericon "code" "Hacking" %}
|
||||
</span>
|
||||
<span>
|
||||
|
|
@ -51,7 +51,7 @@ meta:
|
|||
</span>
|
||||
</p>
|
||||
<p class="my-2 flex flex-row items-start md:items-center">
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--h-20">{% tablericon "hand-stop" "Ad and tracker-blocking" %}</span>
|
||||
<span class="pt-1 md:pt-0 mr-1 icon--20">{% tablericon "hand-stop" "Ad and tracker-blocking" %}</span>
|
||||
<a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -152,7 +152,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
|
|||
|
||||
```liquid
|
||||
{% if recentTracks.size > 0 %}
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "microphone" "Artists" %}
|
||||
<div class="ml-1">Artists</div>
|
||||
</h2>
|
||||
|
|
@ -176,7 +176,7 @@ The templating for my site is all written in [liquid.js](https://liquidjs.com) a
|
|||
</div>
|
||||
{% endif %}
|
||||
{% if recentTracks.size > 0 %}
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "musical-note" "Albums" %}
|
||||
<div class="ml-1">Albums</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ Rendering the output is as simple as:
|
|||
|
||||
```liquid
|
||||
{% if albumReleases.size > 0 %}
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "calendar" "Albums I'm looking forward to" %}
|
||||
<div class="ml-1">Albums I'm looking forward to</div>
|
||||
</h2>
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ And rendered using a liquid template:
|
|||
```liquid
|
||||
{% assign posts = posts | getPopularPosts: analytics %}
|
||||
<div class="not-prose">
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
|
||||
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--28">
|
||||
{% tablericon "fire" "Popular" %}
|
||||
<div class="ml-1">Popular posts</div>
|
||||
</h2>
|
||||
|
|
|
|||
16
tailwind.css
16
tailwind.css
|
|
@ -108,16 +108,24 @@ code[class*=language-], pre[class*=language-] {
|
|||
stroke-width: 1.4;
|
||||
}
|
||||
|
||||
.icon--h-20 > svg {
|
||||
.icon--20 > svg {
|
||||
@apply h-5;
|
||||
@apply w-5;
|
||||
}
|
||||
|
||||
.icon--h-24 > svg {
|
||||
.icon--24 > svg {
|
||||
@apply h-6;
|
||||
@apply w-6
|
||||
}
|
||||
|
||||
.icon--h-28 > svg {
|
||||
@apply h-6;
|
||||
.icon--28 > svg {
|
||||
@apply h-7;
|
||||
@apply w-7;
|
||||
}
|
||||
|
||||
.icon--32 > svg {
|
||||
@apply h-8;
|
||||
@apply w-8;
|
||||
}
|
||||
|
||||
.icon--bold > svg {
|
||||
|
|
|
|||
Reference in a new issue