diff --git a/packages/webawesome/docs/docs/experimental/clamped-colors.njk b/packages/webawesome/docs/docs/experimental/clamped-colors.njk deleted file mode 100644 index 27797832d..000000000 --- a/packages/webawesome/docs/docs/experimental/clamped-colors.njk +++ /dev/null @@ -1,44 +0,0 @@ ---- -title: Clamped Color Tokens -layout: block ---- - -{% set tints = ['max-50', 'max-60', 'max-70', 'min-50', 'min-60', 'min-70'] %} -{% set hues = ['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'indigo', 'purple', 'pink', 'gray'] %} - - - - - - - {% for tint in tints -%} - - {%- endfor %} - - -{% for hue in hues -%} - - - - {% for tint in tints -%} - - {%- endfor -%} - -{%- endfor %} -
Core tint{{ tint }}
- - \ No newline at end of file diff --git a/packages/webawesome/docs/docs/experimental/default-page-spacing.md b/packages/webawesome/docs/docs/experimental/default-page-spacing.md deleted file mode 100644 index d409a4817..000000000 --- a/packages/webawesome/docs/docs/experimental/default-page-spacing.md +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: Default Layout and Spacing -description: TODO -layout: blank ---- - - - - -
- Banner - Banner - Banner -
-
- Header - Header - Header -
- - - - -
- Main Header - Main Header - Main Header -
-
-

Main

-

No flex properties here! The author can specify their own preferred content flow and layout in the default slot.

-
-
- Main Footer - Main Footer - Main Footer -
- - -
\ No newline at end of file diff --git a/packages/webawesome/docs/docs/experimental/form-validation.md b/packages/webawesome/docs/docs/experimental/form-validation.md deleted file mode 100644 index babfe804d..000000000 --- a/packages/webawesome/docs/docs/experimental/form-validation.md +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: Form Control Validation -description: TODO -layout: page ---- - -Adding the `wa-valid` or `wa-invalid` class to a form control will change its appearance. This is useful for applying validation styles to server-rendered form controls. - -
-
-

Valid

-
- -
-
-
-

-
-

-
- Submit Form -
-
-

Invalid

-
- -
-
-
-

-
-

-
- Submit Form -
-
diff --git a/packages/webawesome/docs/docs/experimental/inherit.md b/packages/webawesome/docs/docs/experimental/inherit.md deleted file mode 100644 index 88d5788d0..000000000 --- a/packages/webawesome/docs/docs/experimental/inherit.md +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: Inheritance & Default value tests -wide: true ---- - -## Variant - -{%- set variantDefaults = { - button: 'neutral', - tag: 'neutral', - badge: 'brand', - callout: 'brand' -} %} -{%- set variants = ['', 'neutral', 'brand'] %} - -### Defaults - -```html {.example} - - - - - - - - - - {% for element, default in variantDefaults %} - - - - - - - {% endfor %} -
ElementDefaultNeutralBrand
{{ element | capitalize }}{{ default | capitalize }}NeutralBrand
-``` - -### Nested elements - -{% set containers = [ - {parent: 'callout', child: 'button'}, - {parent: 'callout', child: 'callout'}, - {parent: 'button', child: 'badge'} -] %} - -{% for container in containers %} -{% set parent = container.parent %} -{% set child = container.child %} - -#### {{ child | capitalize }} in {{ parent | capitalize }} - -```html {.example} - - - - {% if parent == child -%} - - {% else %} - - {%- endif %} - - - - - - {% for parentVariant in variants %} - {% set parentContent = (parentVariant | capitalize or 'Default') if parent == 'button' %} - - - - {% for childVariant in variants -%} - {% set childContent = (childVariant or parentVariant or variantDefaults[child]) | capitalize %} - {% set childContent = childContent[0] if child == 'badge' else childContent %} - - {% endfor %} - - {% endfor %} -
👇 Parent / Child 👉👇 {{ parent | capitalize }} / {{ child | capitalize }} 👉DefaultNeutralBrand
{{ parentVariant | capitalize or 'Default' }} - {{ parentContent }} - {{ childContent }} -
-``` -{% endfor %} diff --git a/packages/webawesome/docs/docs/experimental/size.md b/packages/webawesome/docs/docs/experimental/size.md deleted file mode 100644 index 4c91e30c9..000000000 --- a/packages/webawesome/docs/docs/experimental/size.md +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: Size tests ---- - -Button size should default to `medium`: - -```html {.example} -Small -Medium -Medium -Large -``` - -If no button size is specified, it should default to that of its ancestor: - -```html {.example} - - Small 1 - Small 2 - Small 3 - -

- - Medium 1 - Medium 2 - Medium 3 - -

- - Large 1 - Large 2 - Large 3 - -``` - -Dropdown: - -```html {.example} -

- Small dropdown: - - Dropdown - Dropdown Item 1 - Dropdown Item 2 - Dropdown Item 3 - -

- -

- Small menu: - - Dropdown - Dropdown Item 1 - Dropdown Item 2 - Dropdown Item 3 - -

- -

- Small menu item: - - Dropdown - Dropdown Item 1 - Dropdown Item 2 - Dropdown Item 3 - -

- -

- No size: - - Dropdown - Dropdown Item 1 - Dropdown Item 2 - Dropdown Item 3 - -

-``` diff --git a/packages/webawesome/docs/docs/experimental/themer.md b/packages/webawesome/docs/docs/experimental/themer.md deleted file mode 100644 index b29f7928f..000000000 --- a/packages/webawesome/docs/docs/experimental/themer.md +++ /dev/null @@ -1,2549 +0,0 @@ ---- -meta: -title: Themer -layout: page -hasOutline: false ---- - - - - - - -
-
-
- {% include 'logo-simple.njk' %} -
- - Default - Awesome - Premium - Playful - Brutalist - Tailspin - Glossy - Active - Shoelace - -
- - - - -
- - Give us an SVG of the iconic part of your logo, and we’ll give you favicons, app icons, and branded navigation. -
-
- - - - - - - Browse Icons - - - - It's dangerous to go alone. Take these! - -
-
- - - - - - Standard
- -
- - Shoelace
- -
- - Bright
- -
- - Elegant
- -
- - Natural
- -
- - Rudimentary
- -
- - Anodized
- -
-
- - - - - - - - - - - - -
- - - -
- -
- - * Default - Assistant - Inter - Lora - Noto Sans - Noto Sans Display - Noto Sans Mono - Noto Serif - Open Sans - Playfair - Playfair Display - Quicksand - Roboto Flex - Roboto Mono - Roboto Serif - Roboto Slab - - - -
-
-
- -
- - * Default - Assistant - Inter - Lora - Noto Sans - Noto Sans Mono - Noto Serif - Open Sans - Playfair - Quicksand - Roboto Flex - Roboto Mono - Roboto Serif - Roboto Slab - - - -
-
-
- - - - - Font Awesome Classic - Font Awesome Sharp - - - - Solid - Regular PRO - Light PRO - Thin PRO - Duotone PRO - - - - - - - Solid - Dashed - Dotted - Double - - - - - - -
- - -
-
- - - - - Solid - Regular - -
-
-
-
- -
- - - - - - - - -
- - - - - - - - - - - -
-
-
-
-

- - Project Name -

-
- - - - - - - - - -
-
-
-
-

What you know you can't explain, but you feel it.

- - - Free Your Mind - -
-
-
- - New -
- -
-
-

Morpheus

- -
-
-

I see it in your eyes. You have the look of a man who accepts what he sees because he is expecting to wake up. Ironically, that's not far from the truth.

-
-
- - - Add to Cart - - - - Save - -
-
- - Low Stock -
- -
-
-

Seraph

- -
-
-

The Oracle has many enemies, I had to be sure. You do not truly know someone until you fight them.

-
-
- - - Add to Cart - - - - Save - -
-
- -
- -
-
-

Keymaker

- -
-
-

Only the One can open the door. And only during that window can that door be opened.

-
-
- - - Add to Cart - - - - Save - -
-
-
-
-
-
-

Simulacra & Simulation

- -
-
-
-

At an abandoned hotel, a police squad corners Trinity, who overpowers them with superhuman abilities. She flees, pursued by the police and a group of suited Agents capable of similar superhuman feats. She answers a ringing public telephone and vanishes.

-

Fishburne stated that once he read the script, he did not understand why other people found it confusing. However, he doubted if the movie would ever be made, because it was "so smart." The Wachowskis instructed Fishburne to base his performance on the character Morpheus in Neil Gaiman's Sandman comics.

-

The New Biology of Machines

-

The method used for creating these effects involved a technically expanded version of an old art photography technique known as time-slice photography, in which an array of cameras are placed around an object and triggered simultaneously. Each camera captures a still picture, contributing one frame to the video sequence, which creates the effect of "virtual camera movement"; the illusion of a viewpoint moving around an object that appears frozen in time.

-
- blog post example image -
-

For the "real world," the actors' hair was less styled, their clothing had more textile content, and the cinematographers used longer lenses to soften the backgrounds and emphasize the actors.

-
-:host,
-.wa-theme-purple-power {
-  /* ... */
-}
- -

Ontological Shock

-

The allegory is related to Plato's theory of Forms, which holds that the true essence of an object is not what we perceive with our senses, but rather its quality, and that most people perceive only the shadow of the object and are thus limited to false perception.

-
-<html class="wa-dark">
-  <head>
-    <link rel="stylesheet" href="path/to/webawesome/dist/styles/themes/dark.css" />
-  </head>
-  <body>
-    ...
-  </body>
-</html>
-
- - - Adam Sternbergh credits The Matrix with reinventing and setting the template for modern superhero blockbusters, and inspiring the superhero renaissance in the early 21st century. - -
-
-
- -
-
- - - - Bold - - - - Italic - - - - Strikethrough -
-
- - - - Link -
-
- - - - Unordered List - - - - Ordered List -
-
- - - - Block Quote -
-
- - - - Code - - - - Inline Code -
-
-
-

You can see it when you look out your window or when you turn on your television. You can feel it when you go to work... when you go to church... when you pay your taxes.

-
-
-
-
- - - - Add File - - - - Formatting - - - - Emojis - - - - Mention -
-
- - - - Record Video - - - - Record Audio Clip -
-
- - - - Add Magic -
-
-
- - - Send - -
-
-
-
-
-
- - - See it for yourself - - - Look through the code - - - Free your mind - - -
-
-
-

The Oracle

- -
-
- $120 - $65 -
-
-

It is a pickle, no doubt about it. Bad news is there's no way you can really know if I'm here to help you or not, so it's really up to you. Just have to make up your own damn mind to either accept what I'm going to tell you, or reject it. Candy?

-

We're all here to do what we're all here to do. I'm interested in one thing, Neo, the future. And believe me, I know: the only way to get there is together.

-
- - - This item will soon be discontinued - -
-
- - Matte - Glossy - Pebbled - Holo - -
-
- - - - Add to Basket - - - - Save - -
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CustomerConversationAssigned ToStatus
Keanu ReevesAm I dead?
Okey dokey... free my mind. Right, no problem, free my mind, free my mind, no problem, right...
Chad StahelskiPending - - Action - - - Resolved - - - - Pending - - - - Re-open - - - - Delete - - -
Lawrence FishburneWe have a rule
We never free a mind once it's reached a certain age. It's dangerous, the mind has trouble letting go.
Char McCoyResolved - - Action - - - Resolved - - - - Pending - - - - Re-open - - - - Delete - - -
Carrie-Ann MossWas it the same cat?
A déjà vu is usually a glitch in the Matrix. It happens when they change something.
Debbie EvansPending - - Action - - - Resolved - - - - Pending - - - - Re-open - - - - Delete - - -
Joe PantolianoIgnorance is bliss
Why oh why didn't I take the blue pill?
Bounced - - Action - - - Resolved - - - - Pending - - - - Re-open - - - - Delete - - -
Hugo WeavingI'd like to share a revelation
I need the codes, I have to get inside Zion and you have to tell me how.
Dara PrescottExpired - - Action - - - Resolved - - - - Pending - - - - Re-open - - - - Delete - - -
-
-
-
-
-

Payment

-
- - - - - - -
- - - - - - -
- - - -
- - - United States - Canada - - - - -
- Sign me up for more offers from this store - Pay Now -
-
-
-

Order Summary

-
-
- Morpheus -
- - Morpheus - - - $120.00 -
-
-
- Seraph -
- - Seraph - Filled - - - $180.00 -
-
-
- Keymaker II -
- - Keymaker - Glossy - - - $50.00 -
-
- - Apply -
-
-
-
Subtotal
-
$530.00
-
-
-
Shipping
-
$8.00
-
-
-
Total
-
$538.00
-
-
-
-
- -
-