-
Notifications
You must be signed in to change notification settings - Fork 56
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f2f0df0
commit 5e65b7d
Showing
3 changed files
with
185 additions
and
85 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,96 @@ | ||
| //// Component applications | ||
| //// Depends on semantic applications | ||
| // Component application | ||
| // Depends on semantic applications | ||
|
|
||
| // Button | ||
|
|
||
| // scss-docs-start ouds-component-button | ||
| $ouds-button-size-max-height: $ouds-dimension-600 !default; | ||
| $ouds-button-size-min-height: $ouds-dimension-600 !default; | ||
| $ouds-button-size-min-width: $ouds-dimension-600 !default; | ||
| $ouds-button-border-radius: $ouds-border-radius-none !default; | ||
| $ouds-button-border-width-default: $ouds-border-width-default !default; | ||
| $ouds-button-border-width-default-interaction: $ouds-border-width-medium !default; | ||
| $ouds-button-border-width-minimal: $ouds-border-width-none !default; | ||
| $ouds-button-border-width-minimal-interaction: $ouds-border-width-none !default; | ||
| $ouds-button-color-background-default-disabled: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-disabled-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-enabled: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-enabled-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-focus: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-focus-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-hover: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-hover-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-loading: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-loading-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-pressed: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-default-pressed-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-minimal-disabled: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-minimal-enabled: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-disabled: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-disabled-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-enabled: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-enabled-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-hover: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-hover-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-loading: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-loading-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-pressed: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-border-minimal-pressed-on-bg-emphasized: $ouds-color-transparent-default !default; | ||
| $ouds-button-color-background-minimal-focus: $ouds-color-action-secondary-focus !default; | ||
| $ouds-button-color-background-minimal-focus-on-bg-emphasized: $ouds-color-action-secondary-focus-on-bg-emphasized !default; | ||
| $ouds-button-color-background-minimal-hover: $ouds-color-action-secondary-hover !default; | ||
| $ouds-button-color-background-minimal-hover-on-bg-emphasized: $ouds-color-action-secondary-hover-on-bg-emphasized !default; | ||
| $ouds-button-color-background-minimal-loading: $ouds-color-action-secondary-loading !default; | ||
| $ouds-button-color-background-minimal-loading-on-bg-emphasized: $ouds-color-action-secondary-loading-on-bg-emphasized !default; | ||
| $ouds-button-color-background-minimal-pressed: $ouds-color-action-secondary-pressed !default; | ||
| $ouds-button-color-background-minimal-pressed-on-bg-emphasized: $ouds-color-action-secondary-pressed-on-bg-emphasized !default; | ||
| $ouds-button-color-border-default-disabled: $ouds-color-action-disabled !default; | ||
| $ouds-button-color-border-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default; | ||
| $ouds-button-color-border-default-enabled: $ouds-color-action-primary-enabled !default; | ||
| $ouds-button-color-border-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default; | ||
| $ouds-button-color-border-default-hover: $ouds-color-action-primary-hover !default; | ||
| $ouds-button-color-border-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default; | ||
| $ouds-button-color-border-default-loading: $ouds-color-action-primary-loading !default; | ||
| $ouds-button-color-border-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default; | ||
| $ouds-button-color-border-default-pressed: $ouds-color-action-primary-pressed !default; | ||
| $ouds-button-color-border-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default; | ||
| $ouds-button-color-content-default-disabled: $ouds-color-action-disabled !default; | ||
| $ouds-button-color-content-default-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default; | ||
| $ouds-button-color-content-default-enabled: $ouds-color-action-primary-enabled !default; | ||
| $ouds-button-color-content-default-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default; | ||
| $ouds-button-color-content-default-focus: $ouds-color-action-primary-focus !default; | ||
| $ouds-button-color-content-default-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default; | ||
| $ouds-button-color-content-default-hover: $ouds-color-action-primary-hover !default; | ||
| $ouds-button-color-content-default-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default; | ||
| $ouds-button-color-content-default-loading: $ouds-color-action-primary-loading !default; | ||
| $ouds-button-color-content-default-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default; | ||
| $ouds-button-color-content-default-pressed: $ouds-color-action-primary-pressed !default; | ||
| $ouds-button-color-content-default-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default; | ||
| $ouds-button-color-content-minimal-disabled: $ouds-color-action-disabled !default; | ||
| $ouds-button-color-content-minimal-disabled-on-bg-emphasized: $ouds-color-action-disabled-on-bg-emphasized !default; | ||
| $ouds-button-color-content-minimal-enabled: $ouds-color-action-primary-enabled !default; | ||
| $ouds-button-color-content-minimal-enabled-on-bg-emphasized: $ouds-color-action-primary-enabled-on-bg-emphasized !default; | ||
| $ouds-button-color-content-minimal-focus: $ouds-color-action-primary-focus !default; | ||
| $ouds-button-color-content-minimal-focus-on-bg-emphasized: $ouds-color-action-primary-focus-on-bg-emphasized !default; | ||
| $ouds-button-color-content-minimal-hover: $ouds-color-action-primary-hover !default; | ||
| $ouds-button-color-content-minimal-hover-on-bg-emphasized: $ouds-color-action-primary-hover-on-bg-emphasized !default; | ||
| $ouds-button-color-content-minimal-loading: $ouds-color-action-primary-loading !default; | ||
| $ouds-button-color-content-minimal-loading-on-bg-emphasized: $ouds-color-action-primary-loading-on-bg-emphasized !default; | ||
| $ouds-button-color-content-minimal-pressed: $ouds-color-action-primary-pressed !default; | ||
| $ouds-button-color-content-minimal-pressed-on-bg-emphasized: $ouds-color-action-primary-pressed-on-bg-emphasized !default; | ||
| $ouds-button-size-icon: $ouds-size-icon-with-label-large-size-shorter !default; | ||
| $ouds-button-size-icon-only: $ouds-size-icon-with-label-large-size-short !default; | ||
| $ouds-button-size-loader: $ouds-size-icon-with-label-large-size-shorter !default; | ||
| $ouds-button-space-column-gap-arrow: $ouds-space-column-gap-with-arrow-short !default; | ||
| $ouds-button-space-column-gap-icon: $ouds-space-column-gap-with-icon-medium !default; | ||
| $ouds-button-space-inset-icon-alone: $ouds-space-inset-medium !default; | ||
| $ouds-button-space-padding-block: $ouds-space-padding-block-medium !default; | ||
| $ouds-button-space-padding-inline-arrow-end: $ouds-space-padding-inline-with-arrow-tall !default; | ||
| $ouds-button-space-padding-inline-arrow-start: $ouds-space-padding-inline-with-arrow-tall !default; | ||
| $ouds-button-space-padding-inline-end-icon-start: $ouds-space-padding-inline-taller !default; | ||
| $ouds-button-space-padding-inline-icon-none: $ouds-space-padding-inline-tallest !default; | ||
| $ouds-button-space-padding-inline-icon-start: $ouds-space-padding-inline-with-icon-tall !default; | ||
| $ouds-button-space-padding-inline-start-icon-end: $ouds-space-padding-inline-taller !default; | ||
| // scss-docs-end ouds-component-button |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.