pxt-calliope/theme/style.less
Amerlander 9528f73140
Beta updates (#117)
* fixes for beta

- hide blocks without function
- digital Pin selection bring P0 in first position
- add compass block to end confusion about "basic.showArrow(ArrowNames.North)"
- add approved repos
- add and sort preffered repos
- add prefferedPackages
- disable webUSB
- disable parts
- remove mobileSafariDownloadProtocol
- update socialOptions

* remove `preferredPackages` from `pxtarget`

* Beta updates

- removed robobit extension
- updated docs menu
- added about.md
- added arrow icons
- removed show arrow block

* Beta Update

- replace webUSb Images
- update extension list
- hide II2C Pins from digitalPins
- move compile service repos back to calliope

* replace extension images

* Beta update

- change extension upload button style
- deprecate arrow blocks

Co-authored-by: Juri <gitkraken@juriwolf.de>
2020-09-15 09:10:07 -07:00

125 lines
2.6 KiB
Plaintext

/* Import all components */
@import 'pxtsemantic';
@import 'pxt';
@import 'blockly-toolbox';
@import 'themes/default/globals/site.variables';
@import 'themes/pxt/globals/site.variables';
@import 'site/globals/site.variables';
/* Reference import */
@import (reference) "semantic.less";
/*******************************
Add your custom CSS here
*******************************/
/* Roboto font */
@RobotoMonoFont: data-uri("../docs/static/fonts/roboto-mono-v7-latin-regular.woff");
/* roboto-mono-regular - latin */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
src: @RobotoMonoFont format('woff');
}
.ui.button.download-button {
&:extend(.ui.purple.button all);
}
.ui.button.download-button:hover {
background-color: #30a7a7;
color: white;
}
.docs.inlinebutton.ui.button.download-button:hover {
&:extend(.ui.purple.button all);
}
.ui.button.play-button.play-button-full {
&:extend(.ui.inverted.button all);
}
.ui.button.getting-started-btn {
&:extend(.ui.orange.button all);
}
.ui.button.editortools-btn {
&:extend(.ui.blue.button all);
}
.ui.button.exit-tutorial-btn {
&:extend(.ui.blue.button all);
}
#filelist, #editortools, .fullscreensim #boardview {
background: #fff data-uri("../docs/static/logo_texture.png") 0 0 repeat !important;
}
.fullscreensim #mainmenu {
background: #1b1c1d !important;
}
#downloadArea {
background: transparent !important;
}
.ui.home {
.getting-started-segment {
background-position: 50% 25%;
}
}
.ui.searchdialog .ui.card .ui.cardimage.upload {
margin: auto;
padding: 25% 0;
}
/* Mobile */
@media only screen and (max-width: @largestMobileScreen) {
#filelist {
background: transparent !important;
}
#blocklySearchArea {
display: none !important;
}
}
/* Tablet */
@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
#filelist {
background: transparent !important;
}
}
/* Small Monitor */
@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
}
/* Large Monitor */
@media only screen and (min-width: @largeMonitorBreakpoint) {
}
/* Download dialog */
.ui.downloaddialog.modal>.content {
padding: 1rem;
}
.ui.webusbpair, .ui.upload {
.firmware {
background-color: #FFFFCE;
div.image {
justify-content: center;
display: flex;
padding: 1rem;
img {
height:100px;
}
}
}
.instructions {
img {
margin-bottom:1rem;
}
}
}