scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-25 20:29:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions4

lint!

Browse source
This commit is contained in:
picklesrus 2018-12-11 11:44:35 -05:00
parent 60af2fff7c
commit 570ba86e75
2 changed files with 28 additions and 15 deletions
src/views/download
download.jsxdownload.scss

2
src/views/download/download.jsx
View file

@ -50,7 +50,7 @@ class Download extends React.Component {
<h1 className="download-title">
<img
alt=""
className="self-center"
className="self-center icon"
height="40"
src="/images/download/placeholder.png"
width="40"

41
src/views/download/download.scss
View file

@ -7,22 +7,28 @@
.download {
.title {
font-size: 2rem;
margin-bottom: 1rem;
font-size: 2rem;
}
.centered {
display: flex;
}
.self-center {
align-self: center;
}
.download-header {
background-color: $ui-blue;
color: $ui-white;
padding: 4rem 0;
color: $ui-white;
.title {
color: $ui-white;
}
.inner {
justify-content: space-between;
flex-wrap: nowrap;
@ -37,20 +43,21 @@
margin-bottom: 5rem;
align-items: flex-start;
.download-title {
.download-title {
display: flex;
font-size: 2rem;
margin-bottom: 2rem;
color: $ui-white;
img {
padding-right: .5rem;
max-height: 100%;
}
font-size: 2rem;
}
.icon {
padding-right: .5rem;
max-height: 100%;
}
.download-description {
font-size: 1.2rem;
line-height: 1.7rem;
font-size: 1.2rem;
}
}
@ -78,6 +85,7 @@
}
}
}
.download-image {
width: 100%;
max-width: $cols4;
@ -88,6 +96,7 @@
}
}
}
.install-scratch {
padding: 2rem 0;
@ -105,8 +114,10 @@
height: 80px;
}
}
.download-section {
padding: 4rem 0;
.inner {
align-items: flex-start;
}
@ -123,7 +134,8 @@
max-width: $cols8;
text-align: left;
}
.faq-question{
.faq-question {
margin-bottom: 0;
font-size: 1.4rem;
}
@ -131,16 +143,17 @@
.older-version {
padding-right: 24px;
p {
color: $link-blue;
font-weight:600;
font-weight: 600;
}
.screenshot {
margin-top: 1rem;
$img-border: rgba(0, 0, 0, .05);
border: 2px solid $img-border;
border-radius: 8px;
margin-top: 1rem;
}
}
}