Sha256: 8d80deb582ebc3910daf8b098187de0dc1fed05098cf2dd687e2443ab388d51a
Contents?: true
Size: 1.79 KB
Versions: 31
Compression:
Stored size: 1.79 KB
Contents
html {
height: 100%;
}
.home-page {
--color-pink: hsl(306, 81%, 77%);
--color-red: hsl(11, 86%, 46%);
--color-rose: hsl(338, 27%, 88%);
--color-white: hsl(0, 0%, 100%);
--font-family: Verdana;
background-color: var(--color-white);
background-image: linear-gradient(
0deg,
hsl(351deg 100% 95%) 0%,
hsl(352deg 100% 96%) 16%,
hsl(352deg 100% 98%) 24%,
hsl(352deg 100% 99%) 30%,
hsl(300deg 100% 100%) 35%,
hsl(300deg 100% 100%) 40%,
hsl(300deg 100% 100%) 45%,
hsl(0deg 0% 100%) 50%,
hsl(300deg 100% 100%) 55%,
hsl(300deg 100% 100%) 60%,
hsl(300deg 100% 100%) 65%,
hsl(300deg 100% 100%) 70%,
hsl(300deg 100% 100%) 76%,
hsl(300deg 100% 100%) 84%,
hsl(0deg 0% 100%) 100%
);
display: flex;
flex-direction: column;
font-family: var(--font-family);
justify-content: space-between;
min-height: 97vh;
.navigation {
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
font-size: 1.5rem;
font-weight: 600;
gap: 1rem;
justify-content: center;
list-style: none;
padding: 0;
}
@media only screen and (min-width: 350px) {
.navigation {
flex-direction: row;
justify-content: normal;
margin: 1rem 2rem;
}
}
.body {
align-items: center;
display: flex;
flex-direction: column;
.label {
font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
}
.logo {
max-width: 100%;
height: auto;
object-fit: cover;
}
}
.footer {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
.group {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
}
}
Version data entries
31 entries across 31 versions & 1 rubygems