pxt-calliope/theme/style.less
Guillaume Jenkins 7705fc1da5 Pair device dialog (#1217)
* WebUSB E2E experience

* Design feedback

* adding docs

* remove i got it

* bring back download again

* updated pair dialog wording

* tweak style

* make drive name strong

* fix isAvailable -> isEnabled

* upgrading pxt reference

* fixed typo

* bump pxt
2018-09-14 08:25:53 -07:00

88 lines
1.8 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 */
@RobotoFont: data-uri("../docs/static/fonts/Roboto_400_normal.woff");
@font-face {
font-family: 'Roboto';
src: @RobotoFont format("woff");
}
.ui.button.download-button {
&:extend(.ui.purple.button all);
}
.ui.button.download-button:hover {
background-color: #00ED00;
color: black;
}
.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 {
background: #fff url(https://az742082.vo.msecnd.net/pub/psopafpj) 0 0 repeat !important;
}
#downloadArea {
background: transparent !important;
}
/* Mobile */
@media only screen and (max-width: @largestMobileScreen) {
#filelist {
background: transparent !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;
}