2.1.28, initiation update to PXT v5.28.24 (#54)
This commit is contained in:
committed by
Peli de Halleux
parent
38a964516e
commit
5c114a0c57
@ -1,6 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
|
||||
@invertedBackground: #525A67;
|
||||
@dropdownMenuDistance: 0px;
|
||||
|
@ -1,15 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
|
||||
.ui.inverted.input input {
|
||||
background:#424852;
|
||||
border-radius: 20px;
|
||||
border: 0px !important;
|
||||
padding: 0.2em !important;
|
||||
padding-left: 0.6em !important;
|
||||
}
|
||||
|
||||
.rtl .ui.inverted.input input {
|
||||
padding-right: 0.6em !important;
|
||||
}
|
||||
|
@ -6,9 +6,8 @@
|
||||
|
||||
@fontName : 'Roboto Mono';
|
||||
|
||||
/*-------------------
|
||||
Site Colors
|
||||
--------------------*/
|
||||
@headerFont : 'Roboto Mono';
|
||||
@pageFont : 'Roboto Mono';
|
||||
|
||||
@primaryColor: #3CB5B5;
|
||||
@secondaryColor: #43C9C9;
|
||||
@ -27,7 +26,6 @@
|
||||
|
||||
@pageBackground : #FDFDFA;
|
||||
|
||||
|
||||
/*******************************
|
||||
PXT Overrides
|
||||
*******************************/
|
||||
@ -35,3 +33,69 @@
|
||||
@blocklyToolboxColor: #F6F4E6;
|
||||
|
||||
@blocklyFlyoutColor: #42495F;
|
||||
|
||||
/*-------------------
|
||||
Menu
|
||||
--------------------
|
||||
|
||||
@mainMenuInvertedBackground: @blue;
|
||||
@mainMenuTutorialBackground: @orange;
|
||||
|
||||
@mainMenuBlocksJsToggleColor: @primaryColor;
|
||||
|
||||
@tutorialSelectedMenuColor: @blue;
|
||||
*/
|
||||
|
||||
/*-------------------
|
||||
Layout
|
||||
--------------------
|
||||
|
||||
@sideBarWidth: 22rem;
|
||||
@simulatorWidth: 27rem;
|
||||
@simulatorWidthSmall: 20rem;
|
||||
*/
|
||||
|
||||
/*-------------------
|
||||
Background
|
||||
--------------------
|
||||
|
||||
@simulatorBackground: #FDFDFF;
|
||||
@editorToolsBackground: @simulatorBackground;
|
||||
@blocklySvgColor: #ecf0f1;
|
||||
*/
|
||||
|
||||
/*-------------------
|
||||
Side Docs
|
||||
--------------------
|
||||
|
||||
@sidedocsButtonsTop: (@mainMenuHeight + 1rem);
|
||||
@sidedocsButtonsRight: 4.25rem;
|
||||
*/
|
||||
|
||||
/*-------------------
|
||||
Editor
|
||||
--------------------
|
||||
|
||||
@blocklyToolboxColor: rgba(0, 0, 0, 0.05);
|
||||
@trashIconColor: @primaryColor;
|
||||
*/
|
||||
|
||||
|
||||
/*-------------------
|
||||
Flyout
|
||||
--------------------
|
||||
|
||||
@flyoutLabelColor: white;
|
||||
@blocklyFlyoutColor: #4b4949;
|
||||
@blocklyFlyoutColorOpacity: 1.0;
|
||||
@monacoFlyoutColor: @blocklyFlyoutColor;
|
||||
@blocklyFlyoutButtonColor: @secondaryColor;
|
||||
*/
|
||||
|
||||
/*-------------------
|
||||
Serial
|
||||
--------------------
|
||||
|
||||
@serialTextColor: black;
|
||||
@serialGraphBackground: #d9d9d9;
|
||||
*/
|
@ -1,3 +1,5 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
|
||||
@backgroundColor: fade(@grey, 40%);
|
@ -1,175 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
|
||||
|
||||
/*--------------
|
||||
Rotate In
|
||||
---------------*/
|
||||
|
||||
/* Inward */
|
||||
.transition.rotate {
|
||||
animation-duration: 0.6s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
}
|
||||
.transition.rotate.in {
|
||||
animation-name: rotateIn;
|
||||
}
|
||||
.transition[class*="rotate down left"].in {
|
||||
animation-name: rotateInDownLeft;
|
||||
}
|
||||
.transition[class*="rotate down right"].in {
|
||||
animation-name: rotateInDownRight;
|
||||
}
|
||||
.transition[class*="rotate up left"].in {
|
||||
animation-name: rotateInUpLeft;
|
||||
}
|
||||
.transition[class*="rotate up right"].in {
|
||||
animation-name: rotateInUpRight;
|
||||
}
|
||||
|
||||
/* Outward */
|
||||
.transition.rotate.out {
|
||||
animation-name: rotateOut;
|
||||
}
|
||||
.transition[class*="rotate down left"].out {
|
||||
animation-name: rotateOutDownLeft;
|
||||
}
|
||||
.transition[class*="rotate down right"].out {
|
||||
animation-name: rotateOutDownRight;
|
||||
}
|
||||
.transition[class*="rotate up left"].out {
|
||||
animation-name: rotateOutUpLeft;
|
||||
}
|
||||
.transition[class*="rotate up right"].out {
|
||||
animation-name: rotateOutUpRight;
|
||||
}
|
||||
|
||||
/* In */
|
||||
@keyframes rotateIn {
|
||||
from {
|
||||
transform-origin: center;
|
||||
transform: rotate3d(0, 0, 1, -200deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: center;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes rotateInDownLeft {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate3d(0, 0, 1, -45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: left bottom;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes rotateInDownRight {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate3d(0, 0, 1, 45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: right bottom;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes rotateInUpLeft {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate3d(0, 0, 1, 45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: left bottom;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes rotateInUpRight {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate3d(0, 0, 1, -90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: right bottom;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Out */
|
||||
@keyframes rotateOut {
|
||||
from {
|
||||
transform-origin: center;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: center;
|
||||
transform: rotate3d(0, 0, 1, 200deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes rotateOutDownLeft {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate3d(0, 0, 1, 45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes rotateOutDownRight {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate3d(0, 0, 1, -45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes rotateOutUpLeft {
|
||||
from {
|
||||
transform-origin: left bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: left bottom;
|
||||
transform: rotate3d(0, 0, 1, -45deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes rotateOutUpRight {
|
||||
from {
|
||||
transform-origin: right bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
transform-origin: right bottom;
|
||||
transform: rotate3d(0, 0, 1, 90deg);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
@ -1,3 +0,0 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
Reference in New Issue
Block a user