@citolab/qti-components 6.5.1 → 6.5.3

package/src/styles/qti-interactions.layout.css

@@ -1,36 +0,0 @@
-qti-choice-interaction {
-  &.qti-choices-stacking-2 {
-    @apply grid;
-    @apply grid-cols-2;
-    qti-prompt {
-      @apply col-span-2;
-    }
-  }
-  &.qti-choices-stacking-3 {
-    @apply grid;
-    @apply grid-cols-3;
-    qti-prompt {
-      @apply col-span-3;
-    }
-  }
-  &.qti-choices-stacking-4 {
-    @apply grid;
-    @apply grid-cols-4;
-    qti-prompt {
-      @apply col-span-4;
-    }
-  }
-  &.qti-choices-stacking-5 {
-    @apply grid;
-    @apply grid-cols-5;
-    qti-prompt {
-      @apply col-span-5;
-    }
-  }
-  &.qti-orientation-horizontal {
-    /* is the default layout */
-  }
-  &[orientation='horizontal'] {
-    flex-direction: row;
-  }
-}

package/src/styles/qti-styles.css

@@ -1,50 +0,0 @@
-/* PK: Tailwind theming file for all qti-components
-  Uses tailwind components and utilities from the other files
-
-  https://play.tailwindcss.com/OFThGk8CbR
-  https://play.tailwindcss.com/CeHVrnwgXR
-  https://play.tailwindcss.com/JOgoCf81JM
-
-  You should in you project include modern-normalize.css
-
-  Then we create tailwind components
-  Then we consume these components in our qti-webcomponents
-
-  outline: used for focus
-  ring: used for border around the elements, can be active, its an inner ring, except for
-  the dropping well, because that has to surround the drag with the inner ring
-
-  There are 6 types
-  - text    : text-entry and extended-text
-  - select  : inline-choice
-  - button  : .input-control-hidden qti-choice, qti-hotspot
-  - check   : qti-choice, qti-hotspot
-  - drag    : gap-match, match, order, associate
-  - drop    : gap-match, match, order, associate
-  - spot    : gap-select-point, graphic-order, qti-graphic-associate
-
-  trying to get the follower modifiers to work:
-
-  - sm   , for elements inside text
-  - lg,  , for large readable containers
-  - in  , inline in text
-
-  taking into account cursors, select-none for some of the elements
-*/
-
-/* FIXMEs 
-  Outline always on top, sometimes it slips under the hover background
-  Intext with inline gaps does not align nicely with existing text https://play.tailwindcss.com/cJEGhvANwM
-  modifiers can not be in components, like this example where red should be a modifier inside base https://play.tailwindcss.com/JSnnv1Vvab?file=css
-  */
-
-/* @layer base, components, utilities, variants; */
-
-/* layout, dimensions, design */
-/* QTI Interactions */
-@import './qti-components.css';
-@import './qti/qti-styles.css';
-@import './qti/qti-layout.css';
-@import './qti/qti-input-width.css';
-@import './qti-interactions.css';
-@import './qti-interactions.layout.css';

package/src/styles/stories/qti-components.stories.css

@@ -1,11 +0,0 @@
-/* TEST TEST TEST TEMPLATE, just for storybook */
-/* IS NOT EXPORTED IN ANY WAY TO THE LIBRARY */
-
-@import 'tailwindcss/base';
-
-@import 'tailwindcss/components';
-@import '../qti-components.css';
-
-@import 'tailwindcss/utilities';
-
-@config "./tailwind.config.qti-components.cjs";