2
0
Fork 0
inspin.io/assets/style/pages/pages.css

130 lines
1.9 KiB
CSS

.project,
.reserved,
.event,
.status {
padding: 0 0 2rem 0;
.content {
padding: 4rem 1.25rem;
img {
max-width: 100%;
}
h2,
h3,
h4 {
a {
pointer-events: none;
&:after {
display: none;
}
}
&:hover {
cursor: text;
}
}
h1 {
color: var(--f-color);
font-size: 2.25rem;
font-weight: 700;
line-height: 2.75rem;
letter-spacing: -.05rem;
margin: 2rem 0;
}
h2 {
margin: 2rem 0;
a {
color: var(--f-color);
font-size: 1.75rem;
font-weight: 700;
line-height: 2rem;
letter-spacing: -.05rem;
}
}
p {
display: block;
font-size: 1.25rem;
font-weight: 300;
line-height: 2rem;
padding: .75rem 0;
margin: 0;
em {
display: block;
font-size: .9rem;
padding: 0 0 1rem 0;
text-align: center;
}
strong {
display: block;
font-size: 1.5rem;
font-weight: 300;
line-height: 2rem;
padding: 2.5rem 4rem .5rem 4rem;
&:before,
&:after {
content: '"';
font-size: 1.75rem;
padding: 0 .25rem;
}
}
}
a {
position: relative;
color: var(--l-color);
&:after {
content: '';
position: absolute;
width: 100%;
bottom: -1px;
left: 0;
right: 0;
border-bottom: 1px dotted var(--l-color);
}
}
}
}
.status .content {
padding: 1rem 1.25rem 4rem 1.25rem;
br {
display: none;
}
}
#desktop-only {
padding: 1.5rem;
text-align: center;
h1 {
font-size: 1.5rem;
font-weight: 600;
}
}
@media only screen and (--viewport-4) {
.project,
.reserved,
.event,
.status {
.content {
padding: 4rem 2.25rem;
}
}
.status .content br {
display: block;
}
}