2.1.28, initiation update to PXT v5.28.24 (#54)

theme/site/collections/menu.variables

@@ -1,6 +1,3 @@
 /*******************************
     User Variable Overrides
 *******************************/
-
-@invertedBackground: #525A67;
-@dropdownMenuDistance: 0px;

theme/site/elements/input.overrides

@@ -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;
-}

theme/site/globals/site.variables

@@ -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;
+*/

theme/site/modules/dimmer.variables

@@ -1,3 +1,5 @@
 /*******************************
     User Variable Overrides
 *******************************/
+
+@backgroundColor: fade(@grey, 40%);

theme/site/modules/transition.overrides

@@ -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;
-  }
-}

theme/site/modules/video.overrides

@@ -1,3 +0,0 @@
-/*******************************
-         Site Overrides
-*******************************/