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

101 lines
1.3 KiB
SCSS
Raw Normal View History

2023-07-11 06:03:57 +00:00
.about,
.blog,
.donate,
.contact {
max-width: 42rem;
margin: 0 auto;
padding: 3rem 5rem 3rem 1rem;
h2 {
a {
color: $ft-color;
text-decoration: none;
&:hover {
cursor: text;
}
}
}
p {
color: $f-color;
font-size: 1.125rem;
margin: 1rem 0 0;
line-height: 1.5;
a {
color: $link;
text-decoration: none;
}
}
}
.blog .card {
display: block;
padding: 0 4rem 0 0;
a {
display: inline-block;
text-decoration: none;
margin: 0 .25rem 0 0;
p {
color: $ft-color;
font-size: 1.05rem;
font-weight: 600;
}
&:hover { cursor: pointer;
p { text-decoration: underline }
}
}
.desc {
font-size: .925rem;
}
p {
font-size: 1rem;
color: $fs-color;
margin: .1rem 0;
}
hr {
height: 1px;
margin: 1rem auto;
border: none;
color: $s-color;
background-color: $s-color;
opacity: .1;
}
}
.donate {
.qr {
font-size: .9em;
}
.address {
font-size: .8rem;
margin: 6px 0 0 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
@media only screen and (max-width: 600px) {
.about,
.blog,
.donate,
.contact {
padding: 3rem 4rem 3rem 2rem;
}
.donate .address {
width: calc(100vw - 4rem);
}
}