scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-22 19:05:56 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions2

Style middle banner

Browse source
This commit is contained in:
Connor Hudson 2018-07-02 11:41:17 -04:00
parent 251f7bf59d
commit 4eca432811
1 changed files with 30 additions and 1 deletions

31
src/views/splash/beta/middle-banner.scss
View file

@ -1,7 +1,36 @@
@import "../../../colors";
@import "../../../frameless";
.beta-middle-banner {
.call-to-action {
margin-top: 20px;
border-radius: 16px;
background: $ui-orange;
padding: 64px 48px;
box-sizing: border-box;
.beta-middle-container {
align-items: flex-start;
}
.beta-header,
.beta-copy,
.beta-try-it {
color: $ui-white;
}
.beta-try-it {
border-radius: 10px;
padding: 1em 2em;
font-size: 1em;
}
}
@media only screen and (min-width: $tablet) and (max-width: $desktop - 1) {
.beta-middle-banner {
.beta-middle-container {
align-items: center;
}
}
}