@tacc/core-styles 0.9.0 → 0.11.0

package/src/lib/_tests/README.md

@@ -1,38 +0,0 @@
-# TACC Core Styles - Library - Tests
-
-Styles here compare test input CSS to expected output CSS.
-
-_This allows developers to confirm whether CSS plugins are working._
-
-## Usage
-
-1. Add `/*! Some Unique Comment: */` above the test input CSS.
-2. Import stylesheets (in `../_tests.css`) (if not already).
-3. Build CSS (run `npm run build` from root).
-4. Compare input CSS to actual output CSS (in `./dist/_tests.css`).
-
-## Example
-
-**Input:**
-
-```css
-/*! Custom Media Narrow: */
-@custom-media --narrow-window (max-width: 30em);
-
-@media (--narrow-window) {
-  ._test {
-    background-color: red;
-  }
-}
-```
-
-**Output**:
-
-```css
-/*! Custom Media Narrow: */
-@media (max-width: 30em) {
-  ._test {
-    background-color: red;
-  }
-}
-```

package/src/lib/_tests/postcss-extend.css

@@ -1,80 +0,0 @@
-/*
-Test
-
-Styles for testing `postcss-extend`.
-
-Instructions:
-1. In this file, add code after "! Goal:" to show what the output should be.
-2. In this file, add code after "! Test:" to be transformed by plugins.
-3. In the output file, the code after "! Goal:" and "! Test:" should match.
-
-Styleguide _Test.Extend
-*/
-
-/*! Class Selector */
-
-/*! Goal: */
-._test_1,._test_mixin_1{color:red}
-
-/*! Test: */
-._test_mixin_1 {
-  color: red;
-}
-._test_1 {
-  @extend ._test_mixin_1;
-}
-
-/*! Placeholder Selector */
-
-/*! Goal: */
-._test_2{color:yellow}
-
-/*! Test: */
-%_test_mixin_2 {
-  color: yellow;
-}
-._test_2 {
-  @extend %_test_mixin_2;
-}
-
-/*! Class & Placeholder Selector, Use Class Selector */
-
-/*! Goal: */
-._test_3,._test_mixin_3{color:green}
-
-/*! Test: */
-%_test_mixin_3,
-._test_mixin_3 {
-  color: green;
-}
-._test_3 {
-  @extend ._test_mixin_3;
-}
-
-/*! Class & Placeholder Selector, Use Placeholder Selector */
-
-/*! Goal: */
-._test_4{color:blue}
-
-/*! Test: */
-%_test_mixin_4,
-._test_mixin_4 {
-  color: blue;
-}
-._test_4 {
-  @extend %_test_mixin_4;
-}
-
-
-/*! Define Placeholder */
-
-/*! Goal: */
-._test_5{color:white}
-
-/*! Test: */
-@define-placeholder _test_mixin_5 {
-  color: white;
-}
-._test_5 {
-  @extend _test_mixin_5;
-}

package/src/lib/_tests/postcss-preset-env.css

@@ -1,75 +0,0 @@
-/*
-Test
-
-Styles for testing `postcss-preset-env` plugins.
-
-Instructions:
-1. In this file, add code after "! Goal:" to show what the output should be.
-2. In this file, add code after "! Test:" to be transformed by plugins.
-3. In the output file, the code after "! Goal:" and "! Test:" should match.
-
-Styleguide _Test.PresetEnv
-*/
-
-/*! Custom Media Queries */
-/* SEE: https://preset-env.cssdb.org/features#custom-media-queries */
-
-/*! Goal: */
-@media (max-width:30em){._test{background-color:red}}
-
-/*! Test: */
-@custom-media --narrow-window (max-width: 30em);
-
-@media (--narrow-window) {
-  ._test {
-    background-color: red;
-  }
-}
-
-/*! Goal: */
-@media (max-width:60em){._test{background-color:red}}@media (max-width:60em){._test{background-color:blue}}
-
-/*! Test: */
-@custom-media --test-window (min-width: 30em);
-
-@media (--test-window) {
-  ._test {
-    background-color: red;
-  }
-}
-
-@custom-media --test-window (min-width: 60em);
-
-@media (--test-window) {
-  ._test {
-    background-color: blue;
-  }
-}
-
-/*! Media Query Ranges */
-/* SEE: https://preset-env.cssdb.org/features#media-query-ranges */
-
-/*! Goal: */@media (max-width:479px){._test{background-color:red}}@media (min-width:480px) and (max-width:767px){._test{background-color:blue}}@media (min-width:768px){._test{background-color:lime}}
-
-/*! Test: */
-@media (width < 480px) {
-  ._test{ background-color:red; }
-}
-@media (480px <= width < 768px) {
-  ._test{ background-color:blue; }
-}
-@media (width >= 768px) {
-  ._test{ background-color:lime; }
-}
-
-/*! Custom Media Queries & Media Query Ranges */
-
-/*! Goal: */
-@media (min-width:992px) and (max-width:1199px){._test{background-color:red}}
-
-/*! Test: */
-@custom-media --wide-window (992px <= width < 1200px);
-
-@media (--wide-window) {
-  ._test{ background-color:red; }
-}

package/src/lib/_tests.css

@@ -1,12 +0,0 @@
-/*! _test.css */
-
-/* DO NOT ADD STYLES HERE; ONLY IMPORT OTHER STYLESHEETS */
-
-/* FAQ: This is a low-tech way to test plugins */
-/* USAGE:
-   1. Build CSS.
-   2. Review `../../build/_test.css` */
-/* NOTE: This file is not intended to be imported */
-
-@import url("_tests/postcss-extend.css");
-@import url("_tests/postcss-preset-env.css");