Commit b618e59e authored by Martin Schoeler's avatar Martin Schoeler

Small devops tweaks

parent 96d33023
......@@ -28,7 +28,7 @@
<div class="integrations__content">
<h3 class="title">Easy Integrations</h3>
<p class="desc">Improve developer process. Rocket.Chat moves between your team and apps automatically, so you can focus on your most important work.</p>
<p class="text">Many integrations avaliable and counting...</p>
<p class="label theme_type--light">Many integrations avaliable and counting...</p>
<div class="icons">
<a href="https://rocket.chat/docs/administrator-guides/integrations/github/" rel="noopener noreferrer">
<img alt="github integration" src="/images/solutions/github.svg">
......
......@@ -6,7 +6,8 @@ body.solutions-page {
height: 607px;
&__image {
height: 70%;
width: 431px;
height: 367px;
flex-shrink: 0;
margin-left: 48px;
}
......@@ -17,14 +18,34 @@ body.solutions-page {
max-width: 635px;
.button {
font-size: 18px;
margin: 0;
margin-top: 32px;
width: 159px;
height: 60px;
align-items: center;
}
}
@media screen and (max-width: $tablet) {
flex-direction: column-reverse;
margin-top: 78px;
&__image {
margin-bottom: 46px;
margin-left: 0;
}
&__text {
text-align: center;
align-items: center;
}
}
}
.features {
background-color: #fff;
padding: 80px 0 172px;
padding: 160px 0 172px;
margin-bottom: 80px;
&__title {
......@@ -48,8 +69,8 @@ body.solutions-page {
justify-self: center;
&__image {
width: 64px;
height: 64px;
width: 84px;
height: 84px;
margin: 0 auto;
margin-bottom: 14px;
}
......@@ -120,6 +141,17 @@ body.solutions-page {
}
}
}
@media screen and (max-width: $tablet) {
&__title {
width:100%;
}
&__icons {
grid-template-columns: repeat(1, auto);
grid-template-rows: repeat(6, auto);
}
}
}
.testimonials {
......@@ -167,6 +199,13 @@ body.solutions-page {
}
}
}
@media screen and (max-width: $tablet) {
&__title {
width: 736px;
margin: auto;
}
}
}
.solutions-box {
......@@ -189,7 +228,14 @@ body.solutions-page {
.button--ghost {
background: #fff;
color: $brand;
padding: 18px 24px;
padding: 20px 32px;
font-size: 18px;
margin: 0;
margin-top: 32px;
width: 159px;
height: 60px;
align-items: center;
}
}
......@@ -212,12 +258,18 @@ body.solutions-page {
}
.featherlight-content {
background-color: $space;
width: 544px;
padding: 0;
#solution-form {
display: block;
margin: 64px 96px;
}
h3 {
font-weight: bold;
}
#solution-form__after-box {
display: block;
margin: 10px 30px;
......@@ -232,13 +284,14 @@ body.solutions-page {
.featherlight-close-icon {
background: none;
color: #fff;
font-size: 36px;
height: 40px;
width: 40px;
color: $grey;
font-size: 24px;
height: 14px;
width: 14px;
margin-right: 32px;
margin-top: 32px;
}
}
#solution-form__after-box {
display: none;
}
......@@ -265,5 +318,4 @@ body.solutions-page {
opacity: 0.7;
}
}
}
}
\ No newline at end of file
......@@ -4,6 +4,11 @@
<stop offset="0%" stop-color="#0052CC"/>
<stop offset="92.3%" stop-color="#2684FF"/>
</linearGradient>
<radialGradient id="b" cy="54.652%" r="71.69%" fx="50%" fy="54.652%" gradientTransform="matrix(.9243 0 0 1 .038 0)">
<stop offset="0%" stop-color="#FFB900"/>
<stop offset="60%" stop-color="#F95D8F"/>
<stop offset="99.91%" stop-color="#F95353"/>
</radialGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path fill="#35363E" fill-rule="nonzero" d="M247 321.66a5.327 5.327 0 0 0-5.333 5.321v31.925a5.327 5.327 0 0 0 5.333 5.32h32a5.327 5.327 0 0 0 5.333-5.32V326.98a5.327 5.327 0 0 0-5.333-5.32h-32zm0-2.66h32c4.418 0 8 3.573 8 7.981v31.925c0 4.408-3.582 7.98-8 7.98h-32c-4.418 0-8-3.572-8-7.98V326.98c0-4.408 3.582-7.981 8-7.981z"/>
......@@ -74,7 +79,7 @@
<g fill="#35363E" fill-rule="nonzero">
<path d="M297.134 266.574c0-.669.543-1.211 1.214-1.211.67 0 1.214.542 1.214 1.211v26.35c0 .669-.544 1.211-1.214 1.211H264.58v26.104c0 .669-.544 1.211-1.214 1.211-.67 0-1.214-.542-1.214-1.211v-27.315c0-.669.543-1.211 1.214-1.211h33.767v-25.139zM351.344 192.604c-.67 0-1.214.177-1.214-.492s.544-1.21 1.214-1.21h47.333c.67 0 1.214.541 1.214 1.21v26.4c0 .668-.543 1.21-1.214 1.21-.67 0-1.214-.542-1.214-1.21v-25.188l-46.119-.72zM349.88 142.122c-.602 0-1.09-.542-1.09-1.211 0-.67.488-1.211 1.09-1.211h33.058c.602 0 1.09.542 1.09 1.21 0 .67-.488 1.212-1.09 1.212H349.88zM267.063 96.812c0 .633-.544 1.145-1.214 1.145-.67 0-1.214-.512-1.214-1.145V47.278c0-.632.543-1.145 1.214-1.145.67 0 1.214.513 1.214 1.145v49.534zM87.13 133.902a1.213 1.213 0 0 1 0 2.422H41.734c-.67 0-1.214-.542-1.214-1.21 0-.67.544-1.212 1.214-1.212H87.13zM78.398 191.851c0-.668.543-1.21 1.214-1.21h9.117c.67 0 1.214.542 1.214 1.21 0 .67-.543 1.212-1.214 1.212h-7.903v34.225c0 .67-.544 1.212-1.214 1.212h-15.75a1.213 1.213 0 0 1 0-2.422h14.536V191.85zM145.068 307.65h-2.428v-41.009h2.428z"/>
</g>
<g transform="translate(87 95)">
<g transform="translate(87 97)">
<path fill="#FFF" d="M7.294 0h250.412C261.735 0 265 3.25 265 7.259V165.74c0 4.01-3.265 7.259-7.294 7.259H7.294C3.265 173 0 169.75 0 165.741V7.26C0 3.249 3.265 0 7.294 0z"/>
<path fill="#1D74F5" d="M7.1 0H71v173H7.1c-3.921 0-7.1-3.25-7.1-7.259V7.26C0 3.249 3.179 0 7.1 0z"/>
<path fill="#C6C7CA" d="M71 22h194v1H71z" opacity=".23"/>
......@@ -145,5 +150,6 @@
<rect width="6" height="6" x="47" y="9" fill="#FFF" opacity=".564" rx="1"/>
<rect width="6" height="6" x="57" y="9" fill="#FFF" opacity=".564" rx="1"/>
</g>
<path fill="url(#b)" fill-rule="nonzero" d="M270.86 343.67a6.075 6.075 0 1 0 0 12.151 6.075 6.075 0 0 0 0-12.15zm-15.784 0a6.075 6.075 0 1 0-.001 12.151 6.075 6.075 0 0 0 0-12.15zm13.968-7.594a6.076 6.076 0 1 1-12.152 0 6.076 6.076 0 0 1 12.152 0z"/>
</g>
</svg>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment