pineapple-styles
Version:
Component for npm registry
123 lines (111 loc) • 2.29 kB
CSS
html, body {
width: 100%;
max-width: 100%;
font-family: Gilroy;
overflow-x: hidden;
}
.home--fone {
background: #FAFAFA;
}
.v-application,
.v-application--wrap,
.v-application * {
font-family: Gilroy;
}
.container,
.container--fluid,
.container.fill-height {
padding: 0;
}
.container.fill-height > .row {
max-width: 100%;
}
h1, h2, h3, h4, h5 {
white-space: normal;
word-break: normal;
font-style: normal;
font-weight: 900;
line-height: 150%;
letter-spacing: 0.02em;
color: #000;
font-family: Gilroy;
}
h1 { font-size: 46px; }
h2 { font-size: 32px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h4, h5 { font-weight: 600; }
p {
font-size: 16px;
font-weight: normal;
line-height: 180%;
letter-spacing: 0.02em;
font-family: Gilroy;
}
.row {
margin-left: 0;
margin-right: 0;
}
svg.defs-only {
display: block;
position: absolute;
height: 0;
width: 0;
margin: 0;
padding: 0;
border: none;
overflow: hidden;
}
.user-contact { width: 640px; }
.submit-button {
font-family: Gilroy;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
min-width: 180px;
max-width: 420px;
height: 48px;
background-color: #72BF44;
color: #fff;
border-radius: 48px;
padding: 12px 32px;
}
@media (max-width: 600px), (max-height: 600px) {
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4, h5 { font-size: 18px; }
p { font-size: 16px; }
.user-contact { width: 480px; }
.submit-button { font-size: 14px; }
}
@media (max-width: 400px), (max-height: 400px) {
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4, h5 { font-size: 16px; }
p {
font-size: 14px;
width: 100%;
}
.user-contact { width: 300px; }
.submit-button {
font-size: 13px;
width: 100%;
}
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #20731C;
}
::-webkit-scrollbar-thumb {
background: #4CAF50;
}
::-webkit-scrollbar-thumb:hover {
background: #72BF44;
}