Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding issue UX - Links should have cursor as pointer #32 #55

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Adding issue UX - Links should have cursor as pointer #32 #55

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14,285 changes: 14,285 additions & 0 deletions package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions src/blocks/blog/dark/a.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ function DarkBlogA(props) {
microdosing tousled waistcoat.
</p>
<div className="flex items-center flex-wrap ">
<a href className={`text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -92,7 +92,7 @@ function DarkBlogA(props) {
microdosing tousled waistcoat.
</p>
<div className="flex items-center flex-wrap">
<a href className={`text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/blog/dark/b.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ function DarkBlogB(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -78,7 +78,7 @@ function DarkBlogB(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -138,7 +138,7 @@ function DarkBlogB(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down
8 changes: 4 additions & 4 deletions src/blocks/blog/dark/c.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ function DarkBlogC(props) {
hexagon kickstarter craft beer pork chic.
</p>
<div className="flex items-center flex-wrap pb-4 mb-4 border-b-2 border-gray-800 mt-auto w-full">
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -66,7 +66,7 @@ function DarkBlogC(props) {
6
</span>
</div>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/104x104"
Expand Down Expand Up @@ -94,7 +94,7 @@ function DarkBlogC(props) {
slow-carb etsy tumeric.
</p>
<div className="flex items-center flex-wrap pb-4 mb-4 border-b-2 border-gray-800 mt-auto w-full">
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -139,7 +139,7 @@ function DarkBlogC(props) {
6
</span>
</div>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/103x103"
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/blog/dark/d.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ function DarkBlogD(props) {
bag selfies, poke vaporware kombucha lumbersexual pork belly
polaroid hoodie portland craft beer.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center mt-4`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center mt-4`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -57,7 +57,7 @@ function DarkBlogD(props) {
bag selfies, poke vaporware kombucha lumbersexual pork belly
polaroid hoodie portland craft beer.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center mt-4`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center mt-4`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -91,7 +91,7 @@ function DarkBlogD(props) {
bag selfies, poke vaporware kombucha lumbersexual pork belly
polaroid hoodie portland craft beer.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center mt-4`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center mt-4`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/blog/dark/e.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ function DarkBlogE(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/103x103"
Expand Down Expand Up @@ -63,7 +63,7 @@ function DarkBlogE(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/102x102"
Expand Down Expand Up @@ -99,7 +99,7 @@ function DarkBlogE(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/101x101"
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/blog/light/a.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ function LightBlogA(props) {
<div className="flex items-center flex-wrap ">
<a
href
className={`text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}
className={`cursor-pointer text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}
>
Learn More
<svg
Expand Down Expand Up @@ -97,7 +97,7 @@ function LightBlogA(props) {
<div className="flex items-center flex-wrap">
<a
href
className={`text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}
className={`cursor-pointer text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}
>
Learn More
<svg
Expand Down Expand Up @@ -167,7 +167,7 @@ function LightBlogA(props) {
<div className="flex items-center flex-wrap ">
<a
href
className={`text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}
className={`cursor-pointer text-${props.theme}-500 inline-flex items-center md:mb-2 lg:mb-0`}
>
Learn More
<svg
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/blog/light/b.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ function LightBlogB(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -78,7 +78,7 @@ function LightBlogB(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -138,7 +138,7 @@ function LightBlogB(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down
8 changes: 4 additions & 4 deletions src/blocks/blog/light/c.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ function LightBlogC(props) {
hexagon kickstarter craft beer pork chic.
</p>
<div className="flex items-center flex-wrap pb-4 mb-4 border-b-2 border-gray-200 mt-auto w-full">
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -66,7 +66,7 @@ function LightBlogC(props) {
6
</span>
</div>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/104x104"
Expand Down Expand Up @@ -94,7 +94,7 @@ function LightBlogC(props) {
slow-carb etsy tumeric.
</p>
<div className="flex items-center flex-wrap pb-4 mb-4 border-b-2 border-gray-200 mt-auto w-full">
<a href className={`text-${props.theme}-500 inline-flex items-center`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -139,7 +139,7 @@ function LightBlogC(props) {
6
</span>
</div>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/103x103"
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/blog/light/d.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ function LightBlogD(props) {
bag selfies, poke vaporware kombucha lumbersexual pork belly
polaroid hoodie portland craft beer.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center mt-4`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center mt-4`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -57,7 +57,7 @@ function LightBlogD(props) {
bag selfies, poke vaporware kombucha lumbersexual pork belly
polaroid hoodie portland craft beer.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center mt-4`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center mt-4`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down Expand Up @@ -91,7 +91,7 @@ function LightBlogD(props) {
bag selfies, poke vaporware kombucha lumbersexual pork belly
polaroid hoodie portland craft beer.
</p>
<a href className={`text-${props.theme}-500 inline-flex items-center mt-4`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 inline-flex items-center mt-4`}>
Learn More
<svg
className="w-4 h-4 ml-2"
Expand Down
6 changes: 3 additions & 3 deletions src/blocks/blog/light/e.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ function LightBlogE(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/103x103"
Expand Down Expand Up @@ -63,7 +63,7 @@ function LightBlogE(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/102x102"
Expand Down Expand Up @@ -99,7 +99,7 @@ function LightBlogE(props) {
Photo booth fam kinfolk cold-pressed sriracha leggings jianbing
microdosing tousled waistcoat.
</p>
<a href className="inline-flex items-center">
<a href className="cursor-pointer inline-flex items-center">
<img
alt="blog"
src="https://dummyimage.com/101x101"
Expand Down
2 changes: 1 addition & 1 deletion src/blocks/contact/dark/b.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ function DarkContactB(props) {
<h2 className="title-font font-medium text-white tracking-widest text-sm">
EMAIL
</h2>
<a href className={`text-${props.theme}-500 leading-relaxed`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 leading-relaxed`}>
[email protected]
</a>
<h2 className="title-font font-medium text-white tracking-widest text-sm mt-4">
Expand Down
10 changes: 5 additions & 5 deletions src/blocks/contact/dark/c.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,12 +69,12 @@ function DarkContactC(props) {
</button>
</div>
<div className="p-2 w-full pt-8 mt-8 border-t border-gray-800 text-center">
<a href className={`text-${props.theme}-500`}>[email protected]</a>
<a href className={ ` cursor-pointer text-${props.theme}-500`}>[email protected]</a>
<p className="leading-normal my-5">
49 Smith St.<br />Saint Cloud, MN 56301
</p>
<span className="inline-flex">
<a href className="text-gray-500">
<a href className="cursor-pointer text-gray-500">
<svg
fill="currentColor"
strokeLinecap="round"
Expand All @@ -86,7 +86,7 @@ function DarkContactC(props) {
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z" />
</svg>
</a>
<a href className="ml-4 text-gray-500">
<a href className="cursor-pointer ml-4 text-gray-500">
<svg
fill="currentColor"
strokeLinecap="round"
Expand All @@ -98,7 +98,7 @@ function DarkContactC(props) {
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" />
</svg>
</a>
<a href className="ml-4 text-gray-500">
<a href className="cursor-pointer ml-4 text-gray-500">
<svg
fill="none"
stroke="currentColor"
Expand All @@ -119,7 +119,7 @@ function DarkContactC(props) {
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01" />
</svg>
</a>
<a href className="ml-4 text-gray-500">
<a href className="cursor-pointer ml-4 text-gray-500">
<svg
fill="currentColor"
strokeLinecap="round"
Expand Down
2 changes: 1 addition & 1 deletion src/blocks/contact/light/b.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ function LightContactB(props) {
<h2 className="title-font font-medium text-gray-900 tracking-widest text-sm">
EMAIL
</h2>
<a href className={`text-${props.theme}-500 leading-relaxed`}>
<a href className={ ` cursor-pointer text-${props.theme}-500 leading-relaxed`}>
[email protected]
</a>
<h2 className="title-font font-medium text-gray-900 tracking-widest text-sm mt-4">
Expand Down
10 changes: 5 additions & 5 deletions src/blocks/contact/light/c.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,12 +69,12 @@ function LightContactC(props) {
</button>
</div>
<div className="p-2 w-full pt-8 mt-8 border-t border-gray-200 text-center">
<a href className={`text-${props.theme}-500`}>[email protected]</a>
<a href className={ ` cursor-pointer text-${props.theme}-500`}>[email protected]</a>
<p className="leading-normal my-5">
49 Smith St.<br />Saint Cloud, MN 56301
</p>
<span className="inline-flex">
<a href className="text-gray-500">
<a href className="cursor-pointer text-gray-500">
<svg
fill="currentColor"
strokeLinecap="round"
Expand All @@ -86,7 +86,7 @@ function LightContactC(props) {
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z" />
</svg>
</a>
<a href className="ml-4 text-gray-500">
<a href className="cursor-pointer ml-4 text-gray-500">
<svg
fill="currentColor"
strokeLinecap="round"
Expand All @@ -98,7 +98,7 @@ function LightContactC(props) {
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" />
</svg>
</a>
<a href className="ml-4 text-gray-500">
<a href className="cursor-pointer ml-4 text-gray-500">
<svg
fill="none"
stroke="currentColor"
Expand All @@ -119,7 +119,7 @@ function LightContactC(props) {
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01" />
</svg>
</a>
<a href className="ml-4 text-gray-500">
<a href className="cursor-pointer ml-4 text-gray-500">
<svg
fill="currentColor"
strokeLinecap="round"
Expand Down
Loading