2778b9220c
* Remove unnecessary stopPropagation of mathjax-overlay events * Use CodeMirror component for MathjaxHandle * Refactor ResizeObserver code in MathjaxHandle * Wrap setRange in CodeMirror in try/catch * Add Mathjax Editor bottom margin * Add custom Enter and Shift+Enter shortcuts for the MathjaxHandle * Format * Move placeCaretAfter to domlib * Move focus back to field after editing Mathjax * Put Cursor after Mathjax after accepting * Add delete button for Mathjax * Change border color of mathjax menu * Refactor into MathjaxMenu * Put caretKeyword in variable * Use one ResizeObserver for all Mathjax images * Add minmimum width for Mathjax editor * is still smaller than minimal window width * Add bazel directories to .prettierignore and format from root * exclude ftl/usage (dae) the json files that live there are output from our tooling, and formatting them means an extra step each time we want to update them also exclude .mypy_cache, which is output by scripts/mypy* * minor ftl tweak: newline -> new line (dae)
87 lines
2.1 KiB
SCSS
87 lines
2.1 KiB
SCSS
/* Copyright: Ankitects Pty Ltd and contributors
|
|
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
|
|
@use "sass:list";
|
|
@use "sass:map";
|
|
|
|
$bps: ("xs", "sm", "md", "lg", "xl", "xxl");
|
|
|
|
$breakpoints: (
|
|
list.nth($bps, 2): 576px,
|
|
list.nth($bps, 3): 768px,
|
|
list.nth($bps, 4): 992px,
|
|
list.nth($bps, 5): 1200px,
|
|
list.nth($bps, 6): 1400px,
|
|
);
|
|
|
|
@mixin with-breakpoint($bp) {
|
|
@if map.get($breakpoints, $bp) {
|
|
@media (min-width: map.get($breakpoints, $bp)) {
|
|
@content;
|
|
}
|
|
} @else {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin with-breakpoints($prefix, $dict) {
|
|
@each $property, $values in $dict {
|
|
@each $bp, $value in $values {
|
|
@if map.get($breakpoints, $bp) {
|
|
@media (min-width: map.get($breakpoints, $bp)) {
|
|
.#{$prefix}-#{$bp} {
|
|
#{$property}: $value;
|
|
}
|
|
}
|
|
} @else {
|
|
.#{$prefix}-#{$bp} {
|
|
#{$property}: $value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@function breakpoints-upto($upto) {
|
|
$result: ();
|
|
|
|
@each $bp in $bps {
|
|
$result: list.append($result, $bp);
|
|
|
|
@if $bp == $upto {
|
|
@return $result;
|
|
}
|
|
}
|
|
|
|
@return $result;
|
|
}
|
|
|
|
@function breakpoint-selector-upto($prefix, $upto) {
|
|
$result: ();
|
|
|
|
@each $bp in breakpoints-upto($upto) {
|
|
$result: list.append($result, ".#{$prefix}-#{$bp}", $separator: comma);
|
|
}
|
|
|
|
@return $result;
|
|
}
|
|
|
|
@mixin with-breakpoints-upto($prefix, $dict) {
|
|
@each $property, $values in $dict {
|
|
@each $bp, $value in $values {
|
|
$selector: breakpoint-selector-upto($prefix, $bp);
|
|
|
|
@if map.get($breakpoints, $bp) {
|
|
@media (min-width: map.get($breakpoints, $bp)) {
|
|
#{$selector} {
|
|
#{$property}: $value;
|
|
}
|
|
}
|
|
} @else {
|
|
#{$selector} {
|
|
#{$property}: $value;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} ;
|