Commit ded28cf6 authored by Jarek Ostrowski's avatar Jarek Ostrowski

Fix lint, adjust padding on content container

parent 75ac2661
Pipeline #23179228 passed with stages
in 17 minutes and 54 seconds
......@@ -5,23 +5,22 @@ suppress_header: true
extra_css:
- moving-to-gitlab.css
---
.wrapper
.blank-header
%img.image-border.image-left{ src: "/images/home/icons-pattern-left.svg" }
%img.image-border.image-right{ src: "/images/home/icons-pattern-right.svg" }
.header-content
%img.github-importer{ src: "/images/home/github-importer.svg" }
%h1 Moving to GitLab
%p Thousands have already moved to GitLab. Will you be next?
%a.btn.cta-btn.accent{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" } See our documentation
.container.flex-container.flex-column
.video-container.full-width
%h2 Step-by-step migration instructions
%p Watch this video for step-by-step instructions on how to migrate from GitHub to GitLab and follow along with the docs.
%iframe{src: "https://www.youtube.com/embed/VYOXuOg9tQI", width: 560, height: 315, allow: "autoplay; encrypted-media", allowfullscreen: "allowfullscreen"}
.tweets.full-width
%h2 What folks are saying
<a class="twitter-timeline"
href="https://twitter.com/movingtogitlab"
data-tweet-limit="3">Tweets by @movingtogitlab</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
.blank-header
%img.image-border.image-left{ src: "/images/home/icons-pattern-left.svg" }
%img.image-border.image-right{ src: "/images/home/icons-pattern-right.svg" }
.header-content
%img.github-importer{ src: "/images/home/github-importer.svg" }
%h1 Moving to GitLab
%p Thousands have already moved to GitLab. Will you be next?
%a.btn.cta-btn.accent{ href: "https://docs.gitlab.com/ee/user/project/import/github.html" } See our documentation
.content-container.flex-container.flex-column
.video-container.full-width
%h2 Step-by-step migration instructions
%p Watch this video for step-by-step instructions on how to migrate from GitHub to GitLab and follow along with the docs.
%iframe{src: "https://www.youtube.com/embed/VYOXuOg9tQI", width: 560, height: 315, allow: "autoplay; encrypted-media", allowfullscreen: "allowfullscreen"}
.tweets.full-width
%h2 What folks are saying
<a class="twitter-timeline"
href="https://twitter.com/movingtogitlab"
data-tweet-limit="3">Tweets by @movingtogitlab</a>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
......@@ -15,35 +15,38 @@ p {
font-size: 18px;
}
.wrapper {
.content-container {
padding: 50px 200px;
width: 100%;
max-width: 1440px;
.container {
padding: 50px 200px;
max-width: 1440px;
width: 100%;
.tweets {
.tweets {
h2 {
margin-bottom: 20px;
}
h2 {
margin-bottom: 20px;
}
}
}
iframe {
-webkit-appearance: none;
width: 100%;
margin-top: 20px;
height: 585px;
border: 0;
box-shadow: 0 10px 20px $color-transparent-alt;
}
iframe {
-webkit-appearance: none;
width: 100%;
height: auto;
margin-top: 20px;
height: 585px;
border: none;
box-shadow: 0 10px 20px $color-transparent-alt;
}
div:not(:first-child) {
margin-top: 100px;
}
div:not(:first-child) {
margin-top: 100px;
}
@media screen and (max-width: $screen-md-min) {
padding: 50px 100px;
}
@media screen and (max-width: $screen-sm-min) {
padding: 40px 20px;
}
}
......@@ -67,6 +70,11 @@ p {
top: 0;
opacity: .3;
height: 100%;
@media screen and (max-width: $screen-sm-min) {
display: none;
}
}
.image-left {
......@@ -82,6 +90,7 @@ p {
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 10;
}
.btn {
......
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