c_meyer/pxt-calliope
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated css breakpoints

Browse Source
This commit is contained in:
Peli de Halleux 2016-12-22 22:36:06 -08:00
parent 360e2b7ba6
commit 98eab3672f
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pxtarget.json
View File

@ -289,8 +289,16 @@
],
"invertedMenu": true,
"invertedToolbox": true,
"coloredToolbox": true,
"simAnimationEnter": "rotate in",
"simAnimationExit": "rotate out",
"blocklyOptions": { }
"blocklyOptions": {
"grid": {
"spacing": 45,
"length": 7,
"colour": "rgba(189, 195, 199, 0.30)",
"snap": false
}
}
}
}

8
theme/style.less
View File

@ -103,7 +103,7 @@
}
/* Mobile */
@media only screen and (max-width: @largestMobileScreen) {
@media only screen and (max-width: @largestMobileEditorBreakpoint) {
.blocklyTreeLabel {
font-size: 0.5rem !important;
}
@ -113,7 +113,7 @@
}
/* Tablet */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
@media only screen and (min-width: @tabletEditorBreakpoint) and (max-width: @largestTabletEditorBreakpoint) {
.organization {
top: auto;
}
@ -125,7 +125,7 @@
}
/* Small Monitor */
@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
@media only screen and (min-width: @computerEditorBreakpoint) and (max-width: @largestSmallMonitorEditorBreakpoint) {
.organization {
top: auto;
}
@ -140,7 +140,7 @@
}
/* Large Monitor */
@media only screen and (min-width: @largeMonitorBreakpoint) {
@media only screen and (min-width: @largeMonitorEditorBreakpoint) {
.blocklyTreeRow {
width: 230px;
}