thekingofspain

IntergrationStudio	Interface.cs Documentation Comment	ServiceStudio	Source	Notes
Action.Name		Desciption Section.Paragraph 1	IntergrationStudio
Action.Description	<summary>	Desciption Section.Paragraph 2	Integration Studio
Action.Import Details...	<summary>	Desciption Section.Paragraph 3	Interfaces.c	Generated on Action Import but not override when Action.Description changes assumed text match for Import Details:
Action.Examples	<example>	After Inputs: Section	Interfaces.c	Not Verified

Interface.cs

/// <summary>

thekingofspain

Orange: #E88333;
Orange.Border.Dark: #84532D;

Gray: #87898D;
Gray.Border:Right.Dark: #55575B;
Gray.Border:Left.Dark: #53565A;

Red:  #EB5A46;
Red.Border.Dark: # 823E36;

thekingofspain

/* Usefull - Display Flex */
////
/// @group UsefullClasses-Display_Flex
/// Usefull - Display Flex

%flex-parent {
	display: flex;
}

@mixin flex-parent($isFlexParent)

thekingofspain

$common-values: stretch center flex-start flex-end initial inherit;
$self-values: auto baseline;
$items-values: normal start end baseline;
$content-values: space-between space-around space-evenly;

@mixin align($name, $values) {
    @each $value in $values {
        &-#{$name}-#{$value}
        {
            align-#{$name}: #{$value};

thekingofspain

$common-values: stretch center flex-start flex-end initial inherit;
$self-values: auto baseline;
$items-values: normal start end baseline;
$content-values: space-between space-around space-evenly;

@mixin align($name, $values) {
    @each $value in $values {
        &-#{$name}-#{$value}
        {
            align-#{$name}: #{$value};

thekingofspain

$common-values: stretch center flex-start flex-end initial inherit;
$self-values: auto baseline;
$items-values: normal start end baseline;
$content-values: space-between space-around space-evenly;

@mixin align($name, $values) {
    @each $value in $values {
        &-#{$name}-#{$value}
        {
            align-#{$name}: #{$value};

thekingofspain

$common-values: stretch center flex-start flex-end initial inherit;
$self-values: auto baseline;
$items-values: normal start end baseline;
$content-values: space-between space-around space-evenly;

@mixin align($name, $values) {
    @each $value in $values {
        &-#{$name}-#{$value}
        {
            align-#{$name}: #{$value};

thekingofspain

$common-values: stretch center flex-start flex-end initial inherit;
$self-values: auto baseline;
$items-values: normal start end baseline;
$content-values: space-between space-around space-evenly;

@mixin align($name, $values) {
    @each $value in $values {
        &-#{$name}-#{$value}
        {
            align-#{$name}: #{$value};

thekingofspain

$align-values: stretch center flex-start flex-end baseline initial inherit;
$self-values: auto;
$items-values: normal start end;

@mixin align($name, $values) {
    @each $value in $values {
        &-#{$name}-#{$value}
        {
            #{$name}: #{$value};
        }

thekingofspain

<a href="https://gistpreview.github.io//thekingofspain/97babc94ad6ca67cfa0f71e2a6b03d6f/outsystems-servicestudio-colors-html">Preview</a>
<a href="https://gistpreview.github.io//thekingofspain/97babc94ad6ca67cfa0f71e2a6b03d6f/outsystems-servicestudio-colors-html">Preview</a>
<h2>Light Theme</h2>
<h3>Interface Treeview</h3>
<table>
<tr>
    <th scope="area">Area</th>
    <th colspan="3" style="background:white;color:black;">Light</th>
    <th colspan="3" style="background:black;color:white;">Dark</th>
</tr>