From 287bf560fc2ebc484514bb7c6e02e6bbb6b4cf39 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Mon, 5 Jun 2023 15:06:49 -0400 Subject: [PATCH] Add mobile flow --- source/assets/js/playground/theme.ts | 2 +- source/assets/sass/components/_playground.scss | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/source/assets/js/playground/theme.ts b/source/assets/js/playground/theme.ts index 8de5998..b45ed6c 100644 --- a/source/assets/js/playground/theme.ts +++ b/source/assets/js/playground/theme.ts @@ -18,7 +18,7 @@ const playgroundTheme = EditorView.baseTheme({ '.cm-content': { // Pull from _typography? 'font-family': - "'Source Code Pro', 'SF Mono', monaco, inconsolata, 'Fira Mono', 'Droid Sans Mono', monospace, monospace;", + "'Source Code Pro', 'SF Mono', monaco, inconsolata, 'Fira Mono', 'Droid Sans Mono', monospace;", }, '.cm-scroller': { overflow: 'auto', diff --git a/source/assets/sass/components/_playground.scss b/source/assets/sass/components/_playground.scss index 4152c3f..71b376d 100644 --- a/source/assets/sass/components/_playground.scss +++ b/source/assets/sass/components/_playground.scss @@ -15,8 +15,13 @@ .playground-wrapper { display: flex; + flex-flow: column wrap; gap: var(--sl-gutter); + @include breakpoints.sl-breakpoint--medium { + flex-flow: nowrap; + } + > div { // Duplicated from fun fact- should this be defined elsewhere? border: var(--sl-border--small) solid