UI changes to match the calliope design.

This commit is contained in:
Sam El-Husseini
2016-10-27 16:15:44 -07:00
parent e571bec213
commit 749ba6b984
32 changed files with 208 additions and 22 deletions

View File

@ -1,3 +1,13 @@
/*******************************
User Variable Overrides
*******************************/
@invertedBackground: #525A67;
@dropdownMenuDistance: 0px;
/*******************************
PXT Theme Overrides
*******************************/
@mainMenuHeight: 5rem;
@mainMenuMinHeight: (@itemVerticalPadding * 2) + 2em;

View File

@ -1,3 +1,15 @@
/*******************************
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;
}

View File

@ -7,13 +7,20 @@
@secondaryColor: #43C9C9;
@red:#E81123;
@orange:#D78C01;
@yellow:#EEDA47;
@orange:#DF4600;
@yellow:#F4C918;
@green:#3FC863;
@teal:#008272;
@blue:#0078D7;
@violet:#CF0071;
@purple:#8073E5;
@blue:#54C9C9;
@violet:#C90072;
@purple:#8169E6;
@pink:#E2008C;
@brown:#6B5B4C;
@grey:#515B67;
@grey:#42495F;
/*******************************
PXT Overrides
*******************************/
@backgroundColor: #FDFDFA;
@blocklyToolboxColor: #F6F4E6;