pxt-core 8.3.6 → 8.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pxt-core",
3
- "version": "8.3.6",
3
+ "version": "8.4.2",
4
4
  "description": "Microsoft MakeCode provides Blocks / JavaScript / Python tools and editors",
5
5
  "keywords": [
6
6
  "TypeScript",
@@ -838,6 +838,14 @@
838
838
  background-color: @HCbackground;
839
839
  color: @HCtextColor;
840
840
 
841
+ .hint-title {
842
+ margin: 0;
843
+ > span {
844
+ background-color: @HCbackground;
845
+ color: @HCtextColor;
846
+ }
847
+ }
848
+
841
849
  &:before {
842
850
  border-right-color: @HCtextColor;
843
851
  }
@@ -11,6 +11,8 @@
11
11
 
12
12
  @tutorialLinkColor: #0064BF;
13
13
  @tutorialLinkHoverColor: #003C94;
14
+ @tutorialHintForegroundColor: #1A6771;
15
+ @tutorialHintBackgroundColor: #CEFFF5;
14
16
 
15
17
  @tutorialTabletButtonColor: #f3f3f3;
16
18
  @tutorialTabletSimulatorButtonColor: rgba(0, 0, 0, 0.05);
@@ -278,6 +280,18 @@
278
280
  bottom: 5rem;
279
281
  left: 3rem;
280
282
  max-width: 50%;
283
+ border-color: @tutorialHintBackgroundColor;
284
+
285
+ .hint-title {
286
+ margin-top: -.75rem;
287
+ > span {
288
+ font-weight: 700;
289
+ background-color: @tutorialHintBackgroundColor;
290
+ color: @tutorialHintForegroundColor;
291
+ padding: 0.25rem 0.75rem;
292
+ border-radius: 0.5rem;
293
+ }
294
+ }
281
295
  }
282
296
 
283
297
  .tutorial-callout:before {
@@ -522,12 +536,11 @@
522
536
  /*********************************
523
537
  Accordion Hints (details)
524
538
  *********************************/
525
-
526
539
  .tabTutorial details {
527
540
  padding: .5rem;
528
541
  margin-bottom: 1rem;
529
- color: #028b9b;
530
- background-color: #b1e3da;
542
+ color: @tutorialHintForegroundColor;
543
+ background-color: @tutorialHintBackgroundColor;
531
544
  border-radius: .5rem;
532
545
  }
533
546
 
@@ -405,8 +405,8 @@ code.lang-filterblocks {
405
405
  transform: rotateZ(-135deg);
406
406
  }
407
407
 
408
- .tutorialhint > div,
409
- .tutorial-callout > div {
408
+ .tutorialhint > .hint-content,
409
+ .tutorial-callout > .hint-content {
410
410
  max-height: 60vh;
411
411
  overflow: auto;
412
412
  padding-right: 2rem;