pxt-calliope/theme/style.less

107 lines
2.0 KiB
Plaintext
Raw Normal View History

2016-10-21 01:40:39 +02:00
/* Import all components */
@import 'semantic';
2016-11-02 01:49:39 +01:00
@import 'pxt';
@import 'themes/default/globals/site.variables';
@import 'themes/pxt/globals/site.variables';
@import 'site/globals/site.variables';
/* Reference import */
@import (reference) "semantic.less";
2016-10-28 01:12:53 +02:00
/*******************************
Add your custom CSS here
*******************************/
.openproject {
background: #4ECC60 !important;
}
.blocks-menuitem, .javascript-menuitem {
background: #738791 !important;
}
.help-dropdown-menuitem, .more-dropdown-menuitem {
background: #424955 !important;
margin-right:0px !important;
}
.play-button {
&:extend(.ui all);
&:extend(.button all);
&:extend(.blue all);
}
.download-button {
&:extend(.ui all);
&:extend(.button all);
&:extend(.yellow all);
}
2016-10-28 20:15:19 +02:00
/*******************************
Blockly
*******************************/
2016-10-28 03:43:09 +02:00
.blocklyTreeRow {
border-radius:5px;
}
/* This removes any padding at the top of the toolbox */
.blocklyTreeRoot {
padding: 0px !important;
}
/* Blockly Text */
.blocklyTreeLabel {
2016-10-28 20:15:19 +02:00
font-family: @pageFont !important;
}
.blocklyTreeLabel {
font-size:1rem !important;
}
.blocklyFlyoutBackground {
2016-10-28 03:43:09 +02:00
fill: @grey;
}
.blocklyToolboxDiv {
/*left:30px !important;*/
padding:7px;
}
2016-10-28 03:43:09 +02:00
/* Mobile */
@media only screen and (max-width: @largestMobileScreen) {
.blocklyTreeLabel {
font-size: 0.5rem !important;
}
}
2016-10-28 03:43:09 +02:00
/* 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) {
.blocklyTreeRow {
width: 230px;
}
}
/* Large Monitor */
@media only screen and (min-width: @largeMonitorBreakpoint) {
.blocklyTreeRow {
width: 230px;
}
}
/*******************************
Menu Bar
*******************************/
#menubar {
height: 5rem;
}
#fileNameInput {
width: 350px;
}