scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 08:31:23 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

solution for container size for screen size between tablet and 942 according to design

Browse source
This commit is contained in:
Linda 2018-09-21 09:19:58 -04:00
parent 337a9e2f30
commit 4983fb3f8c
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/views/preview/preview.scss
View file

@ -9,7 +9,7 @@ $stage-width: 480px;
/* screen sizes */
$small: "screen and (max-width : #{$mobile}-1)";
$medium: "screen and (min-width : #{$mobile}) and (max-width : #{$tablet}-1)";
$big: "screen and (min-width : #{$tablet})";
$intermediate: "screen and (min-width : #{$tablet}) and (max-width : 941px)"; /* 941 because currently breakpoint of .inner in www is 941 */
$medium-and-small: "screen and (max-width : #{$tablet}-1)";
/* override view padding for share banner */
@ -28,6 +28,19 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)";
.preview {
.inner {
@media #{$medium-and-small} {
max-width: 90%;
margin: 0 auto;
}
@media #{$intermediate} {
min-width: 640px;
width: 90%;
margin: 0 auto;
}
}
.project-title {
font-size: 1.75rem;
font-weight: 500;