UNPKG

@gdquest/gd-school-mdx-components

Version:

Components specially made to work with GDSchool MDX lesson files.

8 lines (7 loc) 3.19 kB
{ "version": 3, "sources": ["../src/components/Callout.module.scss", "../../gd-exercise-wrapper/dist/index.css", "../src/components/Button.module.scss", "../src/components/Question.module.scss"], "sourcesContent": ["@use \"sass:color\";\n\n@mixin setup-callout-variables($main-color) {\n --callout-main-color: #{$main-color};\n --callout-background-color-start: #{color.scale($main-color, $lightness: 80%)};\n --callout-background-color-end: #{color.scale($main-color, $lightness: 90%)};\n --callout-content-color: #{color.scale($main-color, $lightness: -90%)};\n --callout-border-color: #{color.scale($main-color, $lightness: -80%)};\n}\n\n.gd-school-mdx-component-callout {\n &--note {\n @include setup-callout-variables(#fffc5d);\n }\n\n &--info {\n @include setup-callout-variables(#5ddfff);\n }\n\n &--question {\n @include setup-callout-variables(#abff5d);\n }\n\n &--error {\n @include setup-callout-variables(#ff5d5d);\n }\n\n &--see-also {\n @include setup-callout-variables(#805dff);\n }\n}\n", ".gdexercise-wrapper iframe{width:100%;height:100%;border:0;background-color:transparent}\n", ".gd-school-mdx-component-button {\n color: white;\n padding: var(--size-1) var(--size-4);\n box-shadow: var(--shadow-md);\n border-radius: var(--radius-lg);\n font-family: var(--font-secondary);\n background: var(--primary);\n line-height: 30px;\n text-align: center;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--size-2);\n white-space: nowrap;\n}\n", "@use \"sass:color\";\n\n@mixin setup-question-answer-variables($main-color) {\n --question-answer-main-color: #{$main-color};\n --question-answer-background-color-start: #{color.scale(\n $main-color,\n $lightness: 80%\n )};\n --question-answer-background-color-end: #{color.scale(\n $main-color,\n $lightness: 90%\n )};\n --question-answer-content-color: #{color.scale($main-color, $lightness: -90%)};\n --question-answer-border-color: #{color.scale($main-color, $lightness: -80%)};\n}\n\n.gd-school-mdx-component-question {\n &-answer {\n @include setup-question-answer-variables(#858585);\n\n &--correct {\n @include setup-question-answer-variables(#198754);\n }\n\n &--incorrect {\n @include setup-question-answer-variables(#df1b41);\n }\n }\n}\n"], "mappings": "AAWE,CAAA,sCARA,sBAAA,QACA,kCAAA,QACA,gCAAA,QACA,yBAAA,QACA,wBAAA,QAQA,CAAA,sCAZA,sBAAA,QACA,kCAAA,QACA,gCAAA,QACA,yBAAA,QACA,wBAAA,QAYA,CAAA,0CAhBA,sBAAA,QACA,kCAAA,QACA,gCAAA,QACA,yBAAA,QACA,wBAAA,QAgBA,CAAA,uCApBA,sBAAA,QACA,kCAAA,QACA,gCAAA,QACA,yBAAA,QACA,wBAAA,QAoBA,CAAA,0CAxBA,sBAAA,QACA,kCAAA,QACA,gCAAA,QACA,yBAAA,QACA,wBAAA,QCPF,CAAC,mBAAmB,OAAO,MAAM,KAAK,OAAO,KAAK,OAAO,EAAE,iBAAiB,WAAW,CCAvF,CAAA,+BACE,MAAA,KACA,QAAA,IAAA,UAAA,IAAA,UACA,WAAA,IAAA,aACA,cAAA,IAAA,aACA,YAAA,IAAA,kBACA,WAAA,IAAA,WACA,YAAA,KACA,WAAA,OACA,OAAA,QACA,QAAA,KACA,YAAA,OACA,gBAAA,OACA,IAAA,IAAA,UACA,YAAA,OCGA,CAAA,wCAdA,8BAAA,QACA,0CAAA,QAIA,wCAAA,QAIA,iCAAA,QACA,gCAAA,QAOE,CAAA,iDAjBF,8BAAA,QACA,0CAAA,QAIA,wCAAA,QAIA,iCAAA,QACA,gCAAA,QAWE,CAAA,mDArBF,8BAAA,QACA,0CAAA,QAIA,wCAAA,QAIA,iCAAA,QACA,gCAAA", "names": [] }