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

30
theme/style.less
View File

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