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

Changes accompanying the editor toolbox.

Browse Source
This commit is contained in:
Sam El-Husseini 2017-01-07 17:35:54 -08:00
parent 7a98b06424
commit 0cb3d6e44e
2 changed files with 12 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
theme/site/globals/site.variables
View File

@ -16,6 +16,7 @@
@red: #EF767A; @red: #EF767A;
@pink: #F46197; @pink: #F46197;
@yellow: #FDE74C; @yellow: #FDE74C;
@grey:#95a5a6;
/* Microbit.org colors */ /* Microbit.org colors */
@orange: #ff8b27; @orange: #ff8b27;
@ -35,9 +36,6 @@
@mainMenuInvertedBackground: @blue; @mainMenuInvertedBackground: @blue;
@mainMenuTutorialBackground: @orange; @mainMenuTutorialBackground: @orange;
@mainMenuHeight: 5rem;
@mobileMenuHeight: 4.4rem;
@mainMenuBlocksJsToggleColor: @primaryColor; @mainMenuBlocksJsToggleColor: @primaryColor;
@tutorialSelectedMenuColor: @blue; @tutorialSelectedMenuColor: @blue;
@ -55,6 +53,7 @@
--------------------*/ --------------------*/
@simulatorBackground: #FDFDFF; @simulatorBackground: #FDFDFF;
@editorToolsBackground: @simulatorBackground;
@blocklySvgColor: #ecf0f1; @blocklySvgColor: #ecf0f1;
/*------------------- /*-------------------

30
theme/style.less
View File

@ -12,16 +12,11 @@
Add your custom CSS here Add your custom CSS here
*******************************/ *******************************/
.download-button { .ui.button.download-button {
&:extend(.ui.button all);
&:extend(.purple all); &:extend(.purple all);
} }
.download-button.download-button-full { .ui.button.download-button:hover {
&:extend(.ui.inverted.purple.button all);
}
.download-button:hover {
&:extend(.green all); &:extend(.green all);
color: black !important; color: black !important;
} }
@ -30,12 +25,11 @@
&:extend(.ui.inverted.button all); &:extend(.ui.inverted.button all);
} }
.getting-started-btn { .ui.button.getting-started-btn {
&:extend(.ui.button all);
&:extend(.orange all); &:extend(.orange all);
} }
#filelist { #filelist, #editortools {
background: #fff url(https://az742082.vo.msecnd.net/pub/psopafpj) 0 0 repeat !important; background: #fff url(https://az742082.vo.msecnd.net/pub/psopafpj) 0 0 repeat !important;
} }
@ -62,12 +56,11 @@
.blocklyToolboxDiv, .monacoToolboxDiv { .blocklyToolboxDiv, .monacoToolboxDiv {
background-color: white !important; background-color: white !important;
border-left: 1px solid #ecf0f1 !important; border-left: 1px solid #ecf0f1 !important;
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 2px 2px 0px rgba(0,0,0,0.24); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.12), 0px 0px 2px 0px rgba(0,0,0,0.24);
} }
.blocklyFlyoutBackground { .blocklyFlyoutBackground {
fill: #525A67 !important; fill: #525A67 !important;
fill-opacity: 0.5 !important;
} }
/* Remove shadow around blockly blocks */ /* Remove shadow around blockly blocks */
@ -80,14 +73,8 @@
} }
/* Blockly Toolbox Buttons */ /* Blockly Toolbox Buttons */
.blocklyToolboxButtons .blocklyAddPackageButton { .ui.button.blocklyAddPackageButton {
&:extend(.ui.inverted.pink.button all); &:extend(.pink all);
&:extend(.ui.circular.button all);
}
.blocklyToolboxButtons .blocklyUndoButton {
&:extend(.ui.inverted.blue.button all);
&:extend(.ui.circular.button all);
} }
/******************************* /*******************************
@ -121,6 +108,9 @@
/* Tablet */ /* Tablet */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
#filelist {
background: transparent !important;
}
} }
/* Small Monitor */ /* Small Monitor */