scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-28 13:50:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions1

Update Styling of Download Page

Browse source
This commit is contained in:
The_Grits 2017-05-24 20:19:49 -04:00 • committed by GitHub
parent d740eb586f
commit 15d393a9e2
2 changed files with 16 additions and 4 deletions
src/views/download
download.jsxdownload.scss

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

@ -166,7 +166,7 @@ var Download = React.createClass({
<p><FormattedMessage id='download.knownIssuesOne' /></p>
<p><FormattedMessage id='download.knownIssuesTwo' /></p>
<p><FormattedHTMLMessage id='download.knownIssuesThree' /></p>
<a href="https://scratch.mit.edu/discuss/3/" className='button'>
<a href="https://scratch.mit.edu/discuss/3/" className='button mod-link'>
<FormattedMessage id='download.reportBugs' />
</a>
</section>

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

@ -1,7 +1,7 @@
@import "../../colors";
@import "../../frameless";
$developer-spot: $ui-yellow;
$developer-spot: $splash-blue;
#view {
padding: 0;
@ -32,7 +32,7 @@ $developer-spot: $ui-yellow;
}
.band {
$band-color: hsla(55, 100, 70, .15);
$band-color: #3baddd;
margin-top: 2rem;
background-color: $band-color;
@ -67,6 +67,7 @@ $developer-spot: $ui-yellow;
.installation-downloads {
list-style: none;
padding-left: 0;
}
.installation-downloads-item {
@ -74,10 +75,21 @@ $developer-spot: $ui-yellow;
padding: 0;
}
section {
margin-bottom: 2rem;
}
.mod-link {
color: $ui-white;
}
@media only screen and (max-width: $mobile - 1) {
p {
width: $cols3;
}
.inner {
.installation-column {
max-width: $cols2;
max-width: 100%;
}
}
}