Skip to content

Commit

Permalink
fix(@clayui/css): Cadmin removes Sass docs comments
Browse files Browse the repository at this point in the history
  • Loading branch information
pat270 committed May 3, 2021
1 parent 9ddeaed commit 62e5541
Show file tree
Hide file tree
Showing 10 changed files with 139 additions and 171 deletions.
6 changes: 1 addition & 5 deletions packages/clay-css/src/scss/cadmin/components/_sheets.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
////
/// @group sheet
////

.sheet {
background-color: $cadmin-sheet-bg;
border-color: $cadmin-sheet-border-color;
Expand Down Expand Up @@ -138,7 +134,7 @@ fieldset {

// Sheet Sizes

/// @deprecated as of v3.x use `.container .sheet` instead
// @deprecated as of v3.x use `.container .sheet` instead

.sheet-lg {
margin-left: auto;
Expand Down
28 changes: 12 additions & 16 deletions packages/clay-css/src/scss/cadmin/variables/_alerts.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
////
/// @group alerts
////

$cadmin-alert-border-style: solid !default;
$cadmin-alert-border-radius: $cadmin-border-radius !default;
$cadmin-alert-border-width: 1px !default;
Expand Down Expand Up @@ -42,51 +38,51 @@ $cadmin-alert-btn-group-item: map-deep-merge(
$cadmin-alert-btn-group-item
);

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-font-size: 16px !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-height: 32px !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-line-height: null !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-opacity: 1 !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-margin-left: null !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-padding-bottom: 0 !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-padding-left: 0 !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-padding-right: 0 !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-padding-top: 0 !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-position-right: 8px !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-position-top: 11px !default;

/// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead
// @deprecated as of v2.12.0 use the Sass map `$cadmin-alert-close` instead

$cadmin-alert-close-width: $cadmin-alert-close-height !default;

Expand Down
34 changes: 15 additions & 19 deletions packages/clay-css/src/scss/cadmin/variables/_custom-forms.scss
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
////
/// @group customForms
////

$cadmin-custom-forms-transition: background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;

Expand Down Expand Up @@ -37,27 +33,27 @@ $cadmin-custom-control-indicator-checked-color: $cadmin-component-active-color !
$cadmin-custom-control-indicator-checked-border-color: $cadmin-custom-control-indicator-checked-bg !default;
$cadmin-custom-control-indicator-checked-box-shadow: none !default;

/// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-active-bg` instead
// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-active-bg` instead

$cadmin-custom-control-indicator-active-checked-bg: $cadmin-component-active-bg !default;
$cadmin-custom-control-indicator-checked-active-bg: $cadmin-custom-control-indicator-active-checked-bg !default;

/// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-active-border-color` instead
// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-active-border-color` instead

$cadmin-custom-control-indicator-active-checked-border-color: $cadmin-custom-control-indicator-checked-active-bg !default;
$cadmin-custom-control-indicator-checked-active-border-color: $cadmin-custom-control-indicator-active-checked-border-color !default;

$cadmin-custom-control-indicator-checked-border-color: $cadmin-custom-control-indicator-checked-active-bg !default;

/// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-disabled-bg` instead
// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-disabled-bg` instead

$cadmin-custom-control-indicator-disabled-checked-bg: lighten(
$cadmin-component-active-bg,
32.94
) !default;
$cadmin-custom-control-indicator-checked-disabled-bg: $cadmin-custom-control-indicator-disabled-checked-bg !default;

/// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-disabled-border-color` instead
// @deprecated as of v2.2.1 use `$cadmin-custom-control-indicator-checked-disabled-border-color` instead

$cadmin-custom-control-indicator-disabled-checked-border-color: $cadmin-custom-control-indicator-disabled-checked-bg !default;
$cadmin-custom-control-indicator-checked-disabled-border-color: $cadmin-custom-control-indicator-disabled-checked-border-color !default;
Expand All @@ -68,15 +64,15 @@ $cadmin-custom-control-cursor: null !default;
$cadmin-custom-control-gutter: 8px !default;
$cadmin-custom-control-spacer-x: 16px !default;

/// @deprecated after of v3.5.0 use the Sass map `$cadmin-custom-control` instead
// @deprecated after of v3.5.0 use the Sass map `$cadmin-custom-control` instead

$cadmin-custom-control-margin-bottom: 16px !default;

/// @deprecated after of v3.5.0 use the Sass map `$cadmin-custom-control` instead
// @deprecated after of v3.5.0 use the Sass map `$cadmin-custom-control` instead

$cadmin-custom-control-margin-top: null !default;

/// @deprecated after of v3.5.0 use the Sass map `$cadmin-custom-control` instead
// @deprecated after of v3.5.0 use the Sass map `$cadmin-custom-control` instead

$cadmin-custom-control-min-height: $cadmin-custom-control-indicator-size +
($cadmin-custom-control-indicator-position-top * 2) !default;
Expand All @@ -98,31 +94,31 @@ $cadmin-custom-control: map-deep-merge(

// Custom Description

/// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead
// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead

$cadmin-custom-control-description-cursor: $cadmin-form-check-label-cursor !default;

/// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead
// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead

$cadmin-custom-control-description-font-size: $cadmin-input-label-font-size !default; // 13px

/// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead
// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead

$cadmin-custom-control-description-font-weight: $cadmin-font-weight-normal !default;

/// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead
// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label` instead

$cadmin-custom-control-description-line-height: $cadmin-custom-control-min-height !default;

/// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label-text` instead
// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label-text` instead

$cadmin-custom-control-description-padding-left: 8px !default; // 8px

/// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label-disabled` instead
// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label-disabled` instead

$cadmin-custom-control-description-disabled-cursor: $cadmin-disabled-cursor !default;

/// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label-text-small` instead
// @deprecated as of v2.19.0 use the Sass map `$cadmin-custom-control-label-text-small` instead

$cadmin-custom-control-description-small-font-size: 100% !default;

Expand Down Expand Up @@ -216,7 +212,7 @@ $cadmin-custom-radio-indicator-icon-checked-bg-size: 50% !default;

$cadmin-custom-radio-indicator-disabled-border-color: $cadmin-custom-control-indicator-disabled-bg !default;

/// @deprecated as of v2.2.1 use `$cadmin-custom-radio-indicator-checked-disabled-border-color` instead
// @deprecated as of v2.2.1 use `$cadmin-custom-radio-indicator-checked-disabled-border-color` instead

$cadmin-custom-radio-indicator-disabled-checked-border-color: $cadmin-custom-control-indicator-disabled-checked-border-color !default;
$cadmin-custom-radio-indicator-checked-disabled-border-color: $cadmin-custom-radio-indicator-disabled-checked-border-color !default;
Expand Down
22 changes: 11 additions & 11 deletions packages/clay-css/src/scss/cadmin/variables/_forms.scss
Original file line number Diff line number Diff line change
Expand Up @@ -57,23 +57,23 @@ $cadmin-input-placeholder-disabled-color: $cadmin-input-disabled-color !default;

$cadmin-input-plaintext-color: $cadmin-body-color !default;

/// Deprecated
// Deprecated

$cadmin-input-height-border: $cadmin-input-border-bottom-width +
$cadmin-input-border-top-width !default;

/// Deprecated
// Deprecated

$cadmin-input-height-inner: $cadmin-input-height - $cadmin-input-height-border !default;

/// Deprecated
// Deprecated

$cadmin-input-height-inner-half: add(
$cadmin-input-line-height * 0.5em,
$cadmin-input-padding-y
) !default;

/// Deprecated
// Deprecated

$cadmin-input-height-inner-quarter: add(
$cadmin-input-line-height * 0.25em,
Expand Down Expand Up @@ -134,31 +134,31 @@ $cadmin-input-label-reference-mark-font-size: 6px !default;
$cadmin-input-label-reference-mark-spacer: null !default;
$cadmin-input-label-reference-mark-vertical-align: null !default;

/// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead
// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead

$cadmin-input-readonly-bg: $cadmin-white !default;

/// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead
// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead

$cadmin-input-readonly-border-color: $cadmin-input-border-color !default;

/// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead
// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead

$cadmin-input-readonly-color: null !default;

/// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead
// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead

$cadmin-input-readonly-cursor: null !default;

/// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead
// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead

$cadmin-input-readonly-focus-bg: null !default;

/// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead
// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead

$cadmin-input-readonly-focus-border-color: $cadmin-input-focus-border-color !default;

/// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead
// @deprecated after v2.18.0 use the Sass map `$cadmin-input-readonly` instead

$cadmin-input-readonly-focus-color: null !default;

Expand Down
8 changes: 2 additions & 6 deletions packages/clay-css/src/scss/cadmin/variables/_globals.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,8 @@
////
/// @group globals
////

/// The keyword `clay-unset` allows unsetting a Sass variable value so it doesn't get output in the final CSS file.
// The keyword `clay-unset` allows unsetting a Sass variable value so it doesn't get output in the final CSS file.

$cadmin-clay-unset: clay-unset !default;

/// An alias for `$cadmin-clay-unset`
// An alias for `$cadmin-clay-unset`

$cadmin-c-unset: $cadmin-clay-unset !default;

Expand Down
Loading

0 comments on commit 62e5541

Please sign in to comment.