Initial commit, based on pxt-adafruit
This commit is contained in:
Michal Moskal
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
Field Light
|
||||
*******************************/
|
||||
#field-neopixels {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#field-neopixels .neopixel, #field-neopixels .colorbutton {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#field-neopixels .neopixel {
|
||||
stroke: #fff;
|
||||
stroke-width:2px;
|
||||
}
|
||||
|
||||
#field-neopixels .neopixel:hover {
|
||||
stroke-width: 4px !important;
|
||||
stroke:#fc3;
|
||||
}
|
||||
|
||||
#field-neopixels .colorbutton {
|
||||
stroke:black;
|
||||
stroke-width: 2px;
|
||||
stroke-opacity: 1;
|
||||
}
|
||||
|
||||
#field-neopixels .colorbutton:hover {
|
||||
stroke:#fc3;
|
||||
stroke-width: 3px;
|
||||
}
|
||||
|
||||
#field-neopixels .colorbutton.active {
|
||||
stroke:#fc3;
|
||||
stroke-width: 4px !important;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,8 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
|
||||
|
||||
.ui.menu.inverted .item {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
|
||||
@invertedItemTextColor: @white;
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*-------------------
|
||||
Flag Variables
|
||||
--------------------*/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,6 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
|
||||
@invertedItemTextColor: @primaryColor;
|
||||
@transparentInvertedColor: @primaryColor;
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Global Variables
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,90 @@
|
||||
/*******************************
|
||||
User Global Variables
|
||||
*******************************/
|
||||
|
||||
@importGoogleFonts: true;
|
||||
|
||||
@fontName : 'Open Sans';
|
||||
|
||||
@emSize : 14px;
|
||||
@fontSize : 13px;
|
||||
|
||||
@primaryColor: @blue;
|
||||
@secondaryColor: @pink;
|
||||
|
||||
@red:#CC2936;
|
||||
@yellow:#FFC914;
|
||||
@teal:#08415C;
|
||||
@violet:#C200C0;
|
||||
@brown:#2E282A;
|
||||
@grey:#999;
|
||||
|
||||
/* Adafruit colors */
|
||||
@blue:#2EB7ED;
|
||||
@pink:#FB48C7;
|
||||
|
||||
@green: #40bf4a; /*#00922B;*/
|
||||
@purple:#8073E5;
|
||||
@orange:#FFA702;
|
||||
|
||||
@pageBackground: #ecf0f1;
|
||||
|
||||
/*******************************
|
||||
PXT Overrides
|
||||
*******************************/
|
||||
|
||||
/*-------------------
|
||||
Menu
|
||||
--------------------*/
|
||||
|
||||
@mainMenuInvertedBackground: @blue;
|
||||
@mainMenuTutorialBackground: @orange;
|
||||
|
||||
@mainMenuBlocksJsToggleColor: @black;
|
||||
|
||||
@tutorialSelectedMenuColor: @blue;
|
||||
|
||||
/*-------------------
|
||||
Layout
|
||||
--------------------*/
|
||||
|
||||
@sideBarWidth: 22rem;
|
||||
@simulatorWidth: 24rem;
|
||||
@simulatorWidthSmall: 20rem;
|
||||
|
||||
/*-------------------
|
||||
Background
|
||||
--------------------*/
|
||||
|
||||
@simulatorBackground: #2F2F2F; /*#313638;*/
|
||||
@editorToolsBackground: #2F2F2F; /*#1e1e1e;*/
|
||||
@blocklySvgColor: #4c4b4d; /*#1e1e1e;*/
|
||||
|
||||
/*-------------------
|
||||
Full screen
|
||||
--------------------*/
|
||||
|
||||
@fullscreenBackgroundGradientStart: @mainMenuInvertedBackground;
|
||||
@fullscreenBackgroundGradientEnd: #fff;
|
||||
|
||||
/*-------------------
|
||||
Side Docs
|
||||
--------------------*/
|
||||
|
||||
@sidedocsButtonsTop: (@mainMenuHeight + 1rem);
|
||||
@sidedocsButtonsRight: 4.25rem;
|
||||
|
||||
/*-------------------
|
||||
Editor
|
||||
--------------------*/
|
||||
|
||||
@blocklyToolboxColor: transparent;
|
||||
@trashIconColor: @primaryColor;
|
||||
|
||||
|
||||
/*-------------------
|
||||
Blockly
|
||||
--------------------*/
|
||||
|
||||
@blocklyRowWidthWide: 160px;
|
||||
@blocklyRowWidthComputer: 140px;
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,216 @@
|
||||
/*******************************
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*--------------
|
||||
Roll in
|
||||
---------------*/
|
||||
|
||||
/* Inward */
|
||||
.transition.roll {
|
||||
animation-duration: 2s;
|
||||
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
}
|
||||
.transition.roll.in {
|
||||
animation-name: rollIn;
|
||||
}
|
||||
.transition.roll.out {
|
||||
animation-name: rollOut;
|
||||
}
|
||||
|
||||
@keyframes rollIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rollOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*******************************
|
||||
User Variable Overrides
|
||||
*******************************/
|
||||
@@ -0,0 +1,149 @@
|
||||
/* Import all components */
|
||||
@import 'semantic';
|
||||
@import 'pxt';
|
||||
@import 'themes/default/globals/site.variables';
|
||||
@import 'themes/pxt/globals/site.variables';
|
||||
@import 'site/globals/site.variables';
|
||||
@import 'themes/default/collections/menu.variables';
|
||||
|
||||
@import 'fieldeditors';
|
||||
|
||||
/* Reference import */
|
||||
@import (reference) "semantic.less";
|
||||
|
||||
/*******************************
|
||||
Add your custom CSS here
|
||||
*******************************/
|
||||
|
||||
.ui.button.download-button {
|
||||
&:extend(.ui.secondary.button all);
|
||||
}
|
||||
|
||||
.ui.button.editortools-btn {
|
||||
&:extend(.ui.blue.button all);
|
||||
}
|
||||
|
||||
.projectname-input {
|
||||
&:extend(.inverted all);
|
||||
}
|
||||
|
||||
.ui.button.getting-started-btn {
|
||||
&:extend(.ui.green.button all);
|
||||
}
|
||||
|
||||
.ui.button.exit-tutorial-btn {
|
||||
&:extend(.ui.blue.button all);
|
||||
}
|
||||
|
||||
|
||||
/* Remove shadow around blockly blocks */
|
||||
.blocklyPathDark, .blocklyPathLight {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Specifying rounded toolbox borders. */
|
||||
div.blocklyTreeRow {
|
||||
border-radius: 3px;
|
||||
margin-bottom: 3px !important;
|
||||
border: 1px solid #1e1e1e;
|
||||
border-left-width: 1px !important;
|
||||
}
|
||||
div.blocklyTreeRoot div div div div div.blocklyTreeRow {
|
||||
border-left-width: 1px !important;
|
||||
}
|
||||
|
||||
/* Highlight category item */
|
||||
div.blocklyTreeRow.blocklyTreeSelected, div.blocklyTreeRoot div div div div div.blocklyTreeRow.blocklyTreeSelected {
|
||||
border: 2px solid #fc3;
|
||||
border-left-width: 2px !important;
|
||||
}
|
||||
|
||||
/* This removes any padding at the top of the toolbox */
|
||||
div.blocklyTreeRoot {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
/* Blockly Text */
|
||||
span.blocklyTreeLabel {
|
||||
font-family: "Gotham SSm A","Gotham SSm B","Montserrat","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif !important;
|
||||
text-transform: uppercase !important;
|
||||
font-size:1rem !important;
|
||||
}
|
||||
|
||||
svg.blocklySvg {
|
||||
background: #00487C; /* For browsers that do not support gradients */
|
||||
}
|
||||
|
||||
.blocklyFlyoutBackground {
|
||||
fill: #282828 !important;
|
||||
}
|
||||
.monacoFlyout {
|
||||
background: rgba(40, 40, 40, 0.9);
|
||||
}
|
||||
|
||||
.blocklyToolboxDiv, .monacoToolboxDiv {
|
||||
padding: 0.5rem;
|
||||
border-right: solid 1px #282828;
|
||||
background-color: #383838 !important;
|
||||
}
|
||||
|
||||
.blocklyScrollbarHandle {
|
||||
fill: #000 !important;
|
||||
fill-opacity:.8;
|
||||
}
|
||||
|
||||
/* Editor menu toggle */
|
||||
.ui.menu .item.editor-menuitem {
|
||||
background: fade(@black, 20%) !important;
|
||||
}
|
||||
|
||||
/* Search box */
|
||||
#blocklySearchArea {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
.blocklySearchInputField {
|
||||
border-radius: 0.2rem !important;
|
||||
}
|
||||
|
||||
.sandboxfooter a:not(.thin) {
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
/* Scrollbars */
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
|
||||
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: @largestMobileScreen) {
|
||||
#filelist {
|
||||
background: transparent;
|
||||
}
|
||||
div.blocklyTreeRow {
|
||||
padding-bottom: 2rem !important;
|
||||
}
|
||||
#blocklyTrashIcon {
|
||||
margin: 0.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet */
|
||||
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
|
||||
}
|
||||
|
||||
/* Small Monitor */
|
||||
@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
|
||||
}
|
||||
|
||||
/* Large Monitor */
|
||||
@media only screen and (min-width: @largeMonitorBreakpoint) {
|
||||
}
|
||||
/* Mobile, Tablet AND thin screen */
|
||||
@media only screen and (max-width: @largestTabletScreen) and (max-height: @thinEditorBreakpoint) {
|
||||
.sandboxfooter a:not(.thin) {
|
||||
color: @black !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,94 @@
|
||||
/*
|
||||
|
||||
████████╗██╗ ██╗███████╗███╗ ███╗███████╗███████╗
|
||||
╚══██╔══╝██║ ██║██╔════╝████╗ ████║██╔════╝██╔════╝
|
||||
██║ ███████║█████╗ ██╔████╔██║█████╗ ███████╗
|
||||
██║ ██╔══██║██╔══╝ ██║╚██╔╝██║██╔══╝ ╚════██║
|
||||
██║ ██║ ██║███████╗██║ ╚═╝ ██║███████╗███████║
|
||||
╚═╝ ╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚══════╝╚══════╝
|
||||
|
||||
*/
|
||||
|
||||
/*******************************
|
||||
Theme Selection
|
||||
*******************************/
|
||||
|
||||
/* To override a theme for an individual element
|
||||
specify theme name below
|
||||
*/
|
||||
|
||||
/* Global */
|
||||
@site : 'pxt';
|
||||
@reset : 'default';
|
||||
|
||||
/* Elements */
|
||||
@button : 'pxt';
|
||||
@container : 'pxt';
|
||||
@divider : 'pxt';
|
||||
@flag : 'pxt';
|
||||
@header : 'pxt';
|
||||
@icon : 'default';
|
||||
@image : 'pxt';
|
||||
@input : 'pxt';
|
||||
@label : 'pxt';
|
||||
@list : 'pxt';
|
||||
@loader : 'pxt';
|
||||
@rail : 'pxt';
|
||||
@reveal : 'pxt';
|
||||
@segment : 'pxt';
|
||||
@step : 'pxt';
|
||||
|
||||
/* Collections */
|
||||
@breadcrumb : 'default';
|
||||
@form : 'default';
|
||||
@grid : 'pxt';
|
||||
@menu : 'pxt';
|
||||
@message : 'default';
|
||||
@table : 'default';
|
||||
|
||||
/* Modules */
|
||||
@accordion : 'default';
|
||||
@checkbox : 'default';
|
||||
@dimmer : 'default';
|
||||
@dropdown : 'default';
|
||||
@embed : 'default';
|
||||
@modal : 'default';
|
||||
@nag : 'default';
|
||||
@popup : 'default';
|
||||
@progress : 'default';
|
||||
@rating : 'default';
|
||||
@search : 'default';
|
||||
@shape : 'default';
|
||||
@sidebar : 'default';
|
||||
@sticky : 'default';
|
||||
@tab : 'default';
|
||||
@transition : 'default';
|
||||
|
||||
/* Views */
|
||||
@ad : 'default';
|
||||
@card : 'default';
|
||||
@comment : 'default';
|
||||
@feed : 'default';
|
||||
@item : 'default';
|
||||
@statistic : 'default';
|
||||
|
||||
/*******************************
|
||||
Folders
|
||||
*******************************/
|
||||
|
||||
/* Path to theme packages */
|
||||
@themesFolder : 'themes';
|
||||
|
||||
/* Path to site override folder */
|
||||
@siteFolder : 'site';
|
||||
|
||||
|
||||
/*******************************
|
||||
Import Theme
|
||||
*******************************/
|
||||
|
||||
@import "theme.less";
|
||||
|
||||
@fontPath : 'fonts';
|
||||
|
||||
/* End Config */
|
||||
Reference in New Issue
Block a user