Initial target repo setup to move to master (v3.10)
This commit is contained in:
47
theme/blockly-toolbox.less
Normal file
47
theme/blockly-toolbox.less
Normal file
@ -0,0 +1,47 @@
|
||||
|
||||
/*******************************
|
||||
Blockly toolbox
|
||||
*******************************/
|
||||
|
||||
div.blocklyTreeRow {
|
||||
box-shadow: inset 0 -1px 0 0 #ecf0f1;
|
||||
|
||||
margin-bottom: 0px !important;
|
||||
|
||||
-webkit-transition-property: background-color; /* Safari */
|
||||
-webkit-transition-duration: 1s; /* Safari */
|
||||
transition-property: background-color;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
|
||||
/* Blockly toolbox font size same as the page font */
|
||||
span.blocklyTreeLabel {
|
||||
font-family: @pageFont !important;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.blocklyToolboxDiv, .monacoToolboxDiv {
|
||||
background-color: white !important;
|
||||
border-left: 1px solid #ecf0f1 !important;
|
||||
box-shadow: 4px 0px 2px -4px rgba(0,0,0,0.12), 4px 0px 2px -4px rgba(0,0,0,0.24);
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: @largestMobileScreen) {
|
||||
.blocklyToolboxDiv, .monacoToolboxDiv {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
div.blocklyTreeRoot {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet */
|
||||
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
|
||||
.blocklyToolboxDiv, .monacoToolboxDiv {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
div.blocklyTreeRoot {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
@ -4,44 +4,12 @@
|
||||
|
||||
@import 'blockly-core';
|
||||
|
||||
/* Reference import */
|
||||
@import (reference) "semantic.less";
|
||||
|
||||
/*******************************
|
||||
Blockly
|
||||
Blockly CSS
|
||||
*******************************/
|
||||
|
||||
div.blocklyTreeRow {
|
||||
box-shadow: inset 0 -1px 0 0 #ecf0f1;
|
||||
|
||||
margin-bottom: 0px !important;
|
||||
|
||||
-webkit-transition-property: background-color; /* Safari */
|
||||
-webkit-transition-duration: 1s; /* Safari */
|
||||
transition-property: background-color;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
|
||||
/* Blockly toolbox font size same as the page font */
|
||||
span.blocklyTreeLabel {
|
||||
font-family: @pageFont !important;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.blocklyToolboxDiv, .monacoToolboxDiv {
|
||||
background-color: white !important;
|
||||
border-left: 1px solid #ecf0f1 !important;
|
||||
box-shadow: 4px 0px 2px -4px rgba(0,0,0,0.12), 4px 0px 2px -4px rgba(0,0,0,0.24);
|
||||
}
|
||||
|
||||
.blocklyFlyoutBackground {
|
||||
fill: #525A67 !important;
|
||||
}
|
||||
|
||||
/* Remove shadow around blockly blocks */
|
||||
.blocklyPathDark, .blocklyPathLight {
|
||||
display: none;
|
||||
}
|
||||
/* Reference import */
|
||||
@import (reference) "semantic.less";
|
||||
|
||||
/* Blockly Field: Grid picker */
|
||||
.blocklyGridPickerTooltip {
|
||||
@ -50,24 +18,4 @@ span.blocklyTreeLabel {
|
||||
border: black solid 3px;
|
||||
color: black;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: @largestMobileScreen) {
|
||||
.blocklyToolboxDiv, .monacoToolboxDiv {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
div.blocklyTreeRoot {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet */
|
||||
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
|
||||
.blocklyToolboxDiv, .monacoToolboxDiv {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
div.blocklyTreeRoot {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
@ -68,6 +68,16 @@
|
||||
@blocklyToolboxColor: rgba(0, 0, 0, 0.05);
|
||||
@trashIconColor: @primaryColor;
|
||||
|
||||
|
||||
/*-------------------
|
||||
Flyout
|
||||
--------------------*/
|
||||
|
||||
@flyoutLabelColor: white;
|
||||
@blocklyFlyoutColor: #3B3C3D;
|
||||
@blocklyFlyoutColorOpacity: 1.0;
|
||||
@monacoFlyoutColor: rgba(59, 60, 61, 1.0);
|
||||
|
||||
/*-------------------
|
||||
Serial
|
||||
--------------------*/
|
||||
|
@ -1,6 +1,7 @@
|
||||
/* Import all components */
|
||||
@import 'pxtsemantic';
|
||||
@import 'pxt';
|
||||
@import 'blockly-toolbox';
|
||||
@import 'themes/default/globals/site.variables';
|
||||
@import 'themes/pxt/globals/site.variables';
|
||||
@import 'site/globals/site.variables';
|
||||
@ -53,10 +54,6 @@
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.organization {
|
||||
top: 1.6em;
|
||||
}
|
||||
|
||||
/*******************************
|
||||
Monaco
|
||||
*******************************/
|
||||
@ -66,10 +63,6 @@
|
||||
border: solid 3px #ecf0f1;
|
||||
}
|
||||
|
||||
.monacoFlyout {
|
||||
background: rgba(82, 90, 103, 0.5);
|
||||
}
|
||||
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: @largestMobileScreen) {
|
||||
|
Reference in New Issue
Block a user