1
0
Fork 0
ryanmoon.com/assets/style/pages/_index.scss

112 lines
1.7 KiB
SCSS
Raw Normal View History

2023-07-11 06:03:57 +00:00
.index {
.hero {
padding: 2rem 1rem;
h1 {
color: $ft-color;
font-size: 3rem;
font-weight: 900;
padding: 2.25rem 0 .5rem 0;
margin-left: -.1rem;
}
h2 {
color: $fs-color;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
padding: .5rem 0;
}
p {
display: inline-block;
color: $fs-color;
margin: 1rem 0;
}
a {
p {
color: $link;
margin-left: .5rem;
}
&:hover { cursor: pointer;
p { text-decoration: underline }
}
}
}
.projects {
padding: 2rem 1rem;
h3 {
font-size: .875rem;
font-weight: 500;
color: $s-color;
text-transform: uppercase;
letter-spacing: .2rem;
margin: 0 0 .5rem 0;
}
.card {
padding: .75rem 0;
a {
display: inline-block;
text-decoration: none;
p {
color: $ft-color;
font-size: 1.15rem;
font-weight: 600;
}
&:hover { cursor: pointer;
p { text-decoration: underline }
}
}
p {
color: $fs-color;
margin: .1rem 0;
}
}
}
}
@media only screen and (max-width: 600px) {
.index {
.hero {
padding: 2rem;
h1 {
font-size: 4rem;
line-height: 4.5rem;
padding: 0 0 1rem 0;
margin-left: -.2rem;
span {
display: none;
}
}
h2 {
font-size: 1.25rem;
padding: 1rem 0;
}
p {
font-size: .95rem;
}
}
.projects {
padding: 2rem;
p {
padding-right: 1rem;
}
}
}
}