status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
consul/ui/packages/consul-ui/app/styles/base/icons/icon-placeholders.scss

10340 lines
284 KiB
SCSS
Raw Normal View History

ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-activity-16-icon {
@extend %with-icon, %activity-16-svg-prop;
background-image: var(--activity-16-svg);
}
%with-activity-16-mask {
@extend %with-mask, %activity-16-svg-prop;
-webkit-mask-image: var(--activity-16-svg);
mask-image: var(--activity-16-svg);
}
%with-activity-24-icon {
@extend %with-icon, %activity-24-svg-prop;
background-image: var(--activity-24-svg);
}
%with-activity-24-mask {
@extend %with-mask, %activity-24-svg-prop;
-webkit-mask-image: var(--activity-24-svg);
mask-image: var(--activity-24-svg);
}
%with-alert-circle-16-icon {
@extend %with-icon, %alert-circle-16-svg-prop;
background-image: var(--alert-circle-16-svg);
}
%with-alert-circle-16-mask {
@extend %with-mask, %alert-circle-16-svg-prop;
-webkit-mask-image: var(--alert-circle-16-svg);
mask-image: var(--alert-circle-16-svg);
}
%with-alert-circle-24-icon {
@extend %with-icon, %alert-circle-24-svg-prop;
background-image: var(--alert-circle-24-svg);
}
%with-alert-circle-24-mask {
@extend %with-mask, %alert-circle-24-svg-prop;
-webkit-mask-image: var(--alert-circle-24-svg);
mask-image: var(--alert-circle-24-svg);
}
%with-alert-circle-fill-16-icon {
@extend %with-icon, %alert-circle-fill-16-svg-prop;
background-image: var(--alert-circle-fill-16-svg);
}
%with-alert-circle-fill-16-mask {
@extend %with-mask, %alert-circle-fill-16-svg-prop;
-webkit-mask-image: var(--alert-circle-fill-16-svg);
mask-image: var(--alert-circle-fill-16-svg);
}
%with-alert-circle-fill-24-icon {
@extend %with-icon, %alert-circle-fill-24-svg-prop;
background-image: var(--alert-circle-fill-24-svg);
}
%with-alert-circle-fill-24-mask {
@extend %with-mask, %alert-circle-fill-24-svg-prop;
-webkit-mask-image: var(--alert-circle-fill-24-svg);
mask-image: var(--alert-circle-fill-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-alert-circle-fill-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %alert-circle-fill-svg-prop;
background-image: var(--alert-circle-fill-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-alert-circle-fill-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %alert-circle-fill-svg-prop;
-webkit-mask-image: var(--alert-circle-fill-svg);
mask-image: var(--alert-circle-fill-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-alert-circle-outline-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %alert-circle-outline-svg-prop;
background-image: var(--alert-circle-outline-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-alert-circle-outline-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %alert-circle-outline-svg-prop;
-webkit-mask-image: var(--alert-circle-outline-svg);
mask-image: var(--alert-circle-outline-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-16-icon {
@extend %with-icon, %alert-octagon-16-svg-prop;
background-image: var(--alert-octagon-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-16-mask {
@extend %with-mask, %alert-octagon-16-svg-prop;
-webkit-mask-image: var(--alert-octagon-16-svg);
mask-image: var(--alert-octagon-16-svg);
ui: New Confirmation Dialogs (#7007) * ui: Change action-group to use new popup-menu component in intentions * ui: Slight amends to aria-menu to prevent scrolling * ui: Begin to use aria-menu/popover-menu for other elements * Use a simpler, hackier method to fix up zIndexing * ui: Implement new confirmation dialogs in other list views (#7080) This includes another amend to the popover-menu in order to allow mutiple confirmations/subpanels in the same popover menu. The functionality added here to allow this is likely to change in the future.
2020-01-22 12:08:29 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-24-icon {
@extend %with-icon, %alert-octagon-24-svg-prop;
background-image: var(--alert-octagon-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-24-mask {
@extend %with-mask, %alert-octagon-24-svg-prop;
-webkit-mask-image: var(--alert-octagon-24-svg);
mask-image: var(--alert-octagon-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-fill-16-icon {
@extend %with-icon, %alert-octagon-fill-16-svg-prop;
background-image: var(--alert-octagon-fill-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-fill-16-mask {
@extend %with-mask, %alert-octagon-fill-16-svg-prop;
-webkit-mask-image: var(--alert-octagon-fill-16-svg);
mask-image: var(--alert-octagon-fill-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-fill-24-icon {
@extend %with-icon, %alert-octagon-fill-24-svg-prop;
background-image: var(--alert-octagon-fill-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-octagon-fill-24-mask {
@extend %with-mask, %alert-octagon-fill-24-svg-prop;
-webkit-mask-image: var(--alert-octagon-fill-24-svg);
mask-image: var(--alert-octagon-fill-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-16-icon {
@extend %with-icon, %alert-triangle-16-svg-prop;
background-image: var(--alert-triangle-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-16-mask {
@extend %with-mask, %alert-triangle-16-svg-prop;
-webkit-mask-image: var(--alert-triangle-16-svg);
mask-image: var(--alert-triangle-16-svg);
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-24-icon {
@extend %with-icon, %alert-triangle-24-svg-prop;
background-image: var(--alert-triangle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-24-mask {
@extend %with-mask, %alert-triangle-24-svg-prop;
-webkit-mask-image: var(--alert-triangle-24-svg);
mask-image: var(--alert-triangle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-fill-16-icon {
@extend %with-icon, %alert-triangle-fill-16-svg-prop;
background-image: var(--alert-triangle-fill-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-fill-16-mask {
@extend %with-mask, %alert-triangle-fill-16-svg-prop;
-webkit-mask-image: var(--alert-triangle-fill-16-svg);
mask-image: var(--alert-triangle-fill-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-fill-24-icon {
@extend %with-icon, %alert-triangle-fill-24-svg-prop;
background-image: var(--alert-triangle-fill-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-fill-24-mask {
@extend %with-mask, %alert-triangle-fill-24-svg-prop;
-webkit-mask-image: var(--alert-triangle-fill-24-svg);
mask-image: var(--alert-triangle-fill-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-icon {
@extend %with-icon, %alert-triangle-svg-prop;
background-image: var(--alert-triangle-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alert-triangle-mask {
@extend %with-mask, %alert-triangle-svg-prop;
-webkit-mask-image: var(--alert-triangle-svg);
mask-image: var(--alert-triangle-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-16-icon {
@extend %with-icon, %alibaba-16-svg-prop;
background-image: var(--alibaba-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-16-mask {
@extend %with-mask, %alibaba-16-svg-prop;
-webkit-mask-image: var(--alibaba-16-svg);
mask-image: var(--alibaba-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-24-icon {
@extend %with-icon, %alibaba-24-svg-prop;
background-image: var(--alibaba-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-24-mask {
@extend %with-mask, %alibaba-24-svg-prop;
-webkit-mask-image: var(--alibaba-24-svg);
mask-image: var(--alibaba-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-color-16-icon {
@extend %with-icon, %alibaba-color-16-svg-prop;
background-image: var(--alibaba-color-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-color-16-mask {
@extend %with-mask, %alibaba-color-16-svg-prop;
-webkit-mask-image: var(--alibaba-color-16-svg);
mask-image: var(--alibaba-color-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-color-24-icon {
@extend %with-icon, %alibaba-color-24-svg-prop;
background-image: var(--alibaba-color-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-alibaba-color-24-mask {
@extend %with-mask, %alibaba-color-24-svg-prop;
-webkit-mask-image: var(--alibaba-color-24-svg);
mask-image: var(--alibaba-color-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-center-16-icon {
@extend %with-icon, %align-center-16-svg-prop;
background-image: var(--align-center-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-center-16-mask {
@extend %with-mask, %align-center-16-svg-prop;
-webkit-mask-image: var(--align-center-16-svg);
mask-image: var(--align-center-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-center-24-icon {
@extend %with-icon, %align-center-24-svg-prop;
background-image: var(--align-center-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-center-24-mask {
@extend %with-mask, %align-center-24-svg-prop;
-webkit-mask-image: var(--align-center-24-svg);
mask-image: var(--align-center-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-justify-16-icon {
@extend %with-icon, %align-justify-16-svg-prop;
background-image: var(--align-justify-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-justify-16-mask {
@extend %with-mask, %align-justify-16-svg-prop;
-webkit-mask-image: var(--align-justify-16-svg);
mask-image: var(--align-justify-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-justify-24-icon {
@extend %with-icon, %align-justify-24-svg-prop;
background-image: var(--align-justify-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-justify-24-mask {
@extend %with-mask, %align-justify-24-svg-prop;
-webkit-mask-image: var(--align-justify-24-svg);
mask-image: var(--align-justify-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-left-16-icon {
@extend %with-icon, %align-left-16-svg-prop;
background-image: var(--align-left-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-left-16-mask {
@extend %with-mask, %align-left-16-svg-prop;
-webkit-mask-image: var(--align-left-16-svg);
mask-image: var(--align-left-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-left-24-icon {
@extend %with-icon, %align-left-24-svg-prop;
background-image: var(--align-left-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-left-24-mask {
@extend %with-mask, %align-left-24-svg-prop;
-webkit-mask-image: var(--align-left-24-svg);
mask-image: var(--align-left-24-svg);
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-right-16-icon {
@extend %with-icon, %align-right-16-svg-prop;
background-image: var(--align-right-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-right-16-mask {
@extend %with-mask, %align-right-16-svg-prop;
-webkit-mask-image: var(--align-right-16-svg);
mask-image: var(--align-right-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-right-24-icon {
@extend %with-icon, %align-right-24-svg-prop;
background-image: var(--align-right-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-align-right-24-mask {
@extend %with-mask, %align-right-24-svg-prop;
-webkit-mask-image: var(--align-right-24-svg);
mask-image: var(--align-right-24-svg);
ui: Namespace Support (#6639) Adds namespace support to the UI: 1. Namespace CRUD/management 2. Show Namespace in relevant areas (intentions, upstreams) 3. Main navigation bar improvements 4. Logic/integration to interact with a new `internal/acl/authorize` endpoint
2019-12-17 18:47:37 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-16-icon {
@extend %with-icon, %apple-16-svg-prop;
background-image: var(--apple-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-16-mask {
@extend %with-mask, %apple-16-svg-prop;
-webkit-mask-image: var(--apple-16-svg);
mask-image: var(--apple-16-svg);
ui: Namespace Support (#6639) Adds namespace support to the UI: 1. Namespace CRUD/management 2. Show Namespace in relevant areas (intentions, upstreams) 3. Main navigation bar improvements 4. Logic/integration to interact with a new `internal/acl/authorize` endpoint
2019-12-17 18:47:37 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-24-icon {
@extend %with-icon, %apple-24-svg-prop;
background-image: var(--apple-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-24-mask {
@extend %with-mask, %apple-24-svg-prop;
-webkit-mask-image: var(--apple-24-svg);
mask-image: var(--apple-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-color-16-icon {
@extend %with-icon, %apple-color-16-svg-prop;
background-image: var(--apple-color-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-color-16-mask {
@extend %with-mask, %apple-color-16-svg-prop;
-webkit-mask-image: var(--apple-color-16-svg);
mask-image: var(--apple-color-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-color-24-icon {
@extend %with-icon, %apple-color-24-svg-prop;
background-image: var(--apple-color-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-apple-color-24-mask {
@extend %with-mask, %apple-color-24-svg-prop;
-webkit-mask-image: var(--apple-color-24-svg);
mask-image: var(--apple-color-24-svg);
ui: Namespace Support (#6639) Adds namespace support to the UI: 1. Namespace CRUD/management 2. Show Namespace in relevant areas (intentions, upstreams) 3. Main navigation bar improvements 4. Logic/integration to interact with a new `internal/acl/authorize` endpoint
2019-12-17 18:47:37 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-archive-16-icon {
@extend %with-icon, %archive-16-svg-prop;
background-image: var(--archive-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-archive-16-mask {
@extend %with-mask, %archive-16-svg-prop;
-webkit-mask-image: var(--archive-16-svg);
mask-image: var(--archive-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-archive-24-icon {
@extend %with-icon, %archive-24-svg-prop;
background-image: var(--archive-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-archive-24-mask {
@extend %with-mask, %archive-24-svg-prop;
-webkit-mask-image: var(--archive-24-svg);
mask-image: var(--archive-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-16-icon {
@extend %with-icon, %arrow-down-16-svg-prop;
background-image: var(--arrow-down-16-svg);
ui: Discovery Chain (#6746) * Add data layer for discovery chain (model/adapter/serializer/repo) * Add routing plus template for routing tab * Add extra deps - consul-api-double upgrade plus ngraph for graphing * Add discovery-chain and related components and helpers: 1. discovery-chain to orchestrate/view controller 2. route-card, splitter-card, resolver card to represent the 3 different node types. 3. route-match helper for easy formatting of route rules 4. dom-position to figure out where things are in order to draw lines 5. svg-curve, simple wrapper around svg's <path d=""> attribute format. 6. data-structs service. This isn't super required but we are using other data-structures provided by other third party npm modules in other yet to be merged PRs. All of these types of things will live here for easy access/injection/changability 7. Some additions to our css-var 'polyfill' for a couple of extra needed rules * Related CSS for discovery chain 1. We add a %card base component here, eventually this will go into our base folder and %stats-card will also use it for a base component. 2. New icon for failovers * ui: Discovery Chain Continued (#6939) 1. Add in the things we use for the animations 2 Use IntersectionObserver so we know when the tab is visible, otherwise the dom-position helper won't work as the dom elements don't have any display. 3. Add some base work for animations and use them a little 4. Try to detect if a resolver is a redirect. Right now this works for datacenters and namespaces, but it can't work for services and subsets - we are awaiting backend support for doing this properly. 5. Add a fake 'this service has no routes' route that says 'Default' 6. redirect icon 7. Add CSS.escape polyfill for Edge
2019-12-17 19:27:28 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-16-mask {
@extend %with-mask, %arrow-down-16-svg-prop;
-webkit-mask-image: var(--arrow-down-16-svg);
mask-image: var(--arrow-down-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Discovery Chain (#6746) * Add data layer for discovery chain (model/adapter/serializer/repo) * Add routing plus template for routing tab * Add extra deps - consul-api-double upgrade plus ngraph for graphing * Add discovery-chain and related components and helpers: 1. discovery-chain to orchestrate/view controller 2. route-card, splitter-card, resolver card to represent the 3 different node types. 3. route-match helper for easy formatting of route rules 4. dom-position to figure out where things are in order to draw lines 5. svg-curve, simple wrapper around svg's <path d=""> attribute format. 6. data-structs service. This isn't super required but we are using other data-structures provided by other third party npm modules in other yet to be merged PRs. All of these types of things will live here for easy access/injection/changability 7. Some additions to our css-var 'polyfill' for a couple of extra needed rules * Related CSS for discovery chain 1. We add a %card base component here, eventually this will go into our base folder and %stats-card will also use it for a base component. 2. New icon for failovers * ui: Discovery Chain Continued (#6939) 1. Add in the things we use for the animations 2 Use IntersectionObserver so we know when the tab is visible, otherwise the dom-position helper won't work as the dom elements don't have any display. 3. Add some base work for animations and use them a little 4. Try to detect if a resolver is a redirect. Right now this works for datacenters and namespaces, but it can't work for services and subsets - we are awaiting backend support for doing this properly. 5. Add a fake 'this service has no routes' route that says 'Default' 6. redirect icon 7. Add CSS.escape polyfill for Edge
2019-12-17 19:27:28 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-24-icon {
@extend %with-icon, %arrow-down-24-svg-prop;
background-image: var(--arrow-down-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-24-mask {
@extend %with-mask, %arrow-down-24-svg-prop;
-webkit-mask-image: var(--arrow-down-24-svg);
mask-image: var(--arrow-down-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-circle-16-icon {
@extend %with-icon, %arrow-down-circle-16-svg-prop;
background-image: var(--arrow-down-circle-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-circle-16-mask {
@extend %with-mask, %arrow-down-circle-16-svg-prop;
-webkit-mask-image: var(--arrow-down-circle-16-svg);
mask-image: var(--arrow-down-circle-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-circle-24-icon {
@extend %with-icon, %arrow-down-circle-24-svg-prop;
background-image: var(--arrow-down-circle-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-circle-24-mask {
@extend %with-mask, %arrow-down-circle-24-svg-prop;
-webkit-mask-image: var(--arrow-down-circle-24-svg);
mask-image: var(--arrow-down-circle-24-svg);
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-left-16-icon {
@extend %with-icon, %arrow-down-left-16-svg-prop;
background-image: var(--arrow-down-left-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-left-16-mask {
@extend %with-mask, %arrow-down-left-16-svg-prop;
-webkit-mask-image: var(--arrow-down-left-16-svg);
mask-image: var(--arrow-down-left-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-left-24-icon {
@extend %with-icon, %arrow-down-left-24-svg-prop;
background-image: var(--arrow-down-left-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-left-24-mask {
@extend %with-mask, %arrow-down-left-24-svg-prop;
-webkit-mask-image: var(--arrow-down-left-24-svg);
mask-image: var(--arrow-down-left-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-right-16-icon {
@extend %with-icon, %arrow-down-right-16-svg-prop;
background-image: var(--arrow-down-right-16-svg);
ui: Redesign Node Lock Sessions Tab (#8535) * Add delay svg icon * Create ConsulLockSessionList component * Implement ConsulLockSession component in Lock Sessions tab * Create format-time helper * Add Invalidate button and fix up styling * Fixup and add additional tests
2020-08-20 14:29:16 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-right-16-mask {
@extend %with-mask, %arrow-down-right-16-svg-prop;
-webkit-mask-image: var(--arrow-down-right-16-svg);
mask-image: var(--arrow-down-right-16-svg);
ui: Redesign Node Lock Sessions Tab (#8535) * Add delay svg icon * Create ConsulLockSessionList component * Implement ConsulLockSession component in Lock Sessions tab * Create format-time helper * Add Invalidate button and fix up styling * Fixup and add additional tests
2020-08-20 14:29:16 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-right-24-icon {
@extend %with-icon, %arrow-down-right-24-svg-prop;
background-image: var(--arrow-down-right-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-right-24-mask {
@extend %with-mask, %arrow-down-right-24-svg-prop;
-webkit-mask-image: var(--arrow-down-right-24-svg);
mask-image: var(--arrow-down-right-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-icon {
@extend %with-icon, %arrow-down-svg-prop;
background-image: var(--arrow-down-svg);
ui: Add `stats-card` component, integrate more `@hashicorp/structure-icons` (#6021) 1. Rebuild the heathchecked-resource component now we can copy and paste 2. As the above rebuild came with new icons, we also swapped out 'most' of the other areas where we were using these new icons, plus any icons that were effected by the new icon placeholders 3. Begin to remove more and more of the project specific icons (now replaced by the shared ones)
2019-07-16 16:33:28 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-down-mask {
@extend %with-mask, %arrow-down-svg-prop;
-webkit-mask-image: var(--arrow-down-svg);
mask-image: var(--arrow-down-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-16-icon {
@extend %with-icon, %arrow-left-16-svg-prop;
background-image: var(--arrow-left-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-16-mask {
@extend %with-mask, %arrow-left-16-svg-prop;
-webkit-mask-image: var(--arrow-left-16-svg);
mask-image: var(--arrow-left-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Add `stats-card` component, integrate more `@hashicorp/structure-icons` (#6021) 1. Rebuild the heathchecked-resource component now we can copy and paste 2. As the above rebuild came with new icons, we also swapped out 'most' of the other areas where we were using these new icons, plus any icons that were effected by the new icon placeholders 3. Begin to remove more and more of the project specific icons (now replaced by the shared ones)
2019-07-16 16:33:28 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-24-icon {
@extend %with-icon, %arrow-left-24-svg-prop;
background-image: var(--arrow-left-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-24-mask {
@extend %with-mask, %arrow-left-24-svg-prop;
-webkit-mask-image: var(--arrow-left-24-svg);
mask-image: var(--arrow-left-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-circle-16-icon {
@extend %with-icon, %arrow-left-circle-16-svg-prop;
background-image: var(--arrow-left-circle-16-svg);
ui: CSS Components Migration (#5913) Migrate roughly half of the base components into base Adds a target for easily formatting CSS Further CSS amends/migration (#5921) 1. tooltips within tables where a slightly bit troublesome due to a mix of `inline-flex`, `overflow` and the need for truncation. This refineds tooltips a slight bit more to work 'everywhere'. 2. We also move tooltip to use the correct color and min-width from structure, but we overwrite the min-width here until we get confirmation on widths/alignment of text within a tooltip. 3. Tiny fixes for breadcrumbs and toggle-buttons in tabular listings 4. Now we inline-flex our table cells, it means it is impossible to truncate text without wrapping it in another element. This wraps all Description like text in `<p>` tags. Generally the first column of text is already wrapped in an `<a>` tag. Other items such as consul tags and policy names etc get 'cutoff' rather than truncated. 5. We are now using all the icons from `@hashicorp/structure-icons`
2019-06-14 17:27:37 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-circle-16-mask {
@extend %with-mask, %arrow-left-circle-16-svg-prop;
-webkit-mask-image: var(--arrow-left-circle-16-svg);
mask-image: var(--arrow-left-circle-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: CSS Components Migration (#5913) Migrate roughly half of the base components into base Adds a target for easily formatting CSS Further CSS amends/migration (#5921) 1. tooltips within tables where a slightly bit troublesome due to a mix of `inline-flex`, `overflow` and the need for truncation. This refineds tooltips a slight bit more to work 'everywhere'. 2. We also move tooltip to use the correct color and min-width from structure, but we overwrite the min-width here until we get confirmation on widths/alignment of text within a tooltip. 3. Tiny fixes for breadcrumbs and toggle-buttons in tabular listings 4. Now we inline-flex our table cells, it means it is impossible to truncate text without wrapping it in another element. This wraps all Description like text in `<p>` tags. Generally the first column of text is already wrapped in an `<a>` tag. Other items such as consul tags and policy names etc get 'cutoff' rather than truncated. 5. We are now using all the icons from `@hashicorp/structure-icons`
2019-06-14 17:27:37 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-circle-24-icon {
@extend %with-icon, %arrow-left-circle-24-svg-prop;
background-image: var(--arrow-left-circle-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-circle-24-mask {
@extend %with-mask, %arrow-left-circle-24-svg-prop;
-webkit-mask-image: var(--arrow-left-circle-24-svg);
mask-image: var(--arrow-left-circle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-icon {
@extend %with-icon, %arrow-left-svg-prop;
background-image: var(--arrow-left-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-left-mask {
@extend %with-mask, %arrow-left-svg-prop;
-webkit-mask-image: var(--arrow-left-svg);
mask-image: var(--arrow-left-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-16-icon {
@extend %with-icon, %arrow-right-16-svg-prop;
background-image: var(--arrow-right-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-16-mask {
@extend %with-mask, %arrow-right-16-svg-prop;
-webkit-mask-image: var(--arrow-right-16-svg);
mask-image: var(--arrow-right-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-24-icon {
@extend %with-icon, %arrow-right-24-svg-prop;
background-image: var(--arrow-right-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-24-mask {
@extend %with-mask, %arrow-right-24-svg-prop;
-webkit-mask-image: var(--arrow-right-24-svg);
mask-image: var(--arrow-right-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-circle-16-icon {
@extend %with-icon, %arrow-right-circle-16-svg-prop;
background-image: var(--arrow-right-circle-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-circle-16-mask {
@extend %with-mask, %arrow-right-circle-16-svg-prop;
-webkit-mask-image: var(--arrow-right-circle-16-svg);
mask-image: var(--arrow-right-circle-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-circle-24-icon {
@extend %with-icon, %arrow-right-circle-24-svg-prop;
background-image: var(--arrow-right-circle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-circle-24-mask {
@extend %with-mask, %arrow-right-circle-24-svg-prop;
-webkit-mask-image: var(--arrow-right-circle-24-svg);
mask-image: var(--arrow-right-circle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-icon {
@extend %with-icon, %arrow-right-svg-prop;
background-image: var(--arrow-right-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-right-mask {
@extend %with-mask, %arrow-right-svg-prop;
-webkit-mask-image: var(--arrow-right-svg);
mask-image: var(--arrow-right-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-16-icon {
@extend %with-icon, %arrow-up-16-svg-prop;
background-image: var(--arrow-up-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-16-mask {
@extend %with-mask, %arrow-up-16-svg-prop;
-webkit-mask-image: var(--arrow-up-16-svg);
mask-image: var(--arrow-up-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-24-icon {
@extend %with-icon, %arrow-up-24-svg-prop;
background-image: var(--arrow-up-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-24-mask {
@extend %with-mask, %arrow-up-24-svg-prop;
-webkit-mask-image: var(--arrow-up-24-svg);
mask-image: var(--arrow-up-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-circle-16-icon {
@extend %with-icon, %arrow-up-circle-16-svg-prop;
background-image: var(--arrow-up-circle-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-circle-16-mask {
@extend %with-mask, %arrow-up-circle-16-svg-prop;
-webkit-mask-image: var(--arrow-up-circle-16-svg);
mask-image: var(--arrow-up-circle-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-circle-24-icon {
@extend %with-icon, %arrow-up-circle-24-svg-prop;
background-image: var(--arrow-up-circle-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-circle-24-mask {
@extend %with-mask, %arrow-up-circle-24-svg-prop;
-webkit-mask-image: var(--arrow-up-circle-24-svg);
mask-image: var(--arrow-up-circle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-left-16-icon {
@extend %with-icon, %arrow-up-left-16-svg-prop;
background-image: var(--arrow-up-left-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-left-16-mask {
@extend %with-mask, %arrow-up-left-16-svg-prop;
-webkit-mask-image: var(--arrow-up-left-16-svg);
mask-image: var(--arrow-up-left-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-left-24-icon {
@extend %with-icon, %arrow-up-left-24-svg-prop;
background-image: var(--arrow-up-left-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-left-24-mask {
@extend %with-mask, %arrow-up-left-24-svg-prop;
-webkit-mask-image: var(--arrow-up-left-24-svg);
mask-image: var(--arrow-up-left-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-right-16-icon {
@extend %with-icon, %arrow-up-right-16-svg-prop;
background-image: var(--arrow-up-right-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-right-16-mask {
@extend %with-mask, %arrow-up-right-16-svg-prop;
-webkit-mask-image: var(--arrow-up-right-16-svg);
mask-image: var(--arrow-up-right-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-right-24-icon {
@extend %with-icon, %arrow-up-right-24-svg-prop;
background-image: var(--arrow-up-right-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-right-24-mask {
@extend %with-mask, %arrow-up-right-24-svg-prop;
-webkit-mask-image: var(--arrow-up-right-24-svg);
mask-image: var(--arrow-up-right-24-svg);
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-icon {
@extend %with-icon, %arrow-up-svg-prop;
background-image: var(--arrow-up-svg);
ui: Redesign - Service List page with Gateways (#7781) * Return all services except Proxies * Add Gateway icon to the codebase * Create and implement ConsulExternalSource component * Fix tests to work with new mock data and add a Gateway test * Update consul-api-double to 2.14.3
2020-05-05 16:29:51 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-arrow-up-mask {
@extend %with-mask, %arrow-up-svg-prop;
-webkit-mask-image: var(--arrow-up-svg);
mask-image: var(--arrow-up-svg);
ui: Redesign - Service List page with Gateways (#7781) * Return all services except Proxies * Add Gateway icon to the codebase * Create and implement ConsulExternalSource component * Fix tests to work with new mock data and add a Gateway test * Update consul-api-double to 2.14.3
2020-05-05 16:29:51 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-at-sign-16-icon {
@extend %with-icon, %at-sign-16-svg-prop;
background-image: var(--at-sign-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-at-sign-16-mask {
@extend %with-mask, %at-sign-16-svg-prop;
-webkit-mask-image: var(--at-sign-16-svg);
mask-image: var(--at-sign-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-at-sign-24-icon {
@extend %with-icon, %at-sign-24-svg-prop;
background-image: var(--at-sign-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-at-sign-24-mask {
@extend %with-mask, %at-sign-24-svg-prop;
-webkit-mask-image: var(--at-sign-24-svg);
mask-image: var(--at-sign-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-16-icon {
@extend %with-icon, %auth0-16-svg-prop;
background-image: var(--auth0-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-16-mask {
@extend %with-mask, %auth0-16-svg-prop;
-webkit-mask-image: var(--auth0-16-svg);
mask-image: var(--auth0-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-24-icon {
@extend %with-icon, %auth0-24-svg-prop;
background-image: var(--auth0-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-24-mask {
@extend %with-mask, %auth0-24-svg-prop;
-webkit-mask-image: var(--auth0-24-svg);
mask-image: var(--auth0-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-color-16-icon {
@extend %with-icon, %auth0-color-16-svg-prop;
background-image: var(--auth0-color-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-color-16-mask {
@extend %with-mask, %auth0-color-16-svg-prop;
-webkit-mask-image: var(--auth0-color-16-svg);
mask-image: var(--auth0-color-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-color-24-icon {
@extend %with-icon, %auth0-color-24-svg-prop;
background-image: var(--auth0-color-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auth0-color-24-mask {
@extend %with-mask, %auth0-color-24-svg-prop;
-webkit-mask-image: var(--auth0-color-24-svg);
mask-image: var(--auth0-color-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auto-apply-16-icon {
@extend %with-icon, %auto-apply-16-svg-prop;
background-image: var(--auto-apply-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auto-apply-16-mask {
@extend %with-mask, %auto-apply-16-svg-prop;
-webkit-mask-image: var(--auto-apply-16-svg);
mask-image: var(--auto-apply-16-svg);
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auto-apply-24-icon {
@extend %with-icon, %auto-apply-24-svg-prop;
background-image: var(--auto-apply-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-auto-apply-24-mask {
@extend %with-mask, %auto-apply-24-svg-prop;
-webkit-mask-image: var(--auto-apply-24-svg);
mask-image: var(--auto-apply-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-award-16-icon {
@extend %with-icon, %award-16-svg-prop;
background-image: var(--award-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-award-16-mask {
@extend %with-mask, %award-16-svg-prop;
-webkit-mask-image: var(--award-16-svg);
mask-image: var(--award-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-award-24-icon {
@extend %with-icon, %award-24-svg-prop;
background-image: var(--award-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-award-24-mask {
@extend %with-mask, %award-24-svg-prop;
-webkit-mask-image: var(--award-24-svg);
mask-image: var(--award-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-aws-16-icon {
@extend %with-icon, %aws-16-svg-prop;
background-image: var(--aws-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-aws-16-mask {
@extend %with-mask, %aws-16-svg-prop;
-webkit-mask-image: var(--aws-16-svg);
mask-image: var(--aws-16-svg);
}
%with-aws-24-icon {
@extend %with-icon, %aws-24-svg-prop;
background-image: var(--aws-24-svg);
}
%with-aws-24-mask {
@extend %with-mask, %aws-24-svg-prop;
-webkit-mask-image: var(--aws-24-svg);
mask-image: var(--aws-24-svg);
}
%with-aws-color-16-icon {
@extend %with-icon, %aws-color-16-svg-prop;
background-image: var(--aws-color-16-svg);
}
%with-aws-color-16-mask {
@extend %with-mask, %aws-color-16-svg-prop;
-webkit-mask-image: var(--aws-color-16-svg);
mask-image: var(--aws-color-16-svg);
}
%with-aws-color-24-icon {
@extend %with-icon, %aws-color-24-svg-prop;
background-image: var(--aws-color-24-svg);
}
%with-aws-color-24-mask {
@extend %with-mask, %aws-color-24-svg-prop;
-webkit-mask-image: var(--aws-color-24-svg);
mask-image: var(--aws-color-24-svg);
}
%with-azure-16-icon {
@extend %with-icon, %azure-16-svg-prop;
background-image: var(--azure-16-svg);
}
%with-azure-16-mask {
@extend %with-mask, %azure-16-svg-prop;
-webkit-mask-image: var(--azure-16-svg);
mask-image: var(--azure-16-svg);
}
%with-azure-24-icon {
@extend %with-icon, %azure-24-svg-prop;
background-image: var(--azure-24-svg);
}
%with-azure-24-mask {
@extend %with-mask, %azure-24-svg-prop;
-webkit-mask-image: var(--azure-24-svg);
mask-image: var(--azure-24-svg);
}
%with-azure-color-16-icon {
@extend %with-icon, %azure-color-16-svg-prop;
background-image: var(--azure-color-16-svg);
}
%with-azure-color-16-mask {
@extend %with-mask, %azure-color-16-svg-prop;
-webkit-mask-image: var(--azure-color-16-svg);
mask-image: var(--azure-color-16-svg);
}
%with-azure-color-24-icon {
@extend %with-icon, %azure-color-24-svg-prop;
background-image: var(--azure-color-24-svg);
}
%with-azure-color-24-mask {
@extend %with-mask, %azure-color-24-svg-prop;
-webkit-mask-image: var(--azure-color-24-svg);
mask-image: var(--azure-color-24-svg);
}
%with-azure-devops-16-icon {
@extend %with-icon, %azure-devops-16-svg-prop;
background-image: var(--azure-devops-16-svg);
}
%with-azure-devops-16-mask {
@extend %with-mask, %azure-devops-16-svg-prop;
-webkit-mask-image: var(--azure-devops-16-svg);
mask-image: var(--azure-devops-16-svg);
}
%with-azure-devops-24-icon {
@extend %with-icon, %azure-devops-24-svg-prop;
background-image: var(--azure-devops-24-svg);
}
%with-azure-devops-24-mask {
@extend %with-mask, %azure-devops-24-svg-prop;
-webkit-mask-image: var(--azure-devops-24-svg);
mask-image: var(--azure-devops-24-svg);
}
%with-azure-devops-color-16-icon {
@extend %with-icon, %azure-devops-color-16-svg-prop;
background-image: var(--azure-devops-color-16-svg);
}
%with-azure-devops-color-16-mask {
@extend %with-mask, %azure-devops-color-16-svg-prop;
-webkit-mask-image: var(--azure-devops-color-16-svg);
mask-image: var(--azure-devops-color-16-svg);
}
%with-azure-devops-color-24-icon {
@extend %with-icon, %azure-devops-color-24-svg-prop;
background-image: var(--azure-devops-color-24-svg);
}
%with-azure-devops-color-24-mask {
@extend %with-mask, %azure-devops-color-24-svg-prop;
-webkit-mask-image: var(--azure-devops-color-24-svg);
mask-image: var(--azure-devops-color-24-svg);
}
%with-bar-chart-16-icon {
@extend %with-icon, %bar-chart-16-svg-prop;
background-image: var(--bar-chart-16-svg);
}
%with-bar-chart-16-mask {
@extend %with-mask, %bar-chart-16-svg-prop;
-webkit-mask-image: var(--bar-chart-16-svg);
mask-image: var(--bar-chart-16-svg);
}
%with-bar-chart-24-icon {
@extend %with-icon, %bar-chart-24-svg-prop;
background-image: var(--bar-chart-24-svg);
}
%with-bar-chart-24-mask {
@extend %with-mask, %bar-chart-24-svg-prop;
-webkit-mask-image: var(--bar-chart-24-svg);
mask-image: var(--bar-chart-24-svg);
}
%with-bar-chart-alt-16-icon {
@extend %with-icon, %bar-chart-alt-16-svg-prop;
background-image: var(--bar-chart-alt-16-svg);
}
%with-bar-chart-alt-16-mask {
@extend %with-mask, %bar-chart-alt-16-svg-prop;
-webkit-mask-image: var(--bar-chart-alt-16-svg);
mask-image: var(--bar-chart-alt-16-svg);
}
%with-bar-chart-alt-24-icon {
@extend %with-icon, %bar-chart-alt-24-svg-prop;
background-image: var(--bar-chart-alt-24-svg);
}
%with-bar-chart-alt-24-mask {
@extend %with-mask, %bar-chart-alt-24-svg-prop;
-webkit-mask-image: var(--bar-chart-alt-24-svg);
mask-image: var(--bar-chart-alt-24-svg);
}
%with-battery-16-icon {
@extend %with-icon, %battery-16-svg-prop;
background-image: var(--battery-16-svg);
}
%with-battery-16-mask {
@extend %with-mask, %battery-16-svg-prop;
-webkit-mask-image: var(--battery-16-svg);
mask-image: var(--battery-16-svg);
}
%with-battery-24-icon {
@extend %with-icon, %battery-24-svg-prop;
background-image: var(--battery-24-svg);
}
%with-battery-24-mask {
@extend %with-mask, %battery-24-svg-prop;
-webkit-mask-image: var(--battery-24-svg);
mask-image: var(--battery-24-svg);
}
%with-battery-charging-16-icon {
@extend %with-icon, %battery-charging-16-svg-prop;
background-image: var(--battery-charging-16-svg);
}
%with-battery-charging-16-mask {
@extend %with-mask, %battery-charging-16-svg-prop;
-webkit-mask-image: var(--battery-charging-16-svg);
mask-image: var(--battery-charging-16-svg);
}
%with-battery-charging-24-icon {
@extend %with-icon, %battery-charging-24-svg-prop;
background-image: var(--battery-charging-24-svg);
}
%with-battery-charging-24-mask {
@extend %with-mask, %battery-charging-24-svg-prop;
-webkit-mask-image: var(--battery-charging-24-svg);
mask-image: var(--battery-charging-24-svg);
}
%with-beaker-16-icon {
@extend %with-icon, %beaker-16-svg-prop;
background-image: var(--beaker-16-svg);
}
%with-beaker-16-mask {
@extend %with-mask, %beaker-16-svg-prop;
-webkit-mask-image: var(--beaker-16-svg);
mask-image: var(--beaker-16-svg);
}
%with-beaker-24-icon {
@extend %with-icon, %beaker-24-svg-prop;
background-image: var(--beaker-24-svg);
}
%with-beaker-24-mask {
@extend %with-mask, %beaker-24-svg-prop;
-webkit-mask-image: var(--beaker-24-svg);
mask-image: var(--beaker-24-svg);
}
%with-bell-16-icon {
@extend %with-icon, %bell-16-svg-prop;
background-image: var(--bell-16-svg);
}
%with-bell-16-mask {
@extend %with-mask, %bell-16-svg-prop;
-webkit-mask-image: var(--bell-16-svg);
mask-image: var(--bell-16-svg);
}
%with-bell-24-icon {
@extend %with-icon, %bell-24-svg-prop;
background-image: var(--bell-24-svg);
}
%with-bell-24-mask {
@extend %with-mask, %bell-24-svg-prop;
-webkit-mask-image: var(--bell-24-svg);
mask-image: var(--bell-24-svg);
}
%with-bell-active-16-icon {
@extend %with-icon, %bell-active-16-svg-prop;
background-image: var(--bell-active-16-svg);
}
%with-bell-active-16-mask {
@extend %with-mask, %bell-active-16-svg-prop;
-webkit-mask-image: var(--bell-active-16-svg);
mask-image: var(--bell-active-16-svg);
}
%with-bell-active-24-icon {
@extend %with-icon, %bell-active-24-svg-prop;
background-image: var(--bell-active-24-svg);
}
%with-bell-active-24-mask {
@extend %with-mask, %bell-active-24-svg-prop;
-webkit-mask-image: var(--bell-active-24-svg);
mask-image: var(--bell-active-24-svg);
}
%with-bell-active-fill-16-icon {
@extend %with-icon, %bell-active-fill-16-svg-prop;
background-image: var(--bell-active-fill-16-svg);
}
%with-bell-active-fill-16-mask {
@extend %with-mask, %bell-active-fill-16-svg-prop;
-webkit-mask-image: var(--bell-active-fill-16-svg);
mask-image: var(--bell-active-fill-16-svg);
}
%with-bell-active-fill-24-icon {
@extend %with-icon, %bell-active-fill-24-svg-prop;
background-image: var(--bell-active-fill-24-svg);
}
%with-bell-active-fill-24-mask {
@extend %with-mask, %bell-active-fill-24-svg-prop;
-webkit-mask-image: var(--bell-active-fill-24-svg);
mask-image: var(--bell-active-fill-24-svg);
}
%with-bell-off-16-icon {
@extend %with-icon, %bell-off-16-svg-prop;
background-image: var(--bell-off-16-svg);
}
%with-bell-off-16-mask {
@extend %with-mask, %bell-off-16-svg-prop;
-webkit-mask-image: var(--bell-off-16-svg);
mask-image: var(--bell-off-16-svg);
}
%with-bell-off-24-icon {
@extend %with-icon, %bell-off-24-svg-prop;
background-image: var(--bell-off-24-svg);
}
%with-bell-off-24-mask {
@extend %with-mask, %bell-off-24-svg-prop;
-webkit-mask-image: var(--bell-off-24-svg);
mask-image: var(--bell-off-24-svg);
}
%with-bitbucket-16-icon {
@extend %with-icon, %bitbucket-16-svg-prop;
background-image: var(--bitbucket-16-svg);
}
%with-bitbucket-16-mask {
@extend %with-mask, %bitbucket-16-svg-prop;
-webkit-mask-image: var(--bitbucket-16-svg);
mask-image: var(--bitbucket-16-svg);
}
%with-bitbucket-24-icon {
@extend %with-icon, %bitbucket-24-svg-prop;
background-image: var(--bitbucket-24-svg);
}
%with-bitbucket-24-mask {
@extend %with-mask, %bitbucket-24-svg-prop;
-webkit-mask-image: var(--bitbucket-24-svg);
mask-image: var(--bitbucket-24-svg);
}
%with-bitbucket-color-16-icon {
@extend %with-icon, %bitbucket-color-16-svg-prop;
background-image: var(--bitbucket-color-16-svg);
}
%with-bitbucket-color-16-mask {
@extend %with-mask, %bitbucket-color-16-svg-prop;
-webkit-mask-image: var(--bitbucket-color-16-svg);
mask-image: var(--bitbucket-color-16-svg);
}
%with-bitbucket-color-24-icon {
@extend %with-icon, %bitbucket-color-24-svg-prop;
background-image: var(--bitbucket-color-24-svg);
}
%with-bitbucket-color-24-mask {
@extend %with-mask, %bitbucket-color-24-svg-prop;
-webkit-mask-image: var(--bitbucket-color-24-svg);
mask-image: var(--bitbucket-color-24-svg);
}
%with-bolt-icon {
@extend %with-icon, %bolt-svg-prop;
background-image: var(--bolt-svg);
}
%with-bolt-mask {
@extend %with-mask, %bolt-svg-prop;
-webkit-mask-image: var(--bolt-svg);
mask-image: var(--bolt-svg);
}
%with-bookmark-16-icon {
@extend %with-icon, %bookmark-16-svg-prop;
background-image: var(--bookmark-16-svg);
}
%with-bookmark-16-mask {
@extend %with-mask, %bookmark-16-svg-prop;
-webkit-mask-image: var(--bookmark-16-svg);
mask-image: var(--bookmark-16-svg);
}
%with-bookmark-24-icon {
@extend %with-icon, %bookmark-24-svg-prop;
background-image: var(--bookmark-24-svg);
}
%with-bookmark-24-mask {
@extend %with-mask, %bookmark-24-svg-prop;
-webkit-mask-image: var(--bookmark-24-svg);
mask-image: var(--bookmark-24-svg);
}
%with-bookmark-add-16-icon {
@extend %with-icon, %bookmark-add-16-svg-prop;
background-image: var(--bookmark-add-16-svg);
}
%with-bookmark-add-16-mask {
@extend %with-mask, %bookmark-add-16-svg-prop;
-webkit-mask-image: var(--bookmark-add-16-svg);
mask-image: var(--bookmark-add-16-svg);
}
%with-bookmark-add-24-icon {
@extend %with-icon, %bookmark-add-24-svg-prop;
background-image: var(--bookmark-add-24-svg);
}
%with-bookmark-add-24-mask {
@extend %with-mask, %bookmark-add-24-svg-prop;
-webkit-mask-image: var(--bookmark-add-24-svg);
mask-image: var(--bookmark-add-24-svg);
}
%with-bookmark-add-fill-16-icon {
@extend %with-icon, %bookmark-add-fill-16-svg-prop;
background-image: var(--bookmark-add-fill-16-svg);
}
%with-bookmark-add-fill-16-mask {
@extend %with-mask, %bookmark-add-fill-16-svg-prop;
-webkit-mask-image: var(--bookmark-add-fill-16-svg);
mask-image: var(--bookmark-add-fill-16-svg);
}
%with-bookmark-add-fill-24-icon {
@extend %with-icon, %bookmark-add-fill-24-svg-prop;
background-image: var(--bookmark-add-fill-24-svg);
}
%with-bookmark-add-fill-24-mask {
@extend %with-mask, %bookmark-add-fill-24-svg-prop;
-webkit-mask-image: var(--bookmark-add-fill-24-svg);
mask-image: var(--bookmark-add-fill-24-svg);
}
%with-bookmark-fill-16-icon {
@extend %with-icon, %bookmark-fill-16-svg-prop;
background-image: var(--bookmark-fill-16-svg);
}
%with-bookmark-fill-16-mask {
@extend %with-mask, %bookmark-fill-16-svg-prop;
-webkit-mask-image: var(--bookmark-fill-16-svg);
mask-image: var(--bookmark-fill-16-svg);
}
%with-bookmark-fill-24-icon {
@extend %with-icon, %bookmark-fill-24-svg-prop;
background-image: var(--bookmark-fill-24-svg);
}
%with-bookmark-fill-24-mask {
@extend %with-mask, %bookmark-fill-24-svg-prop;
-webkit-mask-image: var(--bookmark-fill-24-svg);
mask-image: var(--bookmark-fill-24-svg);
}
%with-bookmark-remove-16-icon {
@extend %with-icon, %bookmark-remove-16-svg-prop;
background-image: var(--bookmark-remove-16-svg);
}
%with-bookmark-remove-16-mask {
@extend %with-mask, %bookmark-remove-16-svg-prop;
-webkit-mask-image: var(--bookmark-remove-16-svg);
mask-image: var(--bookmark-remove-16-svg);
}
%with-bookmark-remove-24-icon {
@extend %with-icon, %bookmark-remove-24-svg-prop;
background-image: var(--bookmark-remove-24-svg);
}
%with-bookmark-remove-24-mask {
@extend %with-mask, %bookmark-remove-24-svg-prop;
-webkit-mask-image: var(--bookmark-remove-24-svg);
mask-image: var(--bookmark-remove-24-svg);
}
%with-bookmark-remove-fill-16-icon {
@extend %with-icon, %bookmark-remove-fill-16-svg-prop;
background-image: var(--bookmark-remove-fill-16-svg);
}
%with-bookmark-remove-fill-16-mask {
@extend %with-mask, %bookmark-remove-fill-16-svg-prop;
-webkit-mask-image: var(--bookmark-remove-fill-16-svg);
mask-image: var(--bookmark-remove-fill-16-svg);
}
%with-bookmark-remove-fill-24-icon {
@extend %with-icon, %bookmark-remove-fill-24-svg-prop;
background-image: var(--bookmark-remove-fill-24-svg);
}
%with-bookmark-remove-fill-24-mask {
@extend %with-mask, %bookmark-remove-fill-24-svg-prop;
-webkit-mask-image: var(--bookmark-remove-fill-24-svg);
mask-image: var(--bookmark-remove-fill-24-svg);
}
%with-bottom-16-icon {
@extend %with-icon, %bottom-16-svg-prop;
background-image: var(--bottom-16-svg);
}
%with-bottom-16-mask {
@extend %with-mask, %bottom-16-svg-prop;
-webkit-mask-image: var(--bottom-16-svg);
mask-image: var(--bottom-16-svg);
}
%with-bottom-24-icon {
@extend %with-icon, %bottom-24-svg-prop;
background-image: var(--bottom-24-svg);
}
%with-bottom-24-mask {
@extend %with-mask, %bottom-24-svg-prop;
-webkit-mask-image: var(--bottom-24-svg);
mask-image: var(--bottom-24-svg);
}
%with-box-16-icon {
@extend %with-icon, %box-16-svg-prop;
background-image: var(--box-16-svg);
}
%with-box-16-mask {
@extend %with-mask, %box-16-svg-prop;
-webkit-mask-image: var(--box-16-svg);
mask-image: var(--box-16-svg);
}
%with-box-24-icon {
@extend %with-icon, %box-24-svg-prop;
background-image: var(--box-24-svg);
}
%with-box-24-mask {
@extend %with-mask, %box-24-svg-prop;
-webkit-mask-image: var(--box-24-svg);
mask-image: var(--box-24-svg);
}
%with-box-check-fill-icon {
@extend %with-icon, %box-check-fill-svg-prop;
background-image: var(--box-check-fill-svg);
}
%with-box-check-fill-mask {
@extend %with-mask, %box-check-fill-svg-prop;
-webkit-mask-image: var(--box-check-fill-svg);
mask-image: var(--box-check-fill-svg);
}
%with-box-outline-icon {
@extend %with-icon, %box-outline-svg-prop;
background-image: var(--box-outline-svg);
}
%with-box-outline-mask {
@extend %with-mask, %box-outline-svg-prop;
-webkit-mask-image: var(--box-outline-svg);
mask-image: var(--box-outline-svg);
}
%with-briefcase-16-icon {
@extend %with-icon, %briefcase-16-svg-prop;
background-image: var(--briefcase-16-svg);
}
%with-briefcase-16-mask {
@extend %with-mask, %briefcase-16-svg-prop;
-webkit-mask-image: var(--briefcase-16-svg);
mask-image: var(--briefcase-16-svg);
}
%with-briefcase-24-icon {
@extend %with-icon, %briefcase-24-svg-prop;
background-image: var(--briefcase-24-svg);
}
%with-briefcase-24-mask {
@extend %with-mask, %briefcase-24-svg-prop;
-webkit-mask-image: var(--briefcase-24-svg);
mask-image: var(--briefcase-24-svg);
}
%with-broadcast-icon {
@extend %with-icon, %broadcast-svg-prop;
background-image: var(--broadcast-svg);
}
%with-broadcast-mask {
@extend %with-mask, %broadcast-svg-prop;
-webkit-mask-image: var(--broadcast-svg);
mask-image: var(--broadcast-svg);
}
%with-bug-16-icon {
@extend %with-icon, %bug-16-svg-prop;
background-image: var(--bug-16-svg);
}
%with-bug-16-mask {
@extend %with-mask, %bug-16-svg-prop;
-webkit-mask-image: var(--bug-16-svg);
mask-image: var(--bug-16-svg);
}
%with-bug-24-icon {
@extend %with-icon, %bug-24-svg-prop;
background-image: var(--bug-24-svg);
}
%with-bug-24-mask {
@extend %with-mask, %bug-24-svg-prop;
-webkit-mask-image: var(--bug-24-svg);
mask-image: var(--bug-24-svg);
}
%with-bug-icon {
@extend %with-icon, %bug-svg-prop;
background-image: var(--bug-svg);
}
%with-bug-mask {
@extend %with-mask, %bug-svg-prop;
-webkit-mask-image: var(--bug-svg);
mask-image: var(--bug-svg);
}
%with-build-16-icon {
@extend %with-icon, %build-16-svg-prop;
background-image: var(--build-16-svg);
}
%with-build-16-mask {
@extend %with-mask, %build-16-svg-prop;
-webkit-mask-image: var(--build-16-svg);
mask-image: var(--build-16-svg);
}
%with-build-24-icon {
@extend %with-icon, %build-24-svg-prop;
background-image: var(--build-24-svg);
}
%with-build-24-mask {
@extend %with-mask, %build-24-svg-prop;
-webkit-mask-image: var(--build-24-svg);
mask-image: var(--build-24-svg);
}
%with-calendar-16-icon {
@extend %with-icon, %calendar-16-svg-prop;
background-image: var(--calendar-16-svg);
}
%with-calendar-16-mask {
@extend %with-mask, %calendar-16-svg-prop;
-webkit-mask-image: var(--calendar-16-svg);
mask-image: var(--calendar-16-svg);
}
%with-calendar-24-icon {
@extend %with-icon, %calendar-24-svg-prop;
background-image: var(--calendar-24-svg);
}
%with-calendar-24-mask {
@extend %with-mask, %calendar-24-svg-prop;
-webkit-mask-image: var(--calendar-24-svg);
mask-image: var(--calendar-24-svg);
}
%with-calendar-icon {
@extend %with-icon, %calendar-svg-prop;
background-image: var(--calendar-svg);
}
%with-calendar-mask {
@extend %with-mask, %calendar-svg-prop;
-webkit-mask-image: var(--calendar-svg);
mask-image: var(--calendar-svg);
}
%with-camera-16-icon {
@extend %with-icon, %camera-16-svg-prop;
background-image: var(--camera-16-svg);
}
%with-camera-16-mask {
@extend %with-mask, %camera-16-svg-prop;
-webkit-mask-image: var(--camera-16-svg);
mask-image: var(--camera-16-svg);
}
%with-camera-24-icon {
@extend %with-icon, %camera-24-svg-prop;
background-image: var(--camera-24-svg);
}
%with-camera-24-mask {
@extend %with-mask, %camera-24-svg-prop;
-webkit-mask-image: var(--camera-24-svg);
mask-image: var(--camera-24-svg);
}
%with-camera-off-16-icon {
@extend %with-icon, %camera-off-16-svg-prop;
background-image: var(--camera-off-16-svg);
}
%with-camera-off-16-mask {
@extend %with-mask, %camera-off-16-svg-prop;
-webkit-mask-image: var(--camera-off-16-svg);
mask-image: var(--camera-off-16-svg);
}
%with-camera-off-24-icon {
@extend %with-icon, %camera-off-24-svg-prop;
background-image: var(--camera-off-24-svg);
}
%with-camera-off-24-mask {
@extend %with-mask, %camera-off-24-svg-prop;
-webkit-mask-image: var(--camera-off-24-svg);
mask-image: var(--camera-off-24-svg);
}
%with-cancel-circle-fill-icon {
@extend %with-icon, %cancel-circle-fill-svg-prop;
background-image: var(--cancel-circle-fill-svg);
}
%with-cancel-circle-fill-mask {
@extend %with-mask, %cancel-circle-fill-svg-prop;
-webkit-mask-image: var(--cancel-circle-fill-svg);
mask-image: var(--cancel-circle-fill-svg);
}
%with-cancel-circle-outline-icon {
@extend %with-icon, %cancel-circle-outline-svg-prop;
background-image: var(--cancel-circle-outline-svg);
}
%with-cancel-circle-outline-mask {
@extend %with-mask, %cancel-circle-outline-svg-prop;
-webkit-mask-image: var(--cancel-circle-outline-svg);
mask-image: var(--cancel-circle-outline-svg);
}
%with-cancel-plain-icon {
@extend %with-icon, %cancel-plain-svg-prop;
background-image: var(--cancel-plain-svg);
}
%with-cancel-plain-mask {
@extend %with-mask, %cancel-plain-svg-prop;
-webkit-mask-image: var(--cancel-plain-svg);
mask-image: var(--cancel-plain-svg);
}
%with-cancel-square-fill-icon {
@extend %with-icon, %cancel-square-fill-svg-prop;
background-image: var(--cancel-square-fill-svg);
}
%with-cancel-square-fill-mask {
@extend %with-mask, %cancel-square-fill-svg-prop;
-webkit-mask-image: var(--cancel-square-fill-svg);
mask-image: var(--cancel-square-fill-svg);
}
%with-cancel-square-outline-icon {
@extend %with-icon, %cancel-square-outline-svg-prop;
background-image: var(--cancel-square-outline-svg);
}
%with-cancel-square-outline-mask {
@extend %with-mask, %cancel-square-outline-svg-prop;
-webkit-mask-image: var(--cancel-square-outline-svg);
mask-image: var(--cancel-square-outline-svg);
}
%with-caret-16-icon {
@extend %with-icon, %caret-16-svg-prop;
background-image: var(--caret-16-svg);
}
%with-caret-16-mask {
@extend %with-mask, %caret-16-svg-prop;
-webkit-mask-image: var(--caret-16-svg);
mask-image: var(--caret-16-svg);
}
%with-caret-24-icon {
@extend %with-icon, %caret-24-svg-prop;
background-image: var(--caret-24-svg);
}
%with-caret-24-mask {
@extend %with-mask, %caret-24-svg-prop;
-webkit-mask-image: var(--caret-24-svg);
mask-image: var(--caret-24-svg);
}
%with-caret-down-icon {
@extend %with-icon, %caret-down-svg-prop;
background-image: var(--caret-down-svg);
}
%with-caret-down-mask {
@extend %with-mask, %caret-down-svg-prop;
-webkit-mask-image: var(--caret-down-svg);
mask-image: var(--caret-down-svg);
}
%with-caret-up-icon {
@extend %with-icon, %caret-up-svg-prop;
background-image: var(--caret-up-svg);
}
%with-caret-up-mask {
@extend %with-mask, %caret-up-svg-prop;
-webkit-mask-image: var(--caret-up-svg);
mask-image: var(--caret-up-svg);
}
%with-cast-16-icon {
@extend %with-icon, %cast-16-svg-prop;
background-image: var(--cast-16-svg);
}
%with-cast-16-mask {
@extend %with-mask, %cast-16-svg-prop;
-webkit-mask-image: var(--cast-16-svg);
mask-image: var(--cast-16-svg);
}
%with-cast-24-icon {
@extend %with-icon, %cast-24-svg-prop;
background-image: var(--cast-24-svg);
}
%with-cast-24-mask {
@extend %with-mask, %cast-24-svg-prop;
-webkit-mask-image: var(--cast-24-svg);
mask-image: var(--cast-24-svg);
}
%with-certificate-16-icon {
@extend %with-icon, %certificate-16-svg-prop;
background-image: var(--certificate-16-svg);
}
%with-certificate-16-mask {
@extend %with-mask, %certificate-16-svg-prop;
-webkit-mask-image: var(--certificate-16-svg);
mask-image: var(--certificate-16-svg);
}
%with-certificate-24-icon {
@extend %with-icon, %certificate-24-svg-prop;
background-image: var(--certificate-24-svg);
}
%with-certificate-24-mask {
@extend %with-mask, %certificate-24-svg-prop;
-webkit-mask-image: var(--certificate-24-svg);
mask-image: var(--certificate-24-svg);
}
%with-change-16-icon {
@extend %with-icon, %change-16-svg-prop;
background-image: var(--change-16-svg);
}
%with-change-16-mask {
@extend %with-mask, %change-16-svg-prop;
-webkit-mask-image: var(--change-16-svg);
mask-image: var(--change-16-svg);
}
%with-change-24-icon {
@extend %with-icon, %change-24-svg-prop;
background-image: var(--change-24-svg);
}
%with-change-24-mask {
@extend %with-mask, %change-24-svg-prop;
-webkit-mask-image: var(--change-24-svg);
mask-image: var(--change-24-svg);
}
%with-change-circle-16-icon {
@extend %with-icon, %change-circle-16-svg-prop;
background-image: var(--change-circle-16-svg);
}
%with-change-circle-16-mask {
@extend %with-mask, %change-circle-16-svg-prop;
-webkit-mask-image: var(--change-circle-16-svg);
mask-image: var(--change-circle-16-svg);
}
%with-change-circle-24-icon {
@extend %with-icon, %change-circle-24-svg-prop;
background-image: var(--change-circle-24-svg);
}
%with-change-circle-24-mask {
@extend %with-mask, %change-circle-24-svg-prop;
-webkit-mask-image: var(--change-circle-24-svg);
mask-image: var(--change-circle-24-svg);
}
%with-change-square-16-icon {
@extend %with-icon, %change-square-16-svg-prop;
background-image: var(--change-square-16-svg);
}
%with-change-square-16-mask {
@extend %with-mask, %change-square-16-svg-prop;
-webkit-mask-image: var(--change-square-16-svg);
mask-image: var(--change-square-16-svg);
}
%with-change-square-24-icon {
@extend %with-icon, %change-square-24-svg-prop;
background-image: var(--change-square-24-svg);
}
%with-change-square-24-mask {
@extend %with-mask, %change-square-24-svg-prop;
-webkit-mask-image: var(--change-square-24-svg);
mask-image: var(--change-square-24-svg);
}
%with-check-16-icon {
@extend %with-icon, %check-16-svg-prop;
background-image: var(--check-16-svg);
}
%with-check-16-mask {
@extend %with-mask, %check-16-svg-prop;
-webkit-mask-image: var(--check-16-svg);
mask-image: var(--check-16-svg);
}
%with-check-24-icon {
@extend %with-icon, %check-24-svg-prop;
background-image: var(--check-24-svg);
}
%with-check-24-mask {
@extend %with-mask, %check-24-svg-prop;
-webkit-mask-image: var(--check-24-svg);
mask-image: var(--check-24-svg);
}
%with-check-circle-16-icon {
@extend %with-icon, %check-circle-16-svg-prop;
background-image: var(--check-circle-16-svg);
}
%with-check-circle-16-mask {
@extend %with-mask, %check-circle-16-svg-prop;
-webkit-mask-image: var(--check-circle-16-svg);
mask-image: var(--check-circle-16-svg);
}
%with-check-circle-24-icon {
@extend %with-icon, %check-circle-24-svg-prop;
background-image: var(--check-circle-24-svg);
}
%with-check-circle-24-mask {
@extend %with-mask, %check-circle-24-svg-prop;
-webkit-mask-image: var(--check-circle-24-svg);
mask-image: var(--check-circle-24-svg);
}
%with-check-circle-fill-16-icon {
@extend %with-icon, %check-circle-fill-16-svg-prop;
background-image: var(--check-circle-fill-16-svg);
}
%with-check-circle-fill-16-mask {
@extend %with-mask, %check-circle-fill-16-svg-prop;
-webkit-mask-image: var(--check-circle-fill-16-svg);
mask-image: var(--check-circle-fill-16-svg);
}
%with-check-circle-fill-24-icon {
@extend %with-icon, %check-circle-fill-24-svg-prop;
background-image: var(--check-circle-fill-24-svg);
}
%with-check-circle-fill-24-mask {
@extend %with-mask, %check-circle-fill-24-svg-prop;
-webkit-mask-image: var(--check-circle-fill-24-svg);
mask-image: var(--check-circle-fill-24-svg);
}
%with-check-circle-fill-icon {
@extend %with-icon, %check-circle-fill-svg-prop;
background-image: var(--check-circle-fill-svg);
}
%with-check-circle-fill-mask {
@extend %with-mask, %check-circle-fill-svg-prop;
-webkit-mask-image: var(--check-circle-fill-svg);
mask-image: var(--check-circle-fill-svg);
}
%with-check-circle-outline-icon {
@extend %with-icon, %check-circle-outline-svg-prop;
background-image: var(--check-circle-outline-svg);
}
%with-check-circle-outline-mask {
@extend %with-mask, %check-circle-outline-svg-prop;
-webkit-mask-image: var(--check-circle-outline-svg);
mask-image: var(--check-circle-outline-svg);
}
%with-check-diamond-16-icon {
@extend %with-icon, %check-diamond-16-svg-prop;
background-image: var(--check-diamond-16-svg);
}
%with-check-diamond-16-mask {
@extend %with-mask, %check-diamond-16-svg-prop;
-webkit-mask-image: var(--check-diamond-16-svg);
mask-image: var(--check-diamond-16-svg);
}
%with-check-diamond-24-icon {
@extend %with-icon, %check-diamond-24-svg-prop;
background-image: var(--check-diamond-24-svg);
}
%with-check-diamond-24-mask {
@extend %with-mask, %check-diamond-24-svg-prop;
-webkit-mask-image: var(--check-diamond-24-svg);
mask-image: var(--check-diamond-24-svg);
}
%with-check-diamond-fill-16-icon {
@extend %with-icon, %check-diamond-fill-16-svg-prop;
background-image: var(--check-diamond-fill-16-svg);
}
%with-check-diamond-fill-16-mask {
@extend %with-mask, %check-diamond-fill-16-svg-prop;
-webkit-mask-image: var(--check-diamond-fill-16-svg);
mask-image: var(--check-diamond-fill-16-svg);
}
%with-check-diamond-fill-24-icon {
@extend %with-icon, %check-diamond-fill-24-svg-prop;
background-image: var(--check-diamond-fill-24-svg);
}
%with-check-diamond-fill-24-mask {
@extend %with-mask, %check-diamond-fill-24-svg-prop;
-webkit-mask-image: var(--check-diamond-fill-24-svg);
mask-image: var(--check-diamond-fill-24-svg);
}
%with-check-hexagon-16-icon {
@extend %with-icon, %check-hexagon-16-svg-prop;
background-image: var(--check-hexagon-16-svg);
}
%with-check-hexagon-16-mask {
@extend %with-mask, %check-hexagon-16-svg-prop;
-webkit-mask-image: var(--check-hexagon-16-svg);
mask-image: var(--check-hexagon-16-svg);
}
%with-check-hexagon-24-icon {
@extend %with-icon, %check-hexagon-24-svg-prop;
background-image: var(--check-hexagon-24-svg);
}
%with-check-hexagon-24-mask {
@extend %with-mask, %check-hexagon-24-svg-prop;
-webkit-mask-image: var(--check-hexagon-24-svg);
mask-image: var(--check-hexagon-24-svg);
}
%with-check-hexagon-fill-16-icon {
@extend %with-icon, %check-hexagon-fill-16-svg-prop;
background-image: var(--check-hexagon-fill-16-svg);
}
%with-check-hexagon-fill-16-mask {
@extend %with-mask, %check-hexagon-fill-16-svg-prop;
-webkit-mask-image: var(--check-hexagon-fill-16-svg);
mask-image: var(--check-hexagon-fill-16-svg);
}
%with-check-hexagon-fill-24-icon {
@extend %with-icon, %check-hexagon-fill-24-svg-prop;
background-image: var(--check-hexagon-fill-24-svg);
}
%with-check-hexagon-fill-24-mask {
@extend %with-mask, %check-hexagon-fill-24-svg-prop;
-webkit-mask-image: var(--check-hexagon-fill-24-svg);
mask-image: var(--check-hexagon-fill-24-svg);
}
%with-check-plain-icon {
@extend %with-icon, %check-plain-svg-prop;
background-image: var(--check-plain-svg);
}
%with-check-plain-mask {
@extend %with-mask, %check-plain-svg-prop;
-webkit-mask-image: var(--check-plain-svg);
mask-image: var(--check-plain-svg);
}
%with-check-square-16-icon {
@extend %with-icon, %check-square-16-svg-prop;
background-image: var(--check-square-16-svg);
}
%with-check-square-16-mask {
@extend %with-mask, %check-square-16-svg-prop;
-webkit-mask-image: var(--check-square-16-svg);
mask-image: var(--check-square-16-svg);
}
%with-check-square-24-icon {
@extend %with-icon, %check-square-24-svg-prop;
background-image: var(--check-square-24-svg);
}
%with-check-square-24-mask {
@extend %with-mask, %check-square-24-svg-prop;
-webkit-mask-image: var(--check-square-24-svg);
mask-image: var(--check-square-24-svg);
}
%with-check-square-fill-16-icon {
@extend %with-icon, %check-square-fill-16-svg-prop;
background-image: var(--check-square-fill-16-svg);
}
%with-check-square-fill-16-mask {
@extend %with-mask, %check-square-fill-16-svg-prop;
-webkit-mask-image: var(--check-square-fill-16-svg);
mask-image: var(--check-square-fill-16-svg);
}
%with-check-square-fill-24-icon {
@extend %with-icon, %check-square-fill-24-svg-prop;
background-image: var(--check-square-fill-24-svg);
}
%with-check-square-fill-24-mask {
@extend %with-mask, %check-square-fill-24-svg-prop;
-webkit-mask-image: var(--check-square-fill-24-svg);
mask-image: var(--check-square-fill-24-svg);
}
%with-chevron-down-16-icon {
@extend %with-icon, %chevron-down-16-svg-prop;
background-image: var(--chevron-down-16-svg);
}
%with-chevron-down-16-mask {
@extend %with-mask, %chevron-down-16-svg-prop;
-webkit-mask-image: var(--chevron-down-16-svg);
mask-image: var(--chevron-down-16-svg);
}
%with-chevron-down-24-icon {
@extend %with-icon, %chevron-down-24-svg-prop;
background-image: var(--chevron-down-24-svg);
}
%with-chevron-down-24-mask {
@extend %with-mask, %chevron-down-24-svg-prop;
-webkit-mask-image: var(--chevron-down-24-svg);
mask-image: var(--chevron-down-24-svg);
}
%with-chevron-down-icon {
@extend %with-icon, %chevron-down-svg-prop;
background-image: var(--chevron-down-svg);
}
%with-chevron-down-mask {
@extend %with-mask, %chevron-down-svg-prop;
-webkit-mask-image: var(--chevron-down-svg);
mask-image: var(--chevron-down-svg);
}
%with-chevron-left-16-icon {
@extend %with-icon, %chevron-left-16-svg-prop;
background-image: var(--chevron-left-16-svg);
}
%with-chevron-left-16-mask {
@extend %with-mask, %chevron-left-16-svg-prop;
-webkit-mask-image: var(--chevron-left-16-svg);
mask-image: var(--chevron-left-16-svg);
}
%with-chevron-left-24-icon {
@extend %with-icon, %chevron-left-24-svg-prop;
background-image: var(--chevron-left-24-svg);
}
%with-chevron-left-24-mask {
@extend %with-mask, %chevron-left-24-svg-prop;
-webkit-mask-image: var(--chevron-left-24-svg);
mask-image: var(--chevron-left-24-svg);
}
%with-chevron-left-icon {
@extend %with-icon, %chevron-left-svg-prop;
background-image: var(--chevron-left-svg);
}
%with-chevron-left-mask {
@extend %with-mask, %chevron-left-svg-prop;
-webkit-mask-image: var(--chevron-left-svg);
mask-image: var(--chevron-left-svg);
}
%with-chevron-right-16-icon {
@extend %with-icon, %chevron-right-16-svg-prop;
background-image: var(--chevron-right-16-svg);
}
%with-chevron-right-16-mask {
@extend %with-mask, %chevron-right-16-svg-prop;
-webkit-mask-image: var(--chevron-right-16-svg);
mask-image: var(--chevron-right-16-svg);
}
%with-chevron-right-24-icon {
@extend %with-icon, %chevron-right-24-svg-prop;
background-image: var(--chevron-right-24-svg);
}
%with-chevron-right-24-mask {
@extend %with-mask, %chevron-right-24-svg-prop;
-webkit-mask-image: var(--chevron-right-24-svg);
mask-image: var(--chevron-right-24-svg);
}
%with-chevron-right-icon {
@extend %with-icon, %chevron-right-svg-prop;
background-image: var(--chevron-right-svg);
}
%with-chevron-right-mask {
@extend %with-mask, %chevron-right-svg-prop;
-webkit-mask-image: var(--chevron-right-svg);
mask-image: var(--chevron-right-svg);
}
%with-chevron-up-16-icon {
@extend %with-icon, %chevron-up-16-svg-prop;
background-image: var(--chevron-up-16-svg);
}
%with-chevron-up-16-mask {
@extend %with-mask, %chevron-up-16-svg-prop;
-webkit-mask-image: var(--chevron-up-16-svg);
mask-image: var(--chevron-up-16-svg);
}
%with-chevron-up-24-icon {
@extend %with-icon, %chevron-up-24-svg-prop;
background-image: var(--chevron-up-24-svg);
}
%with-chevron-up-24-mask {
@extend %with-mask, %chevron-up-24-svg-prop;
-webkit-mask-image: var(--chevron-up-24-svg);
mask-image: var(--chevron-up-24-svg);
}
%with-chevron-up-icon {
@extend %with-icon, %chevron-up-svg-prop;
background-image: var(--chevron-up-svg);
}
%with-chevron-up-mask {
@extend %with-mask, %chevron-up-svg-prop;
-webkit-mask-image: var(--chevron-up-svg);
mask-image: var(--chevron-up-svg);
}
%with-chevrons-down-16-icon {
@extend %with-icon, %chevrons-down-16-svg-prop;
background-image: var(--chevrons-down-16-svg);
}
%with-chevrons-down-16-mask {
@extend %with-mask, %chevrons-down-16-svg-prop;
-webkit-mask-image: var(--chevrons-down-16-svg);
mask-image: var(--chevrons-down-16-svg);
}
%with-chevrons-down-24-icon {
@extend %with-icon, %chevrons-down-24-svg-prop;
background-image: var(--chevrons-down-24-svg);
}
%with-chevrons-down-24-mask {
@extend %with-mask, %chevrons-down-24-svg-prop;
-webkit-mask-image: var(--chevrons-down-24-svg);
mask-image: var(--chevrons-down-24-svg);
}
%with-chevrons-left-16-icon {
@extend %with-icon, %chevrons-left-16-svg-prop;
background-image: var(--chevrons-left-16-svg);
}
%with-chevrons-left-16-mask {
@extend %with-mask, %chevrons-left-16-svg-prop;
-webkit-mask-image: var(--chevrons-left-16-svg);
mask-image: var(--chevrons-left-16-svg);
}
%with-chevrons-left-24-icon {
@extend %with-icon, %chevrons-left-24-svg-prop;
background-image: var(--chevrons-left-24-svg);
}
%with-chevrons-left-24-mask {
@extend %with-mask, %chevrons-left-24-svg-prop;
-webkit-mask-image: var(--chevrons-left-24-svg);
mask-image: var(--chevrons-left-24-svg);
}
%with-chevrons-right-16-icon {
@extend %with-icon, %chevrons-right-16-svg-prop;
background-image: var(--chevrons-right-16-svg);
}
%with-chevrons-right-16-mask {
@extend %with-mask, %chevrons-right-16-svg-prop;
-webkit-mask-image: var(--chevrons-right-16-svg);
mask-image: var(--chevrons-right-16-svg);
}
%with-chevrons-right-24-icon {
@extend %with-icon, %chevrons-right-24-svg-prop;
background-image: var(--chevrons-right-24-svg);
}
%with-chevrons-right-24-mask {
@extend %with-mask, %chevrons-right-24-svg-prop;
-webkit-mask-image: var(--chevrons-right-24-svg);
mask-image: var(--chevrons-right-24-svg);
}
%with-chevrons-up-16-icon {
@extend %with-icon, %chevrons-up-16-svg-prop;
background-image: var(--chevrons-up-16-svg);
}
%with-chevrons-up-16-mask {
@extend %with-mask, %chevrons-up-16-svg-prop;
-webkit-mask-image: var(--chevrons-up-16-svg);
mask-image: var(--chevrons-up-16-svg);
}
%with-chevrons-up-24-icon {
@extend %with-icon, %chevrons-up-24-svg-prop;
background-image: var(--chevrons-up-24-svg);
}
%with-chevrons-up-24-mask {
@extend %with-mask, %chevrons-up-24-svg-prop;
-webkit-mask-image: var(--chevrons-up-24-svg);
mask-image: var(--chevrons-up-24-svg);
}
%with-circle-16-icon {
@extend %with-icon, %circle-16-svg-prop;
background-image: var(--circle-16-svg);
}
%with-circle-16-mask {
@extend %with-mask, %circle-16-svg-prop;
-webkit-mask-image: var(--circle-16-svg);
mask-image: var(--circle-16-svg);
}
%with-circle-24-icon {
@extend %with-icon, %circle-24-svg-prop;
background-image: var(--circle-24-svg);
}
%with-circle-24-mask {
@extend %with-mask, %circle-24-svg-prop;
-webkit-mask-image: var(--circle-24-svg);
mask-image: var(--circle-24-svg);
}
%with-circle-dot-16-icon {
@extend %with-icon, %circle-dot-16-svg-prop;
background-image: var(--circle-dot-16-svg);
}
%with-circle-dot-16-mask {
@extend %with-mask, %circle-dot-16-svg-prop;
-webkit-mask-image: var(--circle-dot-16-svg);
mask-image: var(--circle-dot-16-svg);
}
%with-circle-dot-24-icon {
@extend %with-icon, %circle-dot-24-svg-prop;
background-image: var(--circle-dot-24-svg);
}
%with-circle-dot-24-mask {
@extend %with-mask, %circle-dot-24-svg-prop;
-webkit-mask-image: var(--circle-dot-24-svg);
mask-image: var(--circle-dot-24-svg);
}
%with-circle-fill-16-icon {
@extend %with-icon, %circle-fill-16-svg-prop;
background-image: var(--circle-fill-16-svg);
}
%with-circle-fill-16-mask {
@extend %with-mask, %circle-fill-16-svg-prop;
-webkit-mask-image: var(--circle-fill-16-svg);
mask-image: var(--circle-fill-16-svg);
}
%with-circle-fill-24-icon {
@extend %with-icon, %circle-fill-24-svg-prop;
background-image: var(--circle-fill-24-svg);
}
%with-circle-fill-24-mask {
@extend %with-mask, %circle-fill-24-svg-prop;
-webkit-mask-image: var(--circle-fill-24-svg);
mask-image: var(--circle-fill-24-svg);
}
%with-circle-half-16-icon {
@extend %with-icon, %circle-half-16-svg-prop;
background-image: var(--circle-half-16-svg);
}
%with-circle-half-16-mask {
@extend %with-mask, %circle-half-16-svg-prop;
-webkit-mask-image: var(--circle-half-16-svg);
mask-image: var(--circle-half-16-svg);
}
%with-circle-half-24-icon {
@extend %with-icon, %circle-half-24-svg-prop;
background-image: var(--circle-half-24-svg);
}
%with-circle-half-24-mask {
@extend %with-mask, %circle-half-24-svg-prop;
-webkit-mask-image: var(--circle-half-24-svg);
mask-image: var(--circle-half-24-svg);
}
%with-clipboard-16-icon {
@extend %with-icon, %clipboard-16-svg-prop;
background-image: var(--clipboard-16-svg);
}
%with-clipboard-16-mask {
@extend %with-mask, %clipboard-16-svg-prop;
-webkit-mask-image: var(--clipboard-16-svg);
mask-image: var(--clipboard-16-svg);
}
%with-clipboard-24-icon {
@extend %with-icon, %clipboard-24-svg-prop;
background-image: var(--clipboard-24-svg);
}
%with-clipboard-24-mask {
@extend %with-mask, %clipboard-24-svg-prop;
-webkit-mask-image: var(--clipboard-24-svg);
mask-image: var(--clipboard-24-svg);
}
%with-clipboard-checked-16-icon {
@extend %with-icon, %clipboard-checked-16-svg-prop;
background-image: var(--clipboard-checked-16-svg);
}
%with-clipboard-checked-16-mask {
@extend %with-mask, %clipboard-checked-16-svg-prop;
-webkit-mask-image: var(--clipboard-checked-16-svg);
mask-image: var(--clipboard-checked-16-svg);
}
%with-clipboard-checked-24-icon {
@extend %with-icon, %clipboard-checked-24-svg-prop;
background-image: var(--clipboard-checked-24-svg);
}
%with-clipboard-checked-24-mask {
@extend %with-mask, %clipboard-checked-24-svg-prop;
-webkit-mask-image: var(--clipboard-checked-24-svg);
mask-image: var(--clipboard-checked-24-svg);
}
%with-clipboard-copy-16-icon {
@extend %with-icon, %clipboard-copy-16-svg-prop;
background-image: var(--clipboard-copy-16-svg);
}
%with-clipboard-copy-16-mask {
@extend %with-mask, %clipboard-copy-16-svg-prop;
-webkit-mask-image: var(--clipboard-copy-16-svg);
mask-image: var(--clipboard-copy-16-svg);
}
%with-clipboard-copy-24-icon {
@extend %with-icon, %clipboard-copy-24-svg-prop;
background-image: var(--clipboard-copy-24-svg);
}
%with-clipboard-copy-24-mask {
@extend %with-mask, %clipboard-copy-24-svg-prop;
-webkit-mask-image: var(--clipboard-copy-24-svg);
mask-image: var(--clipboard-copy-24-svg);
}
%with-clock-16-icon {
@extend %with-icon, %clock-16-svg-prop;
background-image: var(--clock-16-svg);
}
%with-clock-16-mask {
@extend %with-mask, %clock-16-svg-prop;
-webkit-mask-image: var(--clock-16-svg);
mask-image: var(--clock-16-svg);
}
%with-clock-24-icon {
@extend %with-icon, %clock-24-svg-prop;
background-image: var(--clock-24-svg);
}
%with-clock-24-mask {
@extend %with-mask, %clock-24-svg-prop;
-webkit-mask-image: var(--clock-24-svg);
mask-image: var(--clock-24-svg);
}
%with-clock-fill-icon {
@extend %with-icon, %clock-fill-svg-prop;
background-image: var(--clock-fill-svg);
}
%with-clock-fill-mask {
@extend %with-mask, %clock-fill-svg-prop;
-webkit-mask-image: var(--clock-fill-svg);
mask-image: var(--clock-fill-svg);
}
%with-clock-outline-icon {
@extend %with-icon, %clock-outline-svg-prop;
background-image: var(--clock-outline-svg);
}
%with-clock-outline-mask {
@extend %with-mask, %clock-outline-svg-prop;
-webkit-mask-image: var(--clock-outline-svg);
mask-image: var(--clock-outline-svg);
}
%with-cloud-16-icon {
@extend %with-icon, %cloud-16-svg-prop;
background-image: var(--cloud-16-svg);
}
%with-cloud-16-mask {
@extend %with-mask, %cloud-16-svg-prop;
-webkit-mask-image: var(--cloud-16-svg);
mask-image: var(--cloud-16-svg);
}
%with-cloud-24-icon {
@extend %with-icon, %cloud-24-svg-prop;
background-image: var(--cloud-24-svg);
}
%with-cloud-24-mask {
@extend %with-mask, %cloud-24-svg-prop;
-webkit-mask-image: var(--cloud-24-svg);
mask-image: var(--cloud-24-svg);
}
%with-cloud-check-16-icon {
@extend %with-icon, %cloud-check-16-svg-prop;
background-image: var(--cloud-check-16-svg);
}
%with-cloud-check-16-mask {
@extend %with-mask, %cloud-check-16-svg-prop;
-webkit-mask-image: var(--cloud-check-16-svg);
mask-image: var(--cloud-check-16-svg);
}
%with-cloud-check-24-icon {
@extend %with-icon, %cloud-check-24-svg-prop;
background-image: var(--cloud-check-24-svg);
}
%with-cloud-check-24-mask {
@extend %with-mask, %cloud-check-24-svg-prop;
-webkit-mask-image: var(--cloud-check-24-svg);
mask-image: var(--cloud-check-24-svg);
}
%with-cloud-cross-icon {
@extend %with-icon, %cloud-cross-svg-prop;
background-image: var(--cloud-cross-svg);
}
%with-cloud-cross-mask {
@extend %with-mask, %cloud-cross-svg-prop;
-webkit-mask-image: var(--cloud-cross-svg);
mask-image: var(--cloud-cross-svg);
}
%with-cloud-download-16-icon {
@extend %with-icon, %cloud-download-16-svg-prop;
background-image: var(--cloud-download-16-svg);
}
%with-cloud-download-16-mask {
@extend %with-mask, %cloud-download-16-svg-prop;
-webkit-mask-image: var(--cloud-download-16-svg);
mask-image: var(--cloud-download-16-svg);
}
%with-cloud-download-24-icon {
@extend %with-icon, %cloud-download-24-svg-prop;
background-image: var(--cloud-download-24-svg);
}
%with-cloud-download-24-mask {
@extend %with-mask, %cloud-download-24-svg-prop;
-webkit-mask-image: var(--cloud-download-24-svg);
mask-image: var(--cloud-download-24-svg);
}
%with-cloud-lightning-16-icon {
@extend %with-icon, %cloud-lightning-16-svg-prop;
background-image: var(--cloud-lightning-16-svg);
}
%with-cloud-lightning-16-mask {
@extend %with-mask, %cloud-lightning-16-svg-prop;
-webkit-mask-image: var(--cloud-lightning-16-svg);
mask-image: var(--cloud-lightning-16-svg);
}
%with-cloud-lightning-24-icon {
@extend %with-icon, %cloud-lightning-24-svg-prop;
background-image: var(--cloud-lightning-24-svg);
}
%with-cloud-lightning-24-mask {
@extend %with-mask, %cloud-lightning-24-svg-prop;
-webkit-mask-image: var(--cloud-lightning-24-svg);
mask-image: var(--cloud-lightning-24-svg);
}
%with-cloud-lock-16-icon {
@extend %with-icon, %cloud-lock-16-svg-prop;
background-image: var(--cloud-lock-16-svg);
}
%with-cloud-lock-16-mask {
@extend %with-mask, %cloud-lock-16-svg-prop;
-webkit-mask-image: var(--cloud-lock-16-svg);
mask-image: var(--cloud-lock-16-svg);
}
%with-cloud-lock-24-icon {
@extend %with-icon, %cloud-lock-24-svg-prop;
background-image: var(--cloud-lock-24-svg);
}
%with-cloud-lock-24-mask {
@extend %with-mask, %cloud-lock-24-svg-prop;
-webkit-mask-image: var(--cloud-lock-24-svg);
mask-image: var(--cloud-lock-24-svg);
}
%with-cloud-off-16-icon {
@extend %with-icon, %cloud-off-16-svg-prop;
background-image: var(--cloud-off-16-svg);
}
%with-cloud-off-16-mask {
@extend %with-mask, %cloud-off-16-svg-prop;
-webkit-mask-image: var(--cloud-off-16-svg);
mask-image: var(--cloud-off-16-svg);
}
%with-cloud-off-24-icon {
@extend %with-icon, %cloud-off-24-svg-prop;
background-image: var(--cloud-off-24-svg);
}
%with-cloud-off-24-mask {
@extend %with-mask, %cloud-off-24-svg-prop;
-webkit-mask-image: var(--cloud-off-24-svg);
mask-image: var(--cloud-off-24-svg);
}
%with-cloud-upload-16-icon {
@extend %with-icon, %cloud-upload-16-svg-prop;
background-image: var(--cloud-upload-16-svg);
}
%with-cloud-upload-16-mask {
@extend %with-mask, %cloud-upload-16-svg-prop;
-webkit-mask-image: var(--cloud-upload-16-svg);
mask-image: var(--cloud-upload-16-svg);
}
%with-cloud-upload-24-icon {
@extend %with-icon, %cloud-upload-24-svg-prop;
background-image: var(--cloud-upload-24-svg);
}
%with-cloud-upload-24-mask {
@extend %with-mask, %cloud-upload-24-svg-prop;
-webkit-mask-image: var(--cloud-upload-24-svg);
mask-image: var(--cloud-upload-24-svg);
}
%with-cloud-x-16-icon {
@extend %with-icon, %cloud-x-16-svg-prop;
background-image: var(--cloud-x-16-svg);
}
%with-cloud-x-16-mask {
@extend %with-mask, %cloud-x-16-svg-prop;
-webkit-mask-image: var(--cloud-x-16-svg);
mask-image: var(--cloud-x-16-svg);
}
%with-cloud-x-24-icon {
@extend %with-icon, %cloud-x-24-svg-prop;
background-image: var(--cloud-x-24-svg);
}
%with-cloud-x-24-mask {
@extend %with-mask, %cloud-x-24-svg-prop;
-webkit-mask-image: var(--cloud-x-24-svg);
mask-image: var(--cloud-x-24-svg);
}
%with-code-16-icon {
@extend %with-icon, %code-16-svg-prop;
background-image: var(--code-16-svg);
}
%with-code-16-mask {
@extend %with-mask, %code-16-svg-prop;
-webkit-mask-image: var(--code-16-svg);
mask-image: var(--code-16-svg);
}
%with-code-24-icon {
@extend %with-icon, %code-24-svg-prop;
background-image: var(--code-24-svg);
}
%with-code-24-mask {
@extend %with-mask, %code-24-svg-prop;
-webkit-mask-image: var(--code-24-svg);
mask-image: var(--code-24-svg);
}
%with-code-icon {
@extend %with-icon, %code-svg-prop;
background-image: var(--code-svg);
}
%with-code-mask {
@extend %with-mask, %code-svg-prop;
-webkit-mask-image: var(--code-svg);
mask-image: var(--code-svg);
}
%with-collections-16-icon {
@extend %with-icon, %collections-16-svg-prop;
background-image: var(--collections-16-svg);
}
%with-collections-16-mask {
@extend %with-mask, %collections-16-svg-prop;
-webkit-mask-image: var(--collections-16-svg);
mask-image: var(--collections-16-svg);
}
%with-collections-24-icon {
@extend %with-icon, %collections-24-svg-prop;
background-image: var(--collections-24-svg);
}
%with-collections-24-mask {
@extend %with-mask, %collections-24-svg-prop;
-webkit-mask-image: var(--collections-24-svg);
mask-image: var(--collections-24-svg);
}
%with-command-16-icon {
@extend %with-icon, %command-16-svg-prop;
background-image: var(--command-16-svg);
}
%with-command-16-mask {
@extend %with-mask, %command-16-svg-prop;
-webkit-mask-image: var(--command-16-svg);
mask-image: var(--command-16-svg);
}
%with-command-24-icon {
@extend %with-icon, %command-24-svg-prop;
background-image: var(--command-24-svg);
}
%with-command-24-mask {
@extend %with-mask, %command-24-svg-prop;
-webkit-mask-image: var(--command-24-svg);
mask-image: var(--command-24-svg);
}
%with-compass-16-icon {
@extend %with-icon, %compass-16-svg-prop;
background-image: var(--compass-16-svg);
}
%with-compass-16-mask {
@extend %with-mask, %compass-16-svg-prop;
-webkit-mask-image: var(--compass-16-svg);
mask-image: var(--compass-16-svg);
}
%with-compass-24-icon {
@extend %with-icon, %compass-24-svg-prop;
background-image: var(--compass-24-svg);
}
%with-compass-24-mask {
@extend %with-mask, %compass-24-svg-prop;
-webkit-mask-image: var(--compass-24-svg);
mask-image: var(--compass-24-svg);
}
%with-connection-16-icon {
@extend %with-icon, %connection-16-svg-prop;
background-image: var(--connection-16-svg);
}
%with-connection-16-mask {
@extend %with-mask, %connection-16-svg-prop;
-webkit-mask-image: var(--connection-16-svg);
mask-image: var(--connection-16-svg);
}
%with-connection-24-icon {
@extend %with-icon, %connection-24-svg-prop;
background-image: var(--connection-24-svg);
}
%with-connection-24-mask {
@extend %with-mask, %connection-24-svg-prop;
-webkit-mask-image: var(--connection-24-svg);
mask-image: var(--connection-24-svg);
}
%with-connection-gateway-16-icon {
@extend %with-icon, %connection-gateway-16-svg-prop;
background-image: var(--connection-gateway-16-svg);
}
%with-connection-gateway-16-mask {
@extend %with-mask, %connection-gateway-16-svg-prop;
-webkit-mask-image: var(--connection-gateway-16-svg);
mask-image: var(--connection-gateway-16-svg);
}
%with-connection-gateway-24-icon {
@extend %with-icon, %connection-gateway-24-svg-prop;
background-image: var(--connection-gateway-24-svg);
}
%with-connection-gateway-24-mask {
@extend %with-mask, %connection-gateway-24-svg-prop;
-webkit-mask-image: var(--connection-gateway-24-svg);
mask-image: var(--connection-gateway-24-svg);
}
%with-console-icon {
@extend %with-icon, %console-svg-prop;
background-image: var(--console-svg);
}
%with-console-mask {
@extend %with-mask, %console-svg-prop;
-webkit-mask-image: var(--console-svg);
mask-image: var(--console-svg);
}
%with-copy-action-icon {
@extend %with-icon, %copy-action-svg-prop;
background-image: var(--copy-action-svg);
}
%with-copy-action-mask {
@extend %with-mask, %copy-action-svg-prop;
-webkit-mask-image: var(--copy-action-svg);
mask-image: var(--copy-action-svg);
}
%with-copy-success-icon {
@extend %with-icon, %copy-success-svg-prop;
background-image: var(--copy-success-svg);
}
%with-copy-success-mask {
@extend %with-mask, %copy-success-svg-prop;
-webkit-mask-image: var(--copy-success-svg);
mask-image: var(--copy-success-svg);
}
%with-corner-down-left-16-icon {
@extend %with-icon, %corner-down-left-16-svg-prop;
background-image: var(--corner-down-left-16-svg);
}
%with-corner-down-left-16-mask {
@extend %with-mask, %corner-down-left-16-svg-prop;
-webkit-mask-image: var(--corner-down-left-16-svg);
mask-image: var(--corner-down-left-16-svg);
}
%with-corner-down-left-24-icon {
@extend %with-icon, %corner-down-left-24-svg-prop;
background-image: var(--corner-down-left-24-svg);
}
%with-corner-down-left-24-mask {
@extend %with-mask, %corner-down-left-24-svg-prop;
-webkit-mask-image: var(--corner-down-left-24-svg);
mask-image: var(--corner-down-left-24-svg);
}
%with-corner-down-right-16-icon {
@extend %with-icon, %corner-down-right-16-svg-prop;
background-image: var(--corner-down-right-16-svg);
}
%with-corner-down-right-16-mask {
@extend %with-mask, %corner-down-right-16-svg-prop;
-webkit-mask-image: var(--corner-down-right-16-svg);
mask-image: var(--corner-down-right-16-svg);
}
%with-corner-down-right-24-icon {
@extend %with-icon, %corner-down-right-24-svg-prop;
background-image: var(--corner-down-right-24-svg);
}
%with-corner-down-right-24-mask {
@extend %with-mask, %corner-down-right-24-svg-prop;
-webkit-mask-image: var(--corner-down-right-24-svg);
mask-image: var(--corner-down-right-24-svg);
}
%with-corner-left-down-16-icon {
@extend %with-icon, %corner-left-down-16-svg-prop;
background-image: var(--corner-left-down-16-svg);
}
%with-corner-left-down-16-mask {
@extend %with-mask, %corner-left-down-16-svg-prop;
-webkit-mask-image: var(--corner-left-down-16-svg);
mask-image: var(--corner-left-down-16-svg);
}
%with-corner-left-down-24-icon {
@extend %with-icon, %corner-left-down-24-svg-prop;
background-image: var(--corner-left-down-24-svg);
}
%with-corner-left-down-24-mask {
@extend %with-mask, %corner-left-down-24-svg-prop;
-webkit-mask-image: var(--corner-left-down-24-svg);
mask-image: var(--corner-left-down-24-svg);
}
%with-corner-left-up-16-icon {
@extend %with-icon, %corner-left-up-16-svg-prop;
background-image: var(--corner-left-up-16-svg);
}
%with-corner-left-up-16-mask {
@extend %with-mask, %corner-left-up-16-svg-prop;
-webkit-mask-image: var(--corner-left-up-16-svg);
mask-image: var(--corner-left-up-16-svg);
}
%with-corner-left-up-24-icon {
@extend %with-icon, %corner-left-up-24-svg-prop;
background-image: var(--corner-left-up-24-svg);
}
%with-corner-left-up-24-mask {
@extend %with-mask, %corner-left-up-24-svg-prop;
-webkit-mask-image: var(--corner-left-up-24-svg);
mask-image: var(--corner-left-up-24-svg);
}
%with-corner-right-down-16-icon {
@extend %with-icon, %corner-right-down-16-svg-prop;
background-image: var(--corner-right-down-16-svg);
}
%with-corner-right-down-16-mask {
@extend %with-mask, %corner-right-down-16-svg-prop;
-webkit-mask-image: var(--corner-right-down-16-svg);
mask-image: var(--corner-right-down-16-svg);
}
%with-corner-right-down-24-icon {
@extend %with-icon, %corner-right-down-24-svg-prop;
background-image: var(--corner-right-down-24-svg);
}
%with-corner-right-down-24-mask {
@extend %with-mask, %corner-right-down-24-svg-prop;
-webkit-mask-image: var(--corner-right-down-24-svg);
mask-image: var(--corner-right-down-24-svg);
}
%with-corner-right-up-16-icon {
@extend %with-icon, %corner-right-up-16-svg-prop;
background-image: var(--corner-right-up-16-svg);
}
%with-corner-right-up-16-mask {
@extend %with-mask, %corner-right-up-16-svg-prop;
-webkit-mask-image: var(--corner-right-up-16-svg);
mask-image: var(--corner-right-up-16-svg);
}
%with-corner-right-up-24-icon {
@extend %with-icon, %corner-right-up-24-svg-prop;
background-image: var(--corner-right-up-24-svg);
}
%with-corner-right-up-24-mask {
@extend %with-mask, %corner-right-up-24-svg-prop;
-webkit-mask-image: var(--corner-right-up-24-svg);
mask-image: var(--corner-right-up-24-svg);
}
%with-corner-up-left-16-icon {
@extend %with-icon, %corner-up-left-16-svg-prop;
background-image: var(--corner-up-left-16-svg);
}
%with-corner-up-left-16-mask {
@extend %with-mask, %corner-up-left-16-svg-prop;
-webkit-mask-image: var(--corner-up-left-16-svg);
mask-image: var(--corner-up-left-16-svg);
}
%with-corner-up-left-24-icon {
@extend %with-icon, %corner-up-left-24-svg-prop;
background-image: var(--corner-up-left-24-svg);
}
%with-corner-up-left-24-mask {
@extend %with-mask, %corner-up-left-24-svg-prop;
-webkit-mask-image: var(--corner-up-left-24-svg);
mask-image: var(--corner-up-left-24-svg);
}
%with-corner-up-right-16-icon {
@extend %with-icon, %corner-up-right-16-svg-prop;
background-image: var(--corner-up-right-16-svg);
}
%with-corner-up-right-16-mask {
@extend %with-mask, %corner-up-right-16-svg-prop;
-webkit-mask-image: var(--corner-up-right-16-svg);
mask-image: var(--corner-up-right-16-svg);
}
%with-corner-up-right-24-icon {
@extend %with-icon, %corner-up-right-24-svg-prop;
background-image: var(--corner-up-right-24-svg);
}
%with-corner-up-right-24-mask {
@extend %with-mask, %corner-up-right-24-svg-prop;
-webkit-mask-image: var(--corner-up-right-24-svg);
mask-image: var(--corner-up-right-24-svg);
}
%with-cpu-16-icon {
@extend %with-icon, %cpu-16-svg-prop;
background-image: var(--cpu-16-svg);
}
%with-cpu-16-mask {
@extend %with-mask, %cpu-16-svg-prop;
-webkit-mask-image: var(--cpu-16-svg);
mask-image: var(--cpu-16-svg);
}
%with-cpu-24-icon {
@extend %with-icon, %cpu-24-svg-prop;
background-image: var(--cpu-24-svg);
}
%with-cpu-24-mask {
@extend %with-mask, %cpu-24-svg-prop;
-webkit-mask-image: var(--cpu-24-svg);
mask-image: var(--cpu-24-svg);
}
%with-credit-card-16-icon {
@extend %with-icon, %credit-card-16-svg-prop;
background-image: var(--credit-card-16-svg);
}
%with-credit-card-16-mask {
@extend %with-mask, %credit-card-16-svg-prop;
-webkit-mask-image: var(--credit-card-16-svg);
mask-image: var(--credit-card-16-svg);
}
%with-credit-card-24-icon {
@extend %with-icon, %credit-card-24-svg-prop;
background-image: var(--credit-card-24-svg);
}
%with-credit-card-24-mask {
@extend %with-mask, %credit-card-24-svg-prop;
-webkit-mask-image: var(--credit-card-24-svg);
mask-image: var(--credit-card-24-svg);
}
%with-crop-16-icon {
@extend %with-icon, %crop-16-svg-prop;
background-image: var(--crop-16-svg);
}
%with-crop-16-mask {
@extend %with-mask, %crop-16-svg-prop;
-webkit-mask-image: var(--crop-16-svg);
mask-image: var(--crop-16-svg);
}
%with-crop-24-icon {
@extend %with-icon, %crop-24-svg-prop;
background-image: var(--crop-24-svg);
}
%with-crop-24-mask {
@extend %with-mask, %crop-24-svg-prop;
-webkit-mask-image: var(--crop-24-svg);
mask-image: var(--crop-24-svg);
}
%with-crosshair-16-icon {
@extend %with-icon, %crosshair-16-svg-prop;
background-image: var(--crosshair-16-svg);
}
%with-crosshair-16-mask {
@extend %with-mask, %crosshair-16-svg-prop;
-webkit-mask-image: var(--crosshair-16-svg);
mask-image: var(--crosshair-16-svg);
}
%with-crosshair-24-icon {
@extend %with-icon, %crosshair-24-svg-prop;
background-image: var(--crosshair-24-svg);
}
%with-crosshair-24-mask {
@extend %with-mask, %crosshair-24-svg-prop;
-webkit-mask-image: var(--crosshair-24-svg);
mask-image: var(--crosshair-24-svg);
}
%with-dashboard-16-icon {
@extend %with-icon, %dashboard-16-svg-prop;
background-image: var(--dashboard-16-svg);
}
%with-dashboard-16-mask {
@extend %with-mask, %dashboard-16-svg-prop;
-webkit-mask-image: var(--dashboard-16-svg);
mask-image: var(--dashboard-16-svg);
}
%with-dashboard-24-icon {
@extend %with-icon, %dashboard-24-svg-prop;
background-image: var(--dashboard-24-svg);
}
%with-dashboard-24-mask {
@extend %with-mask, %dashboard-24-svg-prop;
-webkit-mask-image: var(--dashboard-24-svg);
mask-image: var(--dashboard-24-svg);
}
%with-database-16-icon {
@extend %with-icon, %database-16-svg-prop;
background-image: var(--database-16-svg);
}
%with-database-16-mask {
@extend %with-mask, %database-16-svg-prop;
-webkit-mask-image: var(--database-16-svg);
mask-image: var(--database-16-svg);
}
%with-database-24-icon {
@extend %with-icon, %database-24-svg-prop;
background-image: var(--database-24-svg);
}
%with-database-24-mask {
@extend %with-mask, %database-24-svg-prop;
-webkit-mask-image: var(--database-24-svg);
mask-image: var(--database-24-svg);
}
%with-database-icon {
@extend %with-icon, %database-svg-prop;
background-image: var(--database-svg);
}
%with-database-mask {
@extend %with-mask, %database-svg-prop;
-webkit-mask-image: var(--database-svg);
mask-image: var(--database-svg);
}
%with-delay-16-icon {
@extend %with-icon, %delay-16-svg-prop;
background-image: var(--delay-16-svg);
}
%with-delay-16-mask {
@extend %with-mask, %delay-16-svg-prop;
-webkit-mask-image: var(--delay-16-svg);
mask-image: var(--delay-16-svg);
}
%with-delay-24-icon {
@extend %with-icon, %delay-24-svg-prop;
background-image: var(--delay-24-svg);
}
%with-delay-24-mask {
@extend %with-mask, %delay-24-svg-prop;
-webkit-mask-image: var(--delay-24-svg);
mask-image: var(--delay-24-svg);
}
%with-delay-icon {
@extend %with-icon, %delay-svg-prop;
background-image: var(--delay-svg);
}
%with-delay-mask {
@extend %with-mask, %delay-svg-prop;
-webkit-mask-image: var(--delay-svg);
mask-image: var(--delay-svg);
}
%with-delete-16-icon {
@extend %with-icon, %delete-16-svg-prop;
background-image: var(--delete-16-svg);
}
%with-delete-16-mask {
@extend %with-mask, %delete-16-svg-prop;
-webkit-mask-image: var(--delete-16-svg);
mask-image: var(--delete-16-svg);
}
%with-delete-24-icon {
@extend %with-icon, %delete-24-svg-prop;
background-image: var(--delete-24-svg);
}
%with-delete-24-mask {
@extend %with-mask, %delete-24-svg-prop;
-webkit-mask-image: var(--delete-24-svg);
mask-image: var(--delete-24-svg);
}
%with-deny-alt-icon {
@extend %with-icon, %deny-alt-svg-prop;
background-image: var(--deny-alt-svg);
}
%with-deny-alt-mask {
@extend %with-mask, %deny-alt-svg-prop;
-webkit-mask-image: var(--deny-alt-svg);
mask-image: var(--deny-alt-svg);
}
%with-deny-color-icon {
@extend %with-icon, %deny-color-svg-prop;
background-image: var(--deny-color-svg);
}
%with-deny-color-mask {
@extend %with-mask, %deny-color-svg-prop;
-webkit-mask-image: var(--deny-color-svg);
mask-image: var(--deny-color-svg);
}
%with-deny-default-icon {
@extend %with-icon, %deny-default-svg-prop;
background-image: var(--deny-default-svg);
}
%with-deny-default-mask {
@extend %with-mask, %deny-default-svg-prop;
-webkit-mask-image: var(--deny-default-svg);
mask-image: var(--deny-default-svg);
}
%with-diamond-16-icon {
@extend %with-icon, %diamond-16-svg-prop;
background-image: var(--diamond-16-svg);
}
%with-diamond-16-mask {
@extend %with-mask, %diamond-16-svg-prop;
-webkit-mask-image: var(--diamond-16-svg);
mask-image: var(--diamond-16-svg);
}
%with-diamond-24-icon {
@extend %with-icon, %diamond-24-svg-prop;
background-image: var(--diamond-24-svg);
}
%with-diamond-24-mask {
@extend %with-mask, %diamond-24-svg-prop;
-webkit-mask-image: var(--diamond-24-svg);
mask-image: var(--diamond-24-svg);
}
%with-diamond-fill-16-icon {
@extend %with-icon, %diamond-fill-16-svg-prop;
background-image: var(--diamond-fill-16-svg);
}
%with-diamond-fill-16-mask {
@extend %with-mask, %diamond-fill-16-svg-prop;
-webkit-mask-image: var(--diamond-fill-16-svg);
mask-image: var(--diamond-fill-16-svg);
}
%with-diamond-fill-24-icon {
@extend %with-icon, %diamond-fill-24-svg-prop;
background-image: var(--diamond-fill-24-svg);
}
%with-diamond-fill-24-mask {
@extend %with-mask, %diamond-fill-24-svg-prop;
-webkit-mask-image: var(--diamond-fill-24-svg);
mask-image: var(--diamond-fill-24-svg);
}
%with-disabled-icon {
@extend %with-icon, %disabled-svg-prop;
background-image: var(--disabled-svg);
}
%with-disabled-mask {
@extend %with-mask, %disabled-svg-prop;
-webkit-mask-image: var(--disabled-svg);
mask-image: var(--disabled-svg);
}
%with-disc-16-icon {
@extend %with-icon, %disc-16-svg-prop;
background-image: var(--disc-16-svg);
}
%with-disc-16-mask {
@extend %with-mask, %disc-16-svg-prop;
-webkit-mask-image: var(--disc-16-svg);
mask-image: var(--disc-16-svg);
}
%with-disc-24-icon {
@extend %with-icon, %disc-24-svg-prop;
background-image: var(--disc-24-svg);
}
%with-disc-24-mask {
@extend %with-mask, %disc-24-svg-prop;
-webkit-mask-image: var(--disc-24-svg);
mask-image: var(--disc-24-svg);
}
%with-discussion-circle-16-icon {
@extend %with-icon, %discussion-circle-16-svg-prop;
background-image: var(--discussion-circle-16-svg);
}
%with-discussion-circle-16-mask {
@extend %with-mask, %discussion-circle-16-svg-prop;
-webkit-mask-image: var(--discussion-circle-16-svg);
mask-image: var(--discussion-circle-16-svg);
}
%with-discussion-circle-24-icon {
@extend %with-icon, %discussion-circle-24-svg-prop;
background-image: var(--discussion-circle-24-svg);
}
%with-discussion-circle-24-mask {
@extend %with-mask, %discussion-circle-24-svg-prop;
-webkit-mask-image: var(--discussion-circle-24-svg);
mask-image: var(--discussion-circle-24-svg);
}
%with-discussion-square-16-icon {
@extend %with-icon, %discussion-square-16-svg-prop;
background-image: var(--discussion-square-16-svg);
}
%with-discussion-square-16-mask {
@extend %with-mask, %discussion-square-16-svg-prop;
-webkit-mask-image: var(--discussion-square-16-svg);
mask-image: var(--discussion-square-16-svg);
}
%with-discussion-square-24-icon {
@extend %with-icon, %discussion-square-24-svg-prop;
background-image: var(--discussion-square-24-svg);
}
%with-discussion-square-24-mask {
@extend %with-mask, %discussion-square-24-svg-prop;
-webkit-mask-image: var(--discussion-square-24-svg);
mask-image: var(--discussion-square-24-svg);
}
%with-docker-16-icon {
@extend %with-icon, %docker-16-svg-prop;
background-image: var(--docker-16-svg);
}
%with-docker-16-mask {
@extend %with-mask, %docker-16-svg-prop;
-webkit-mask-image: var(--docker-16-svg);
mask-image: var(--docker-16-svg);
}
%with-docker-24-icon {
@extend %with-icon, %docker-24-svg-prop;
background-image: var(--docker-24-svg);
}
%with-docker-24-mask {
@extend %with-mask, %docker-24-svg-prop;
-webkit-mask-image: var(--docker-24-svg);
mask-image: var(--docker-24-svg);
}
%with-docker-color-16-icon {
@extend %with-icon, %docker-color-16-svg-prop;
background-image: var(--docker-color-16-svg);
}
%with-docker-color-16-mask {
@extend %with-mask, %docker-color-16-svg-prop;
-webkit-mask-image: var(--docker-color-16-svg);
mask-image: var(--docker-color-16-svg);
}
%with-docker-color-24-icon {
@extend %with-icon, %docker-color-24-svg-prop;
background-image: var(--docker-color-24-svg);
}
%with-docker-color-24-mask {
@extend %with-mask, %docker-color-24-svg-prop;
-webkit-mask-image: var(--docker-color-24-svg);
mask-image: var(--docker-color-24-svg);
}
%with-docs-16-icon {
@extend %with-icon, %docs-16-svg-prop;
background-image: var(--docs-16-svg);
}
%with-docs-16-mask {
@extend %with-mask, %docs-16-svg-prop;
-webkit-mask-image: var(--docs-16-svg);
mask-image: var(--docs-16-svg);
}
%with-docs-24-icon {
@extend %with-icon, %docs-24-svg-prop;
background-image: var(--docs-24-svg);
}
%with-docs-24-mask {
@extend %with-mask, %docs-24-svg-prop;
-webkit-mask-image: var(--docs-24-svg);
mask-image: var(--docs-24-svg);
}
%with-docs-download-16-icon {
@extend %with-icon, %docs-download-16-svg-prop;
background-image: var(--docs-download-16-svg);
}
%with-docs-download-16-mask {
@extend %with-mask, %docs-download-16-svg-prop;
-webkit-mask-image: var(--docs-download-16-svg);
mask-image: var(--docs-download-16-svg);
}
%with-docs-download-24-icon {
@extend %with-icon, %docs-download-24-svg-prop;
background-image: var(--docs-download-24-svg);
}
%with-docs-download-24-mask {
@extend %with-mask, %docs-download-24-svg-prop;
-webkit-mask-image: var(--docs-download-24-svg);
mask-image: var(--docs-download-24-svg);
}
%with-docs-link-16-icon {
@extend %with-icon, %docs-link-16-svg-prop;
background-image: var(--docs-link-16-svg);
}
%with-docs-link-16-mask {
@extend %with-mask, %docs-link-16-svg-prop;
-webkit-mask-image: var(--docs-link-16-svg);
mask-image: var(--docs-link-16-svg);
}
%with-docs-link-24-icon {
@extend %with-icon, %docs-link-24-svg-prop;
background-image: var(--docs-link-24-svg);
}
%with-docs-link-24-mask {
@extend %with-mask, %docs-link-24-svg-prop;
-webkit-mask-image: var(--docs-link-24-svg);
mask-image: var(--docs-link-24-svg);
}
%with-docs-icon {
@extend %with-icon, %docs-svg-prop;
background-image: var(--docs-svg);
}
%with-docs-mask {
@extend %with-mask, %docs-svg-prop;
-webkit-mask-image: var(--docs-svg);
mask-image: var(--docs-svg);
}
%with-dollar-sign-16-icon {
@extend %with-icon, %dollar-sign-16-svg-prop;
background-image: var(--dollar-sign-16-svg);
}
%with-dollar-sign-16-mask {
@extend %with-mask, %dollar-sign-16-svg-prop;
-webkit-mask-image: var(--dollar-sign-16-svg);
mask-image: var(--dollar-sign-16-svg);
}
%with-dollar-sign-24-icon {
@extend %with-icon, %dollar-sign-24-svg-prop;
background-image: var(--dollar-sign-24-svg);
}
%with-dollar-sign-24-mask {
@extend %with-mask, %dollar-sign-24-svg-prop;
-webkit-mask-image: var(--dollar-sign-24-svg);
mask-image: var(--dollar-sign-24-svg);
}
%with-dot-16-icon {
@extend %with-icon, %dot-16-svg-prop;
background-image: var(--dot-16-svg);
}
%with-dot-16-mask {
@extend %with-mask, %dot-16-svg-prop;
-webkit-mask-image: var(--dot-16-svg);
mask-image: var(--dot-16-svg);
}
%with-dot-24-icon {
@extend %with-icon, %dot-24-svg-prop;
background-image: var(--dot-24-svg);
}
%with-dot-24-mask {
@extend %with-mask, %dot-24-svg-prop;
-webkit-mask-image: var(--dot-24-svg);
mask-image: var(--dot-24-svg);
}
%with-dot-half-16-icon {
@extend %with-icon, %dot-half-16-svg-prop;
background-image: var(--dot-half-16-svg);
}
%with-dot-half-16-mask {
@extend %with-mask, %dot-half-16-svg-prop;
-webkit-mask-image: var(--dot-half-16-svg);
mask-image: var(--dot-half-16-svg);
}
%with-dot-half-24-icon {
@extend %with-icon, %dot-half-24-svg-prop;
background-image: var(--dot-half-24-svg);
}
%with-dot-half-24-mask {
@extend %with-mask, %dot-half-24-svg-prop;
-webkit-mask-image: var(--dot-half-24-svg);
mask-image: var(--dot-half-24-svg);
}
%with-download-16-icon {
@extend %with-icon, %download-16-svg-prop;
background-image: var(--download-16-svg);
}
%with-download-16-mask {
@extend %with-mask, %download-16-svg-prop;
-webkit-mask-image: var(--download-16-svg);
mask-image: var(--download-16-svg);
}
%with-download-24-icon {
@extend %with-icon, %download-24-svg-prop;
background-image: var(--download-24-svg);
}
%with-download-24-mask {
@extend %with-mask, %download-24-svg-prop;
-webkit-mask-image: var(--download-24-svg);
mask-image: var(--download-24-svg);
}
%with-download-icon {
@extend %with-icon, %download-svg-prop;
background-image: var(--download-svg);
}
%with-download-mask {
@extend %with-mask, %download-svg-prop;
-webkit-mask-image: var(--download-svg);
mask-image: var(--download-svg);
}
%with-droplet-16-icon {
@extend %with-icon, %droplet-16-svg-prop;
background-image: var(--droplet-16-svg);
}
%with-droplet-16-mask {
@extend %with-mask, %droplet-16-svg-prop;
-webkit-mask-image: var(--droplet-16-svg);
mask-image: var(--droplet-16-svg);
}
%with-droplet-24-icon {
@extend %with-icon, %droplet-24-svg-prop;
background-image: var(--droplet-24-svg);
}
%with-droplet-24-mask {
@extend %with-mask, %droplet-24-svg-prop;
-webkit-mask-image: var(--droplet-24-svg);
mask-image: var(--droplet-24-svg);
}
%with-duplicate-16-icon {
@extend %with-icon, %duplicate-16-svg-prop;
background-image: var(--duplicate-16-svg);
}
%with-duplicate-16-mask {
@extend %with-mask, %duplicate-16-svg-prop;
-webkit-mask-image: var(--duplicate-16-svg);
mask-image: var(--duplicate-16-svg);
}
%with-duplicate-24-icon {
@extend %with-icon, %duplicate-24-svg-prop;
background-image: var(--duplicate-24-svg);
}
%with-duplicate-24-mask {
@extend %with-mask, %duplicate-24-svg-prop;
-webkit-mask-image: var(--duplicate-24-svg);
mask-image: var(--duplicate-24-svg);
}
%with-edit-16-icon {
@extend %with-icon, %edit-16-svg-prop;
background-image: var(--edit-16-svg);
}
%with-edit-16-mask {
@extend %with-mask, %edit-16-svg-prop;
-webkit-mask-image: var(--edit-16-svg);
mask-image: var(--edit-16-svg);
}
%with-edit-24-icon {
@extend %with-icon, %edit-24-svg-prop;
background-image: var(--edit-24-svg);
}
%with-edit-24-mask {
@extend %with-mask, %edit-24-svg-prop;
-webkit-mask-image: var(--edit-24-svg);
mask-image: var(--edit-24-svg);
}
%with-edit-icon {
@extend %with-icon, %edit-svg-prop;
background-image: var(--edit-svg);
}
%with-edit-mask {
@extend %with-mask, %edit-svg-prop;
-webkit-mask-image: var(--edit-svg);
mask-image: var(--edit-svg);
}
%with-entry-point-16-icon {
@extend %with-icon, %entry-point-16-svg-prop;
background-image: var(--entry-point-16-svg);
}
%with-entry-point-16-mask {
@extend %with-mask, %entry-point-16-svg-prop;
-webkit-mask-image: var(--entry-point-16-svg);
mask-image: var(--entry-point-16-svg);
}
%with-entry-point-24-icon {
@extend %with-icon, %entry-point-24-svg-prop;
background-image: var(--entry-point-24-svg);
}
%with-entry-point-24-mask {
@extend %with-mask, %entry-point-24-svg-prop;
-webkit-mask-image: var(--entry-point-24-svg);
mask-image: var(--entry-point-24-svg);
}
%with-envelope-sealed-fill-icon {
@extend %with-icon, %envelope-sealed-fill-svg-prop;
background-image: var(--envelope-sealed-fill-svg);
}
%with-envelope-sealed-fill-mask {
@extend %with-mask, %envelope-sealed-fill-svg-prop;
-webkit-mask-image: var(--envelope-sealed-fill-svg);
mask-image: var(--envelope-sealed-fill-svg);
}
%with-envelope-sealed-outline-icon {
@extend %with-icon, %envelope-sealed-outline-svg-prop;
background-image: var(--envelope-sealed-outline-svg);
}
%with-envelope-sealed-outline-mask {
@extend %with-mask, %envelope-sealed-outline-svg-prop;
-webkit-mask-image: var(--envelope-sealed-outline-svg);
mask-image: var(--envelope-sealed-outline-svg);
}
%with-envelope-unsealed--outline-icon {
@extend %with-icon, %envelope-unsealed--outline-svg-prop;
background-image: var(--envelope-unsealed--outline-svg);
}
%with-envelope-unsealed--outline-mask {
@extend %with-mask, %envelope-unsealed--outline-svg-prop;
-webkit-mask-image: var(--envelope-unsealed--outline-svg);
mask-image: var(--envelope-unsealed--outline-svg);
}
%with-envelope-unsealed-fill-icon {
@extend %with-icon, %envelope-unsealed-fill-svg-prop;
background-image: var(--envelope-unsealed-fill-svg);
}
%with-envelope-unsealed-fill-mask {
@extend %with-mask, %envelope-unsealed-fill-svg-prop;
-webkit-mask-image: var(--envelope-unsealed-fill-svg);
mask-image: var(--envelope-unsealed-fill-svg);
}
%with-event-16-icon {
@extend %with-icon, %event-16-svg-prop;
background-image: var(--event-16-svg);
}
%with-event-16-mask {
@extend %with-mask, %event-16-svg-prop;
-webkit-mask-image: var(--event-16-svg);
mask-image: var(--event-16-svg);
}
%with-event-24-icon {
@extend %with-icon, %event-24-svg-prop;
background-image: var(--event-24-svg);
}
%with-event-24-mask {
@extend %with-mask, %event-24-svg-prop;
-webkit-mask-image: var(--event-24-svg);
mask-image: var(--event-24-svg);
}
%with-exit-point-16-icon {
@extend %with-icon, %exit-point-16-svg-prop;
background-image: var(--exit-point-16-svg);
}
%with-exit-point-16-mask {
@extend %with-mask, %exit-point-16-svg-prop;
-webkit-mask-image: var(--exit-point-16-svg);
mask-image: var(--exit-point-16-svg);
}
%with-exit-point-24-icon {
@extend %with-icon, %exit-point-24-svg-prop;
background-image: var(--exit-point-24-svg);
}
%with-exit-point-24-mask {
@extend %with-mask, %exit-point-24-svg-prop;
-webkit-mask-image: var(--exit-point-24-svg);
mask-image: var(--exit-point-24-svg);
}
%with-exit-icon {
@extend %with-icon, %exit-svg-prop;
background-image: var(--exit-svg);
}
%with-exit-mask {
@extend %with-mask, %exit-svg-prop;
-webkit-mask-image: var(--exit-svg);
mask-image: var(--exit-svg);
}
%with-expand-less-icon {
@extend %with-icon, %expand-less-svg-prop;
background-image: var(--expand-less-svg);
}
%with-expand-less-mask {
@extend %with-mask, %expand-less-svg-prop;
-webkit-mask-image: var(--expand-less-svg);
mask-image: var(--expand-less-svg);
}
%with-expand-more-icon {
@extend %with-icon, %expand-more-svg-prop;
background-image: var(--expand-more-svg);
}
%with-expand-more-mask {
@extend %with-mask, %expand-more-svg-prop;
-webkit-mask-image: var(--expand-more-svg);
mask-image: var(--expand-more-svg);
}
%with-external-link-16-icon {
@extend %with-icon, %external-link-16-svg-prop;
background-image: var(--external-link-16-svg);
}
%with-external-link-16-mask {
@extend %with-mask, %external-link-16-svg-prop;
-webkit-mask-image: var(--external-link-16-svg);
mask-image: var(--external-link-16-svg);
}
%with-external-link-24-icon {
@extend %with-icon, %external-link-24-svg-prop;
background-image: var(--external-link-24-svg);
}
%with-external-link-24-mask {
@extend %with-mask, %external-link-24-svg-prop;
-webkit-mask-image: var(--external-link-24-svg);
mask-image: var(--external-link-24-svg);
}
%with-eye-16-icon {
@extend %with-icon, %eye-16-svg-prop;
background-image: var(--eye-16-svg);
}
%with-eye-16-mask {
@extend %with-mask, %eye-16-svg-prop;
-webkit-mask-image: var(--eye-16-svg);
mask-image: var(--eye-16-svg);
}
%with-eye-24-icon {
@extend %with-icon, %eye-24-svg-prop;
background-image: var(--eye-24-svg);
}
%with-eye-24-mask {
@extend %with-mask, %eye-24-svg-prop;
-webkit-mask-image: var(--eye-24-svg);
mask-image: var(--eye-24-svg);
}
%with-eye-off-16-icon {
@extend %with-icon, %eye-off-16-svg-prop;
background-image: var(--eye-off-16-svg);
}
%with-eye-off-16-mask {
@extend %with-mask, %eye-off-16-svg-prop;
-webkit-mask-image: var(--eye-off-16-svg);
mask-image: var(--eye-off-16-svg);
}
%with-eye-off-24-icon {
@extend %with-icon, %eye-off-24-svg-prop;
background-image: var(--eye-off-24-svg);
}
%with-eye-off-24-mask {
@extend %with-mask, %eye-off-24-svg-prop;
-webkit-mask-image: var(--eye-off-24-svg);
mask-image: var(--eye-off-24-svg);
}
%with-f5-16-icon {
@extend %with-icon, %f5-16-svg-prop;
background-image: var(--f5-16-svg);
}
%with-f5-16-mask {
@extend %with-mask, %f5-16-svg-prop;
-webkit-mask-image: var(--f5-16-svg);
mask-image: var(--f5-16-svg);
}
%with-f5-24-icon {
@extend %with-icon, %f5-24-svg-prop;
background-image: var(--f5-24-svg);
}
%with-f5-24-mask {
@extend %with-mask, %f5-24-svg-prop;
-webkit-mask-image: var(--f5-24-svg);
mask-image: var(--f5-24-svg);
}
%with-f5-color-16-icon {
@extend %with-icon, %f5-color-16-svg-prop;
background-image: var(--f5-color-16-svg);
}
%with-f5-color-16-mask {
@extend %with-mask, %f5-color-16-svg-prop;
-webkit-mask-image: var(--f5-color-16-svg);
mask-image: var(--f5-color-16-svg);
}
%with-f5-color-24-icon {
@extend %with-icon, %f5-color-24-svg-prop;
background-image: var(--f5-color-24-svg);
}
%with-f5-color-24-mask {
@extend %with-mask, %f5-color-24-svg-prop;
-webkit-mask-image: var(--f5-color-24-svg);
mask-image: var(--f5-color-24-svg);
}
%with-fast-forward-16-icon {
@extend %with-icon, %fast-forward-16-svg-prop;
background-image: var(--fast-forward-16-svg);
}
%with-fast-forward-16-mask {
@extend %with-mask, %fast-forward-16-svg-prop;
-webkit-mask-image: var(--fast-forward-16-svg);
mask-image: var(--fast-forward-16-svg);
}
%with-fast-forward-24-icon {
@extend %with-icon, %fast-forward-24-svg-prop;
background-image: var(--fast-forward-24-svg);
}
%with-fast-forward-24-mask {
@extend %with-mask, %fast-forward-24-svg-prop;
-webkit-mask-image: var(--fast-forward-24-svg);
mask-image: var(--fast-forward-24-svg);
}
%with-file-16-icon {
@extend %with-icon, %file-16-svg-prop;
background-image: var(--file-16-svg);
}
%with-file-16-mask {
@extend %with-mask, %file-16-svg-prop;
-webkit-mask-image: var(--file-16-svg);
mask-image: var(--file-16-svg);
}
%with-file-24-icon {
@extend %with-icon, %file-24-svg-prop;
background-image: var(--file-24-svg);
}
%with-file-24-mask {
@extend %with-mask, %file-24-svg-prop;
-webkit-mask-image: var(--file-24-svg);
mask-image: var(--file-24-svg);
}
%with-file-change-16-icon {
@extend %with-icon, %file-change-16-svg-prop;
background-image: var(--file-change-16-svg);
}
%with-file-change-16-mask {
@extend %with-mask, %file-change-16-svg-prop;
-webkit-mask-image: var(--file-change-16-svg);
mask-image: var(--file-change-16-svg);
}
%with-file-change-24-icon {
@extend %with-icon, %file-change-24-svg-prop;
background-image: var(--file-change-24-svg);
}
%with-file-change-24-mask {
@extend %with-mask, %file-change-24-svg-prop;
-webkit-mask-image: var(--file-change-24-svg);
mask-image: var(--file-change-24-svg);
}
%with-file-check-16-icon {
@extend %with-icon, %file-check-16-svg-prop;
background-image: var(--file-check-16-svg);
}
%with-file-check-16-mask {
@extend %with-mask, %file-check-16-svg-prop;
-webkit-mask-image: var(--file-check-16-svg);
mask-image: var(--file-check-16-svg);
}
%with-file-check-24-icon {
@extend %with-icon, %file-check-24-svg-prop;
background-image: var(--file-check-24-svg);
}
%with-file-check-24-mask {
@extend %with-mask, %file-check-24-svg-prop;
-webkit-mask-image: var(--file-check-24-svg);
mask-image: var(--file-check-24-svg);
}
%with-file-diff-16-icon {
@extend %with-icon, %file-diff-16-svg-prop;
background-image: var(--file-diff-16-svg);
}
%with-file-diff-16-mask {
@extend %with-mask, %file-diff-16-svg-prop;
-webkit-mask-image: var(--file-diff-16-svg);
mask-image: var(--file-diff-16-svg);
}
%with-file-diff-24-icon {
@extend %with-icon, %file-diff-24-svg-prop;
background-image: var(--file-diff-24-svg);
}
%with-file-diff-24-mask {
@extend %with-mask, %file-diff-24-svg-prop;
-webkit-mask-image: var(--file-diff-24-svg);
mask-image: var(--file-diff-24-svg);
}
%with-file-fill-icon {
@extend %with-icon, %file-fill-svg-prop;
background-image: var(--file-fill-svg);
}
%with-file-fill-mask {
@extend %with-mask, %file-fill-svg-prop;
-webkit-mask-image: var(--file-fill-svg);
mask-image: var(--file-fill-svg);
}
%with-file-minus-16-icon {
@extend %with-icon, %file-minus-16-svg-prop;
background-image: var(--file-minus-16-svg);
}
%with-file-minus-16-mask {
@extend %with-mask, %file-minus-16-svg-prop;
-webkit-mask-image: var(--file-minus-16-svg);
mask-image: var(--file-minus-16-svg);
}
%with-file-minus-24-icon {
@extend %with-icon, %file-minus-24-svg-prop;
background-image: var(--file-minus-24-svg);
}
%with-file-minus-24-mask {
@extend %with-mask, %file-minus-24-svg-prop;
-webkit-mask-image: var(--file-minus-24-svg);
mask-image: var(--file-minus-24-svg);
}
%with-file-outline-icon {
@extend %with-icon, %file-outline-svg-prop;
background-image: var(--file-outline-svg);
}
%with-file-outline-mask {
@extend %with-mask, %file-outline-svg-prop;
-webkit-mask-image: var(--file-outline-svg);
mask-image: var(--file-outline-svg);
}
%with-file-plus-16-icon {
@extend %with-icon, %file-plus-16-svg-prop;
background-image: var(--file-plus-16-svg);
}
%with-file-plus-16-mask {
@extend %with-mask, %file-plus-16-svg-prop;
-webkit-mask-image: var(--file-plus-16-svg);
mask-image: var(--file-plus-16-svg);
}
%with-file-plus-24-icon {
@extend %with-icon, %file-plus-24-svg-prop;
background-image: var(--file-plus-24-svg);
}
%with-file-plus-24-mask {
@extend %with-mask, %file-plus-24-svg-prop;
-webkit-mask-image: var(--file-plus-24-svg);
mask-image: var(--file-plus-24-svg);
}
%with-file-source-16-icon {
@extend %with-icon, %file-source-16-svg-prop;
background-image: var(--file-source-16-svg);
}
%with-file-source-16-mask {
@extend %with-mask, %file-source-16-svg-prop;
-webkit-mask-image: var(--file-source-16-svg);
mask-image: var(--file-source-16-svg);
}
%with-file-source-24-icon {
@extend %with-icon, %file-source-24-svg-prop;
background-image: var(--file-source-24-svg);
}
%with-file-source-24-mask {
@extend %with-mask, %file-source-24-svg-prop;
-webkit-mask-image: var(--file-source-24-svg);
mask-image: var(--file-source-24-svg);
}
%with-file-text-16-icon {
@extend %with-icon, %file-text-16-svg-prop;
background-image: var(--file-text-16-svg);
}
%with-file-text-16-mask {
@extend %with-mask, %file-text-16-svg-prop;
-webkit-mask-image: var(--file-text-16-svg);
mask-image: var(--file-text-16-svg);
}
%with-file-text-24-icon {
@extend %with-icon, %file-text-24-svg-prop;
background-image: var(--file-text-24-svg);
}
%with-file-text-24-mask {
@extend %with-mask, %file-text-24-svg-prop;
-webkit-mask-image: var(--file-text-24-svg);
mask-image: var(--file-text-24-svg);
}
%with-file-x-16-icon {
@extend %with-icon, %file-x-16-svg-prop;
background-image: var(--file-x-16-svg);
}
%with-file-x-16-mask {
@extend %with-mask, %file-x-16-svg-prop;
-webkit-mask-image: var(--file-x-16-svg);
mask-image: var(--file-x-16-svg);
}
%with-file-x-24-icon {
@extend %with-icon, %file-x-24-svg-prop;
background-image: var(--file-x-24-svg);
}
%with-file-x-24-mask {
@extend %with-mask, %file-x-24-svg-prop;
-webkit-mask-image: var(--file-x-24-svg);
mask-image: var(--file-x-24-svg);
}
%with-files-16-icon {
@extend %with-icon, %files-16-svg-prop;
background-image: var(--files-16-svg);
}
%with-files-16-mask {
@extend %with-mask, %files-16-svg-prop;
-webkit-mask-image: var(--files-16-svg);
mask-image: var(--files-16-svg);
}
%with-files-24-icon {
@extend %with-icon, %files-24-svg-prop;
background-image: var(--files-24-svg);
}
%with-files-24-mask {
@extend %with-mask, %files-24-svg-prop;
-webkit-mask-image: var(--files-24-svg);
mask-image: var(--files-24-svg);
}
%with-film-16-icon {
@extend %with-icon, %film-16-svg-prop;
background-image: var(--film-16-svg);
}
%with-film-16-mask {
@extend %with-mask, %film-16-svg-prop;
-webkit-mask-image: var(--film-16-svg);
mask-image: var(--film-16-svg);
}
%with-film-24-icon {
@extend %with-icon, %film-24-svg-prop;
background-image: var(--film-24-svg);
}
%with-film-24-mask {
@extend %with-mask, %film-24-svg-prop;
-webkit-mask-image: var(--film-24-svg);
mask-image: var(--film-24-svg);
}
%with-filter-16-icon {
@extend %with-icon, %filter-16-svg-prop;
background-image: var(--filter-16-svg);
}
%with-filter-16-mask {
@extend %with-mask, %filter-16-svg-prop;
-webkit-mask-image: var(--filter-16-svg);
mask-image: var(--filter-16-svg);
}
%with-filter-24-icon {
@extend %with-icon, %filter-24-svg-prop;
background-image: var(--filter-24-svg);
}
%with-filter-24-mask {
@extend %with-mask, %filter-24-svg-prop;
-webkit-mask-image: var(--filter-24-svg);
mask-image: var(--filter-24-svg);
}
%with-filter-circle-16-icon {
@extend %with-icon, %filter-circle-16-svg-prop;
background-image: var(--filter-circle-16-svg);
}
%with-filter-circle-16-mask {
@extend %with-mask, %filter-circle-16-svg-prop;
-webkit-mask-image: var(--filter-circle-16-svg);
mask-image: var(--filter-circle-16-svg);
}
%with-filter-circle-24-icon {
@extend %with-icon, %filter-circle-24-svg-prop;
background-image: var(--filter-circle-24-svg);
}
%with-filter-circle-24-mask {
@extend %with-mask, %filter-circle-24-svg-prop;
-webkit-mask-image: var(--filter-circle-24-svg);
mask-image: var(--filter-circle-24-svg);
}
%with-filter-fill-16-icon {
@extend %with-icon, %filter-fill-16-svg-prop;
background-image: var(--filter-fill-16-svg);
}
%with-filter-fill-16-mask {
@extend %with-mask, %filter-fill-16-svg-prop;
-webkit-mask-image: var(--filter-fill-16-svg);
mask-image: var(--filter-fill-16-svg);
}
%with-filter-fill-24-icon {
@extend %with-icon, %filter-fill-24-svg-prop;
background-image: var(--filter-fill-24-svg);
}
%with-filter-fill-24-mask {
@extend %with-mask, %filter-fill-24-svg-prop;
-webkit-mask-image: var(--filter-fill-24-svg);
mask-image: var(--filter-fill-24-svg);
}
%with-filter-icon {
@extend %with-icon, %filter-svg-prop;
background-image: var(--filter-svg);
}
%with-filter-mask {
@extend %with-mask, %filter-svg-prop;
-webkit-mask-image: var(--filter-svg);
mask-image: var(--filter-svg);
}
%with-fingerprint-16-icon {
@extend %with-icon, %fingerprint-16-svg-prop;
background-image: var(--fingerprint-16-svg);
}
%with-fingerprint-16-mask {
@extend %with-mask, %fingerprint-16-svg-prop;
-webkit-mask-image: var(--fingerprint-16-svg);
mask-image: var(--fingerprint-16-svg);
}
%with-fingerprint-24-icon {
@extend %with-icon, %fingerprint-24-svg-prop;
background-image: var(--fingerprint-24-svg);
}
%with-fingerprint-24-mask {
@extend %with-mask, %fingerprint-24-svg-prop;
-webkit-mask-image: var(--fingerprint-24-svg);
mask-image: var(--fingerprint-24-svg);
}
%with-flag-16-icon {
@extend %with-icon, %flag-16-svg-prop;
background-image: var(--flag-16-svg);
}
%with-flag-16-mask {
@extend %with-mask, %flag-16-svg-prop;
-webkit-mask-image: var(--flag-16-svg);
mask-image: var(--flag-16-svg);
}
%with-flag-24-icon {
@extend %with-icon, %flag-24-svg-prop;
background-image: var(--flag-24-svg);
}
%with-flag-24-mask {
@extend %with-mask, %flag-24-svg-prop;
-webkit-mask-image: var(--flag-24-svg);
mask-image: var(--flag-24-svg);
}
%with-flag-icon {
@extend %with-icon, %flag-svg-prop;
background-image: var(--flag-svg);
}
%with-flag-mask {
@extend %with-mask, %flag-svg-prop;
-webkit-mask-image: var(--flag-svg);
mask-image: var(--flag-svg);
}
%with-folder-16-icon {
@extend %with-icon, %folder-16-svg-prop;
background-image: var(--folder-16-svg);
}
%with-folder-16-mask {
@extend %with-mask, %folder-16-svg-prop;
-webkit-mask-image: var(--folder-16-svg);
mask-image: var(--folder-16-svg);
}
%with-folder-24-icon {
@extend %with-icon, %folder-24-svg-prop;
background-image: var(--folder-24-svg);
}
%with-folder-24-mask {
@extend %with-mask, %folder-24-svg-prop;
-webkit-mask-image: var(--folder-24-svg);
mask-image: var(--folder-24-svg);
}
%with-folder-fill-16-icon {
@extend %with-icon, %folder-fill-16-svg-prop;
background-image: var(--folder-fill-16-svg);
}
%with-folder-fill-16-mask {
@extend %with-mask, %folder-fill-16-svg-prop;
-webkit-mask-image: var(--folder-fill-16-svg);
mask-image: var(--folder-fill-16-svg);
}
%with-folder-fill-24-icon {
@extend %with-icon, %folder-fill-24-svg-prop;
background-image: var(--folder-fill-24-svg);
}
%with-folder-fill-24-mask {
@extend %with-mask, %folder-fill-24-svg-prop;
-webkit-mask-image: var(--folder-fill-24-svg);
mask-image: var(--folder-fill-24-svg);
}
%with-folder-fill-icon {
@extend %with-icon, %folder-fill-svg-prop;
background-image: var(--folder-fill-svg);
}
%with-folder-fill-mask {
@extend %with-mask, %folder-fill-svg-prop;
-webkit-mask-image: var(--folder-fill-svg);
mask-image: var(--folder-fill-svg);
}
%with-folder-minus-16-icon {
@extend %with-icon, %folder-minus-16-svg-prop;
background-image: var(--folder-minus-16-svg);
}
%with-folder-minus-16-mask {
@extend %with-mask, %folder-minus-16-svg-prop;
-webkit-mask-image: var(--folder-minus-16-svg);
mask-image: var(--folder-minus-16-svg);
}
%with-folder-minus-24-icon {
@extend %with-icon, %folder-minus-24-svg-prop;
background-image: var(--folder-minus-24-svg);
}
%with-folder-minus-24-mask {
@extend %with-mask, %folder-minus-24-svg-prop;
-webkit-mask-image: var(--folder-minus-24-svg);
mask-image: var(--folder-minus-24-svg);
}
%with-folder-minus-fill-16-icon {
@extend %with-icon, %folder-minus-fill-16-svg-prop;
background-image: var(--folder-minus-fill-16-svg);
}
%with-folder-minus-fill-16-mask {
@extend %with-mask, %folder-minus-fill-16-svg-prop;
-webkit-mask-image: var(--folder-minus-fill-16-svg);
mask-image: var(--folder-minus-fill-16-svg);
}
%with-folder-minus-fill-24-icon {
@extend %with-icon, %folder-minus-fill-24-svg-prop;
background-image: var(--folder-minus-fill-24-svg);
}
%with-folder-minus-fill-24-mask {
@extend %with-mask, %folder-minus-fill-24-svg-prop;
-webkit-mask-image: var(--folder-minus-fill-24-svg);
mask-image: var(--folder-minus-fill-24-svg);
}
%with-folder-outline-icon {
@extend %with-icon, %folder-outline-svg-prop;
background-image: var(--folder-outline-svg);
}
%with-folder-outline-mask {
@extend %with-mask, %folder-outline-svg-prop;
-webkit-mask-image: var(--folder-outline-svg);
mask-image: var(--folder-outline-svg);
}
%with-folder-plus-16-icon {
@extend %with-icon, %folder-plus-16-svg-prop;
background-image: var(--folder-plus-16-svg);
}
%with-folder-plus-16-mask {
@extend %with-mask, %folder-plus-16-svg-prop;
-webkit-mask-image: var(--folder-plus-16-svg);
mask-image: var(--folder-plus-16-svg);
}
%with-folder-plus-24-icon {
@extend %with-icon, %folder-plus-24-svg-prop;
background-image: var(--folder-plus-24-svg);
}
%with-folder-plus-24-mask {
@extend %with-mask, %folder-plus-24-svg-prop;
-webkit-mask-image: var(--folder-plus-24-svg);
mask-image: var(--folder-plus-24-svg);
}
%with-folder-plus-fill-16-icon {
@extend %with-icon, %folder-plus-fill-16-svg-prop;
background-image: var(--folder-plus-fill-16-svg);
}
%with-folder-plus-fill-16-mask {
@extend %with-mask, %folder-plus-fill-16-svg-prop;
-webkit-mask-image: var(--folder-plus-fill-16-svg);
mask-image: var(--folder-plus-fill-16-svg);
}
%with-folder-plus-fill-24-icon {
@extend %with-icon, %folder-plus-fill-24-svg-prop;
background-image: var(--folder-plus-fill-24-svg);
}
%with-folder-plus-fill-24-mask {
@extend %with-mask, %folder-plus-fill-24-svg-prop;
-webkit-mask-image: var(--folder-plus-fill-24-svg);
mask-image: var(--folder-plus-fill-24-svg);
}
%with-folder-star-16-icon {
@extend %with-icon, %folder-star-16-svg-prop;
background-image: var(--folder-star-16-svg);
}
%with-folder-star-16-mask {
@extend %with-mask, %folder-star-16-svg-prop;
-webkit-mask-image: var(--folder-star-16-svg);
mask-image: var(--folder-star-16-svg);
}
%with-folder-star-24-icon {
@extend %with-icon, %folder-star-24-svg-prop;
background-image: var(--folder-star-24-svg);
}
%with-folder-star-24-mask {
@extend %with-mask, %folder-star-24-svg-prop;
-webkit-mask-image: var(--folder-star-24-svg);
mask-image: var(--folder-star-24-svg);
}
%with-folder-users-16-icon {
@extend %with-icon, %folder-users-16-svg-prop;
background-image: var(--folder-users-16-svg);
}
%with-folder-users-16-mask {
@extend %with-mask, %folder-users-16-svg-prop;
-webkit-mask-image: var(--folder-users-16-svg);
mask-image: var(--folder-users-16-svg);
}
%with-folder-users-24-icon {
@extend %with-icon, %folder-users-24-svg-prop;
background-image: var(--folder-users-24-svg);
}
%with-folder-users-24-mask {
@extend %with-mask, %folder-users-24-svg-prop;
-webkit-mask-image: var(--folder-users-24-svg);
mask-image: var(--folder-users-24-svg);
}
%with-frown-16-icon {
@extend %with-icon, %frown-16-svg-prop;
background-image: var(--frown-16-svg);
}
%with-frown-16-mask {
@extend %with-mask, %frown-16-svg-prop;
-webkit-mask-image: var(--frown-16-svg);
mask-image: var(--frown-16-svg);
}
%with-frown-24-icon {
@extend %with-icon, %frown-24-svg-prop;
background-image: var(--frown-24-svg);
}
%with-frown-24-mask {
@extend %with-mask, %frown-24-svg-prop;
-webkit-mask-image: var(--frown-24-svg);
mask-image: var(--frown-24-svg);
}
%with-gateway-16-icon {
@extend %with-icon, %gateway-16-svg-prop;
background-image: var(--gateway-16-svg);
}
%with-gateway-16-mask {
@extend %with-mask, %gateway-16-svg-prop;
-webkit-mask-image: var(--gateway-16-svg);
mask-image: var(--gateway-16-svg);
}
%with-gateway-24-icon {
@extend %with-icon, %gateway-24-svg-prop;
background-image: var(--gateway-24-svg);
}
%with-gateway-24-mask {
@extend %with-mask, %gateway-24-svg-prop;
-webkit-mask-image: var(--gateway-24-svg);
mask-image: var(--gateway-24-svg);
}
%with-gateway-icon {
@extend %with-icon, %gateway-svg-prop;
background-image: var(--gateway-svg);
}
%with-gateway-mask {
@extend %with-mask, %gateway-svg-prop;
-webkit-mask-image: var(--gateway-svg);
mask-image: var(--gateway-svg);
}
%with-gcp-16-icon {
@extend %with-icon, %gcp-16-svg-prop;
background-image: var(--gcp-16-svg);
}
%with-gcp-16-mask {
@extend %with-mask, %gcp-16-svg-prop;
-webkit-mask-image: var(--gcp-16-svg);
mask-image: var(--gcp-16-svg);
}
%with-gcp-24-icon {
@extend %with-icon, %gcp-24-svg-prop;
background-image: var(--gcp-24-svg);
}
%with-gcp-24-mask {
@extend %with-mask, %gcp-24-svg-prop;
-webkit-mask-image: var(--gcp-24-svg);
mask-image: var(--gcp-24-svg);
}
%with-gcp-color-16-icon {
@extend %with-icon, %gcp-color-16-svg-prop;
background-image: var(--gcp-color-16-svg);
}
%with-gcp-color-16-mask {
@extend %with-mask, %gcp-color-16-svg-prop;
-webkit-mask-image: var(--gcp-color-16-svg);
mask-image: var(--gcp-color-16-svg);
}
%with-gcp-color-24-icon {
@extend %with-icon, %gcp-color-24-svg-prop;
background-image: var(--gcp-color-24-svg);
}
%with-gcp-color-24-mask {
@extend %with-mask, %gcp-color-24-svg-prop;
-webkit-mask-image: var(--gcp-color-24-svg);
mask-image: var(--gcp-color-24-svg);
}
%with-gift-16-icon {
@extend %with-icon, %gift-16-svg-prop;
background-image: var(--gift-16-svg);
}
%with-gift-16-mask {
@extend %with-mask, %gift-16-svg-prop;
-webkit-mask-image: var(--gift-16-svg);
mask-image: var(--gift-16-svg);
}
%with-gift-24-icon {
@extend %with-icon, %gift-24-svg-prop;
background-image: var(--gift-24-svg);
}
%with-gift-24-mask {
@extend %with-mask, %gift-24-svg-prop;
-webkit-mask-image: var(--gift-24-svg);
mask-image: var(--gift-24-svg);
}
%with-gift-fill-icon {
@extend %with-icon, %gift-fill-svg-prop;
background-image: var(--gift-fill-svg);
}
%with-gift-fill-mask {
@extend %with-mask, %gift-fill-svg-prop;
-webkit-mask-image: var(--gift-fill-svg);
mask-image: var(--gift-fill-svg);
}
%with-gift-outline-icon {
@extend %with-icon, %gift-outline-svg-prop;
background-image: var(--gift-outline-svg);
}
%with-gift-outline-mask {
@extend %with-mask, %gift-outline-svg-prop;
-webkit-mask-image: var(--gift-outline-svg);
mask-image: var(--gift-outline-svg);
}
%with-git-branch-16-icon {
@extend %with-icon, %git-branch-16-svg-prop;
background-image: var(--git-branch-16-svg);
}
%with-git-branch-16-mask {
@extend %with-mask, %git-branch-16-svg-prop;
-webkit-mask-image: var(--git-branch-16-svg);
mask-image: var(--git-branch-16-svg);
}
%with-git-branch-24-icon {
@extend %with-icon, %git-branch-24-svg-prop;
background-image: var(--git-branch-24-svg);
}
%with-git-branch-24-mask {
@extend %with-mask, %git-branch-24-svg-prop;
-webkit-mask-image: var(--git-branch-24-svg);
mask-image: var(--git-branch-24-svg);
}
%with-git-branch-icon {
@extend %with-icon, %git-branch-svg-prop;
background-image: var(--git-branch-svg);
}
%with-git-branch-mask {
@extend %with-mask, %git-branch-svg-prop;
-webkit-mask-image: var(--git-branch-svg);
mask-image: var(--git-branch-svg);
}
%with-git-commit-16-icon {
@extend %with-icon, %git-commit-16-svg-prop;
background-image: var(--git-commit-16-svg);
}
%with-git-commit-16-mask {
@extend %with-mask, %git-commit-16-svg-prop;
-webkit-mask-image: var(--git-commit-16-svg);
mask-image: var(--git-commit-16-svg);
}
%with-git-commit-24-icon {
@extend %with-icon, %git-commit-24-svg-prop;
background-image: var(--git-commit-24-svg);
}
%with-git-commit-24-mask {
@extend %with-mask, %git-commit-24-svg-prop;
-webkit-mask-image: var(--git-commit-24-svg);
mask-image: var(--git-commit-24-svg);
}
%with-git-commit-icon {
@extend %with-icon, %git-commit-svg-prop;
background-image: var(--git-commit-svg);
}
%with-git-commit-mask {
@extend %with-mask, %git-commit-svg-prop;
-webkit-mask-image: var(--git-commit-svg);
mask-image: var(--git-commit-svg);
}
%with-git-merge-16-icon {
@extend %with-icon, %git-merge-16-svg-prop;
background-image: var(--git-merge-16-svg);
}
%with-git-merge-16-mask {
@extend %with-mask, %git-merge-16-svg-prop;
-webkit-mask-image: var(--git-merge-16-svg);
mask-image: var(--git-merge-16-svg);
}
%with-git-merge-24-icon {
@extend %with-icon, %git-merge-24-svg-prop;
background-image: var(--git-merge-24-svg);
}
%with-git-merge-24-mask {
@extend %with-mask, %git-merge-24-svg-prop;
-webkit-mask-image: var(--git-merge-24-svg);
mask-image: var(--git-merge-24-svg);
}
%with-git-pull-request-16-icon {
@extend %with-icon, %git-pull-request-16-svg-prop;
background-image: var(--git-pull-request-16-svg);
}
%with-git-pull-request-16-mask {
@extend %with-mask, %git-pull-request-16-svg-prop;
-webkit-mask-image: var(--git-pull-request-16-svg);
mask-image: var(--git-pull-request-16-svg);
}
%with-git-pull-request-24-icon {
@extend %with-icon, %git-pull-request-24-svg-prop;
background-image: var(--git-pull-request-24-svg);
}
%with-git-pull-request-24-mask {
@extend %with-mask, %git-pull-request-24-svg-prop;
-webkit-mask-image: var(--git-pull-request-24-svg);
mask-image: var(--git-pull-request-24-svg);
}
%with-git-pull-request-icon {
@extend %with-icon, %git-pull-request-svg-prop;
background-image: var(--git-pull-request-svg);
}
%with-git-pull-request-mask {
@extend %with-mask, %git-pull-request-svg-prop;
-webkit-mask-image: var(--git-pull-request-svg);
mask-image: var(--git-pull-request-svg);
}
%with-git-repo-16-icon {
@extend %with-icon, %git-repo-16-svg-prop;
background-image: var(--git-repo-16-svg);
}
%with-git-repo-16-mask {
@extend %with-mask, %git-repo-16-svg-prop;
-webkit-mask-image: var(--git-repo-16-svg);
mask-image: var(--git-repo-16-svg);
}
%with-git-repo-24-icon {
@extend %with-icon, %git-repo-24-svg-prop;
background-image: var(--git-repo-24-svg);
}
%with-git-repo-24-mask {
@extend %with-mask, %git-repo-24-svg-prop;
-webkit-mask-image: var(--git-repo-24-svg);
mask-image: var(--git-repo-24-svg);
}
%with-git-repository-icon {
@extend %with-icon, %git-repository-svg-prop;
background-image: var(--git-repository-svg);
}
%with-git-repository-mask {
@extend %with-mask, %git-repository-svg-prop;
-webkit-mask-image: var(--git-repository-svg);
mask-image: var(--git-repository-svg);
}
%with-github-16-icon {
@extend %with-icon, %github-16-svg-prop;
background-image: var(--github-16-svg);
}
%with-github-16-mask {
@extend %with-mask, %github-16-svg-prop;
-webkit-mask-image: var(--github-16-svg);
mask-image: var(--github-16-svg);
}
%with-github-24-icon {
@extend %with-icon, %github-24-svg-prop;
background-image: var(--github-24-svg);
}
%with-github-24-mask {
@extend %with-mask, %github-24-svg-prop;
-webkit-mask-image: var(--github-24-svg);
mask-image: var(--github-24-svg);
}
%with-github-color-16-icon {
@extend %with-icon, %github-color-16-svg-prop;
background-image: var(--github-color-16-svg);
}
%with-github-color-16-mask {
@extend %with-mask, %github-color-16-svg-prop;
-webkit-mask-image: var(--github-color-16-svg);
mask-image: var(--github-color-16-svg);
}
%with-github-color-24-icon {
@extend %with-icon, %github-color-24-svg-prop;
background-image: var(--github-color-24-svg);
}
%with-github-color-24-mask {
@extend %with-mask, %github-color-24-svg-prop;
-webkit-mask-image: var(--github-color-24-svg);
mask-image: var(--github-color-24-svg);
}
%with-gitlab-16-icon {
@extend %with-icon, %gitlab-16-svg-prop;
background-image: var(--gitlab-16-svg);
}
%with-gitlab-16-mask {
@extend %with-mask, %gitlab-16-svg-prop;
-webkit-mask-image: var(--gitlab-16-svg);
mask-image: var(--gitlab-16-svg);
}
%with-gitlab-24-icon {
@extend %with-icon, %gitlab-24-svg-prop;
background-image: var(--gitlab-24-svg);
}
%with-gitlab-24-mask {
@extend %with-mask, %gitlab-24-svg-prop;
-webkit-mask-image: var(--gitlab-24-svg);
mask-image: var(--gitlab-24-svg);
}
%with-gitlab-color-16-icon {
@extend %with-icon, %gitlab-color-16-svg-prop;
background-image: var(--gitlab-color-16-svg);
}
%with-gitlab-color-16-mask {
@extend %with-mask, %gitlab-color-16-svg-prop;
-webkit-mask-image: var(--gitlab-color-16-svg);
mask-image: var(--gitlab-color-16-svg);
}
%with-gitlab-color-24-icon {
@extend %with-icon, %gitlab-color-24-svg-prop;
background-image: var(--gitlab-color-24-svg);
}
%with-gitlab-color-24-mask {
@extend %with-mask, %gitlab-color-24-svg-prop;
-webkit-mask-image: var(--gitlab-color-24-svg);
mask-image: var(--gitlab-color-24-svg);
}
%with-globe-16-icon {
@extend %with-icon, %globe-16-svg-prop;
background-image: var(--globe-16-svg);
}
%with-globe-16-mask {
@extend %with-mask, %globe-16-svg-prop;
-webkit-mask-image: var(--globe-16-svg);
mask-image: var(--globe-16-svg);
}
%with-globe-24-icon {
@extend %with-icon, %globe-24-svg-prop;
background-image: var(--globe-24-svg);
}
%with-globe-24-mask {
@extend %with-mask, %globe-24-svg-prop;
-webkit-mask-image: var(--globe-24-svg);
mask-image: var(--globe-24-svg);
}
%with-globe-private-16-icon {
@extend %with-icon, %globe-private-16-svg-prop;
background-image: var(--globe-private-16-svg);
}
%with-globe-private-16-mask {
@extend %with-mask, %globe-private-16-svg-prop;
-webkit-mask-image: var(--globe-private-16-svg);
mask-image: var(--globe-private-16-svg);
}
%with-globe-private-24-icon {
@extend %with-icon, %globe-private-24-svg-prop;
background-image: var(--globe-private-24-svg);
}
%with-globe-private-24-mask {
@extend %with-mask, %globe-private-24-svg-prop;
-webkit-mask-image: var(--globe-private-24-svg);
mask-image: var(--globe-private-24-svg);
}
%with-google-16-icon {
@extend %with-icon, %google-16-svg-prop;
background-image: var(--google-16-svg);
}
%with-google-16-mask {
@extend %with-mask, %google-16-svg-prop;
-webkit-mask-image: var(--google-16-svg);
mask-image: var(--google-16-svg);
}
%with-google-24-icon {
@extend %with-icon, %google-24-svg-prop;
background-image: var(--google-24-svg);
}
%with-google-24-mask {
@extend %with-mask, %google-24-svg-prop;
-webkit-mask-image: var(--google-24-svg);
mask-image: var(--google-24-svg);
}
%with-google-color-16-icon {
@extend %with-icon, %google-color-16-svg-prop;
background-image: var(--google-color-16-svg);
}
%with-google-color-16-mask {
@extend %with-mask, %google-color-16-svg-prop;
-webkit-mask-image: var(--google-color-16-svg);
mask-image: var(--google-color-16-svg);
}
%with-google-color-24-icon {
@extend %with-icon, %google-color-24-svg-prop;
background-image: var(--google-color-24-svg);
}
%with-google-color-24-mask {
@extend %with-mask, %google-color-24-svg-prop;
-webkit-mask-image: var(--google-color-24-svg);
mask-image: var(--google-color-24-svg);
}
%with-grid-16-icon {
@extend %with-icon, %grid-16-svg-prop;
background-image: var(--grid-16-svg);
}
%with-grid-16-mask {
@extend %with-mask, %grid-16-svg-prop;
-webkit-mask-image: var(--grid-16-svg);
mask-image: var(--grid-16-svg);
}
%with-grid-24-icon {
@extend %with-icon, %grid-24-svg-prop;
background-image: var(--grid-24-svg);
}
%with-grid-24-mask {
@extend %with-mask, %grid-24-svg-prop;
-webkit-mask-image: var(--grid-24-svg);
mask-image: var(--grid-24-svg);
}
%with-grid-alt-16-icon {
@extend %with-icon, %grid-alt-16-svg-prop;
background-image: var(--grid-alt-16-svg);
}
%with-grid-alt-16-mask {
@extend %with-mask, %grid-alt-16-svg-prop;
-webkit-mask-image: var(--grid-alt-16-svg);
mask-image: var(--grid-alt-16-svg);
}
%with-grid-alt-24-icon {
@extend %with-icon, %grid-alt-24-svg-prop;
background-image: var(--grid-alt-24-svg);
}
%with-grid-alt-24-mask {
@extend %with-mask, %grid-alt-24-svg-prop;
-webkit-mask-image: var(--grid-alt-24-svg);
mask-image: var(--grid-alt-24-svg);
}
%with-guide-16-icon {
@extend %with-icon, %guide-16-svg-prop;
background-image: var(--guide-16-svg);
}
%with-guide-16-mask {
@extend %with-mask, %guide-16-svg-prop;
-webkit-mask-image: var(--guide-16-svg);
mask-image: var(--guide-16-svg);
}
%with-guide-24-icon {
@extend %with-icon, %guide-24-svg-prop;
background-image: var(--guide-24-svg);
}
%with-guide-24-mask {
@extend %with-mask, %guide-24-svg-prop;
-webkit-mask-image: var(--guide-24-svg);
mask-image: var(--guide-24-svg);
}
%with-guide-link-16-icon {
@extend %with-icon, %guide-link-16-svg-prop;
background-image: var(--guide-link-16-svg);
}
%with-guide-link-16-mask {
@extend %with-mask, %guide-link-16-svg-prop;
-webkit-mask-image: var(--guide-link-16-svg);
mask-image: var(--guide-link-16-svg);
}
%with-guide-link-24-icon {
@extend %with-icon, %guide-link-24-svg-prop;
background-image: var(--guide-link-24-svg);
}
%with-guide-link-24-mask {
@extend %with-mask, %guide-link-24-svg-prop;
-webkit-mask-image: var(--guide-link-24-svg);
mask-image: var(--guide-link-24-svg);
}
%with-guide-icon {
@extend %with-icon, %guide-svg-prop;
background-image: var(--guide-svg);
}
%with-guide-mask {
@extend %with-mask, %guide-svg-prop;
-webkit-mask-image: var(--guide-svg);
mask-image: var(--guide-svg);
}
%with-hammer-16-icon {
@extend %with-icon, %hammer-16-svg-prop;
background-image: var(--hammer-16-svg);
}
%with-hammer-16-mask {
@extend %with-mask, %hammer-16-svg-prop;
-webkit-mask-image: var(--hammer-16-svg);
mask-image: var(--hammer-16-svg);
}
%with-hammer-24-icon {
@extend %with-icon, %hammer-24-svg-prop;
background-image: var(--hammer-24-svg);
}
%with-hammer-24-mask {
@extend %with-mask, %hammer-24-svg-prop;
-webkit-mask-image: var(--hammer-24-svg);
mask-image: var(--hammer-24-svg);
}
%with-hard-drive-16-icon {
@extend %with-icon, %hard-drive-16-svg-prop;
background-image: var(--hard-drive-16-svg);
}
%with-hard-drive-16-mask {
@extend %with-mask, %hard-drive-16-svg-prop;
-webkit-mask-image: var(--hard-drive-16-svg);
mask-image: var(--hard-drive-16-svg);
}
%with-hard-drive-24-icon {
@extend %with-icon, %hard-drive-24-svg-prop;
background-image: var(--hard-drive-24-svg);
}
%with-hard-drive-24-mask {
@extend %with-mask, %hard-drive-24-svg-prop;
-webkit-mask-image: var(--hard-drive-24-svg);
mask-image: var(--hard-drive-24-svg);
}
%with-hash-16-icon {
@extend %with-icon, %hash-16-svg-prop;
background-image: var(--hash-16-svg);
}
%with-hash-16-mask {
@extend %with-mask, %hash-16-svg-prop;
-webkit-mask-image: var(--hash-16-svg);
mask-image: var(--hash-16-svg);
}
%with-hash-24-icon {
@extend %with-icon, %hash-24-svg-prop;
background-image: var(--hash-24-svg);
}
%with-hash-24-mask {
@extend %with-mask, %hash-24-svg-prop;
-webkit-mask-image: var(--hash-24-svg);
mask-image: var(--hash-24-svg);
}
%with-headphones-16-icon {
@extend %with-icon, %headphones-16-svg-prop;
background-image: var(--headphones-16-svg);
}
%with-headphones-16-mask {
@extend %with-mask, %headphones-16-svg-prop;
-webkit-mask-image: var(--headphones-16-svg);
mask-image: var(--headphones-16-svg);
}
%with-headphones-24-icon {
@extend %with-icon, %headphones-24-svg-prop;
background-image: var(--headphones-24-svg);
}
%with-headphones-24-mask {
@extend %with-mask, %headphones-24-svg-prop;
-webkit-mask-image: var(--headphones-24-svg);
mask-image: var(--headphones-24-svg);
}
%with-health-icon {
@extend %with-icon, %health-svg-prop;
background-image: var(--health-svg);
}
%with-health-mask {
@extend %with-mask, %health-svg-prop;
-webkit-mask-image: var(--health-svg);
mask-image: var(--health-svg);
}
%with-heart-16-icon {
@extend %with-icon, %heart-16-svg-prop;
background-image: var(--heart-16-svg);
}
%with-heart-16-mask {
@extend %with-mask, %heart-16-svg-prop;
-webkit-mask-image: var(--heart-16-svg);
mask-image: var(--heart-16-svg);
}
%with-heart-24-icon {
@extend %with-icon, %heart-24-svg-prop;
background-image: var(--heart-24-svg);
}
%with-heart-24-mask {
@extend %with-mask, %heart-24-svg-prop;
-webkit-mask-image: var(--heart-24-svg);
mask-image: var(--heart-24-svg);
}
%with-heart-fill-16-icon {
@extend %with-icon, %heart-fill-16-svg-prop;
background-image: var(--heart-fill-16-svg);
}
%with-heart-fill-16-mask {
@extend %with-mask, %heart-fill-16-svg-prop;
-webkit-mask-image: var(--heart-fill-16-svg);
mask-image: var(--heart-fill-16-svg);
}
%with-heart-fill-24-icon {
@extend %with-icon, %heart-fill-24-svg-prop;
background-image: var(--heart-fill-24-svg);
}
%with-heart-fill-24-mask {
@extend %with-mask, %heart-fill-24-svg-prop;
-webkit-mask-image: var(--heart-fill-24-svg);
mask-image: var(--heart-fill-24-svg);
}
%with-heart-off-16-icon {
@extend %with-icon, %heart-off-16-svg-prop;
background-image: var(--heart-off-16-svg);
}
%with-heart-off-16-mask {
@extend %with-mask, %heart-off-16-svg-prop;
-webkit-mask-image: var(--heart-off-16-svg);
mask-image: var(--heart-off-16-svg);
}
%with-heart-off-24-icon {
@extend %with-icon, %heart-off-24-svg-prop;
background-image: var(--heart-off-24-svg);
}
%with-heart-off-24-mask {
@extend %with-mask, %heart-off-24-svg-prop;
-webkit-mask-image: var(--heart-off-24-svg);
mask-image: var(--heart-off-24-svg);
}
%with-help-16-icon {
@extend %with-icon, %help-16-svg-prop;
background-image: var(--help-16-svg);
}
%with-help-16-mask {
@extend %with-mask, %help-16-svg-prop;
-webkit-mask-image: var(--help-16-svg);
mask-image: var(--help-16-svg);
}
%with-help-24-icon {
@extend %with-icon, %help-24-svg-prop;
background-image: var(--help-24-svg);
}
%with-help-24-mask {
@extend %with-mask, %help-24-svg-prop;
-webkit-mask-image: var(--help-24-svg);
mask-image: var(--help-24-svg);
}
%with-help-circle-fill-icon {
@extend %with-icon, %help-circle-fill-svg-prop;
background-image: var(--help-circle-fill-svg);
}
%with-help-circle-fill-mask {
@extend %with-mask, %help-circle-fill-svg-prop;
-webkit-mask-image: var(--help-circle-fill-svg);
mask-image: var(--help-circle-fill-svg);
}
%with-help-circle-outline-icon {
@extend %with-icon, %help-circle-outline-svg-prop;
background-image: var(--help-circle-outline-svg);
}
%with-help-circle-outline-mask {
@extend %with-mask, %help-circle-outline-svg-prop;
-webkit-mask-image: var(--help-circle-outline-svg);
mask-image: var(--help-circle-outline-svg);
}
%with-hexagon-16-icon {
@extend %with-icon, %hexagon-16-svg-prop;
background-image: var(--hexagon-16-svg);
}
%with-hexagon-16-mask {
@extend %with-mask, %hexagon-16-svg-prop;
-webkit-mask-image: var(--hexagon-16-svg);
mask-image: var(--hexagon-16-svg);
}
%with-hexagon-24-icon {
@extend %with-icon, %hexagon-24-svg-prop;
background-image: var(--hexagon-24-svg);
}
%with-hexagon-24-mask {
@extend %with-mask, %hexagon-24-svg-prop;
-webkit-mask-image: var(--hexagon-24-svg);
mask-image: var(--hexagon-24-svg);
}
%with-hexagon-fill-16-icon {
@extend %with-icon, %hexagon-fill-16-svg-prop;
background-image: var(--hexagon-fill-16-svg);
}
%with-hexagon-fill-16-mask {
@extend %with-mask, %hexagon-fill-16-svg-prop;
-webkit-mask-image: var(--hexagon-fill-16-svg);
mask-image: var(--hexagon-fill-16-svg);
}
%with-hexagon-fill-24-icon {
@extend %with-icon, %hexagon-fill-24-svg-prop;
background-image: var(--hexagon-fill-24-svg);
}
%with-hexagon-fill-24-mask {
@extend %with-mask, %hexagon-fill-24-svg-prop;
-webkit-mask-image: var(--hexagon-fill-24-svg);
mask-image: var(--hexagon-fill-24-svg);
}
%with-history-16-icon {
@extend %with-icon, %history-16-svg-prop;
background-image: var(--history-16-svg);
}
%with-history-16-mask {
@extend %with-mask, %history-16-svg-prop;
-webkit-mask-image: var(--history-16-svg);
mask-image: var(--history-16-svg);
}
%with-history-24-icon {
@extend %with-icon, %history-24-svg-prop;
background-image: var(--history-24-svg);
}
%with-history-24-mask {
@extend %with-mask, %history-24-svg-prop;
-webkit-mask-image: var(--history-24-svg);
mask-image: var(--history-24-svg);
}
%with-history-icon {
@extend %with-icon, %history-svg-prop;
background-image: var(--history-svg);
}
%with-history-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %history-svg-prop;
-webkit-mask-image: var(--history-svg);
mask-image: var(--history-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-home-16-icon {
@extend %with-icon, %home-16-svg-prop;
background-image: var(--home-16-svg);
}
%with-home-16-mask {
@extend %with-mask, %home-16-svg-prop;
-webkit-mask-image: var(--home-16-svg);
mask-image: var(--home-16-svg);
}
%with-home-24-icon {
@extend %with-icon, %home-24-svg-prop;
background-image: var(--home-24-svg);
}
%with-home-24-mask {
@extend %with-mask, %home-24-svg-prop;
-webkit-mask-image: var(--home-24-svg);
mask-image: var(--home-24-svg);
}
%with-hourglass-16-icon {
@extend %with-icon, %hourglass-16-svg-prop;
background-image: var(--hourglass-16-svg);
}
%with-hourglass-16-mask {
@extend %with-mask, %hourglass-16-svg-prop;
-webkit-mask-image: var(--hourglass-16-svg);
mask-image: var(--hourglass-16-svg);
}
%with-hourglass-24-icon {
@extend %with-icon, %hourglass-24-svg-prop;
background-image: var(--hourglass-24-svg);
}
%with-hourglass-24-mask {
@extend %with-mask, %hourglass-24-svg-prop;
-webkit-mask-image: var(--hourglass-24-svg);
mask-image: var(--hourglass-24-svg);
}
%with-identity-service-16-icon {
@extend %with-icon, %identity-service-16-svg-prop;
background-image: var(--identity-service-16-svg);
}
%with-identity-service-16-mask {
@extend %with-mask, %identity-service-16-svg-prop;
-webkit-mask-image: var(--identity-service-16-svg);
mask-image: var(--identity-service-16-svg);
}
%with-identity-service-24-icon {
@extend %with-icon, %identity-service-24-svg-prop;
background-image: var(--identity-service-24-svg);
}
%with-identity-service-24-mask {
@extend %with-mask, %identity-service-24-svg-prop;
-webkit-mask-image: var(--identity-service-24-svg);
mask-image: var(--identity-service-24-svg);
}
%with-identity-user-16-icon {
@extend %with-icon, %identity-user-16-svg-prop;
background-image: var(--identity-user-16-svg);
}
%with-identity-user-16-mask {
@extend %with-mask, %identity-user-16-svg-prop;
-webkit-mask-image: var(--identity-user-16-svg);
mask-image: var(--identity-user-16-svg);
}
%with-identity-user-24-icon {
@extend %with-icon, %identity-user-24-svg-prop;
background-image: var(--identity-user-24-svg);
}
%with-identity-user-24-mask {
@extend %with-mask, %identity-user-24-svg-prop;
-webkit-mask-image: var(--identity-user-24-svg);
mask-image: var(--identity-user-24-svg);
}
%with-image-16-icon {
@extend %with-icon, %image-16-svg-prop;
background-image: var(--image-16-svg);
}
%with-image-16-mask {
@extend %with-mask, %image-16-svg-prop;
-webkit-mask-image: var(--image-16-svg);
mask-image: var(--image-16-svg);
}
%with-image-24-icon {
@extend %with-icon, %image-24-svg-prop;
background-image: var(--image-24-svg);
}
%with-image-24-mask {
@extend %with-mask, %image-24-svg-prop;
-webkit-mask-image: var(--image-24-svg);
mask-image: var(--image-24-svg);
}
%with-inbox-16-icon {
@extend %with-icon, %inbox-16-svg-prop;
background-image: var(--inbox-16-svg);
}
%with-inbox-16-mask {
@extend %with-mask, %inbox-16-svg-prop;
-webkit-mask-image: var(--inbox-16-svg);
mask-image: var(--inbox-16-svg);
}
%with-inbox-24-icon {
@extend %with-icon, %inbox-24-svg-prop;
background-image: var(--inbox-24-svg);
}
%with-inbox-24-mask {
@extend %with-mask, %inbox-24-svg-prop;
-webkit-mask-image: var(--inbox-24-svg);
mask-image: var(--inbox-24-svg);
}
%with-info-16-icon {
@extend %with-icon, %info-16-svg-prop;
background-image: var(--info-16-svg);
}
%with-info-16-mask {
@extend %with-mask, %info-16-svg-prop;
-webkit-mask-image: var(--info-16-svg);
mask-image: var(--info-16-svg);
}
%with-info-24-icon {
@extend %with-icon, %info-24-svg-prop;
background-image: var(--info-24-svg);
}
%with-info-24-mask {
@extend %with-mask, %info-24-svg-prop;
-webkit-mask-image: var(--info-24-svg);
mask-image: var(--info-24-svg);
}
%with-info-circle-fill-icon {
@extend %with-icon, %info-circle-fill-svg-prop;
background-image: var(--info-circle-fill-svg);
}
%with-info-circle-fill-mask {
@extend %with-mask, %info-circle-fill-svg-prop;
-webkit-mask-image: var(--info-circle-fill-svg);
mask-image: var(--info-circle-fill-svg);
}
%with-info-circle-outline-icon {
@extend %with-icon, %info-circle-outline-svg-prop;
background-image: var(--info-circle-outline-svg);
}
%with-info-circle-outline-mask {
@extend %with-mask, %info-circle-outline-svg-prop;
-webkit-mask-image: var(--info-circle-outline-svg);
mask-image: var(--info-circle-outline-svg);
}
%with-jump-link-16-icon {
@extend %with-icon, %jump-link-16-svg-prop;
background-image: var(--jump-link-16-svg);
}
%with-jump-link-16-mask {
@extend %with-mask, %jump-link-16-svg-prop;
-webkit-mask-image: var(--jump-link-16-svg);
mask-image: var(--jump-link-16-svg);
}
%with-jump-link-24-icon {
@extend %with-icon, %jump-link-24-svg-prop;
background-image: var(--jump-link-24-svg);
}
%with-jump-link-24-mask {
@extend %with-mask, %jump-link-24-svg-prop;
-webkit-mask-image: var(--jump-link-24-svg);
mask-image: var(--jump-link-24-svg);
}
%with-key-16-icon {
@extend %with-icon, %key-16-svg-prop;
background-image: var(--key-16-svg);
}
%with-key-16-mask {
@extend %with-mask, %key-16-svg-prop;
-webkit-mask-image: var(--key-16-svg);
mask-image: var(--key-16-svg);
}
%with-key-24-icon {
@extend %with-icon, %key-24-svg-prop;
background-image: var(--key-24-svg);
}
%with-key-24-mask {
@extend %with-mask, %key-24-svg-prop;
-webkit-mask-image: var(--key-24-svg);
mask-image: var(--key-24-svg);
}
%with-key-values-16-icon {
@extend %with-icon, %key-values-16-svg-prop;
background-image: var(--key-values-16-svg);
}
%with-key-values-16-mask {
@extend %with-mask, %key-values-16-svg-prop;
-webkit-mask-image: var(--key-values-16-svg);
mask-image: var(--key-values-16-svg);
}
%with-key-values-24-icon {
@extend %with-icon, %key-values-24-svg-prop;
background-image: var(--key-values-24-svg);
}
%with-key-values-24-mask {
@extend %with-mask, %key-values-24-svg-prop;
-webkit-mask-image: var(--key-values-24-svg);
mask-image: var(--key-values-24-svg);
}
%with-key-icon {
@extend %with-icon, %key-svg-prop;
background-image: var(--key-svg);
}
%with-key-mask {
@extend %with-mask, %key-svg-prop;
-webkit-mask-image: var(--key-svg);
mask-image: var(--key-svg);
}
%with-kubernetes-16-icon {
@extend %with-icon, %kubernetes-16-svg-prop;
background-image: var(--kubernetes-16-svg);
}
%with-kubernetes-16-mask {
@extend %with-mask, %kubernetes-16-svg-prop;
-webkit-mask-image: var(--kubernetes-16-svg);
mask-image: var(--kubernetes-16-svg);
}
%with-kubernetes-24-icon {
@extend %with-icon, %kubernetes-24-svg-prop;
background-image: var(--kubernetes-24-svg);
}
%with-kubernetes-24-mask {
@extend %with-mask, %kubernetes-24-svg-prop;
-webkit-mask-image: var(--kubernetes-24-svg);
mask-image: var(--kubernetes-24-svg);
}
%with-kubernetes-color-16-icon {
@extend %with-icon, %kubernetes-color-16-svg-prop;
background-image: var(--kubernetes-color-16-svg);
}
%with-kubernetes-color-16-mask {
@extend %with-mask, %kubernetes-color-16-svg-prop;
-webkit-mask-image: var(--kubernetes-color-16-svg);
mask-image: var(--kubernetes-color-16-svg);
}
%with-kubernetes-color-24-icon {
@extend %with-icon, %kubernetes-color-24-svg-prop;
background-image: var(--kubernetes-color-24-svg);
}
%with-kubernetes-color-24-mask {
@extend %with-mask, %kubernetes-color-24-svg-prop;
-webkit-mask-image: var(--kubernetes-color-24-svg);
mask-image: var(--kubernetes-color-24-svg);
}
%with-labyrinth-16-icon {
@extend %with-icon, %labyrinth-16-svg-prop;
background-image: var(--labyrinth-16-svg);
}
%with-labyrinth-16-mask {
@extend %with-mask, %labyrinth-16-svg-prop;
-webkit-mask-image: var(--labyrinth-16-svg);
mask-image: var(--labyrinth-16-svg);
}
%with-labyrinth-24-icon {
@extend %with-icon, %labyrinth-24-svg-prop;
background-image: var(--labyrinth-24-svg);
}
%with-labyrinth-24-mask {
@extend %with-mask, %labyrinth-24-svg-prop;
-webkit-mask-image: var(--labyrinth-24-svg);
mask-image: var(--labyrinth-24-svg);
}
%with-layers-16-icon {
@extend %with-icon, %layers-16-svg-prop;
background-image: var(--layers-16-svg);
}
%with-layers-16-mask {
@extend %with-mask, %layers-16-svg-prop;
-webkit-mask-image: var(--layers-16-svg);
mask-image: var(--layers-16-svg);
}
%with-layers-24-icon {
@extend %with-icon, %layers-24-svg-prop;
background-image: var(--layers-24-svg);
}
%with-layers-24-mask {
@extend %with-mask, %layers-24-svg-prop;
-webkit-mask-image: var(--layers-24-svg);
mask-image: var(--layers-24-svg);
}
%with-layers-icon {
@extend %with-icon, %layers-svg-prop;
background-image: var(--layers-svg);
}
%with-layers-mask {
@extend %with-mask, %layers-svg-prop;
-webkit-mask-image: var(--layers-svg);
mask-image: var(--layers-svg);
}
%with-layout-16-icon {
@extend %with-icon, %layout-16-svg-prop;
background-image: var(--layout-16-svg);
}
%with-layout-16-mask {
@extend %with-mask, %layout-16-svg-prop;
-webkit-mask-image: var(--layout-16-svg);
mask-image: var(--layout-16-svg);
}
%with-layout-24-icon {
@extend %with-icon, %layout-24-svg-prop;
background-image: var(--layout-24-svg);
}
%with-layout-24-mask {
@extend %with-mask, %layout-24-svg-prop;
-webkit-mask-image: var(--layout-24-svg);
mask-image: var(--layout-24-svg);
}
%with-learn-16-icon {
@extend %with-icon, %learn-16-svg-prop;
background-image: var(--learn-16-svg);
}
%with-learn-16-mask {
@extend %with-mask, %learn-16-svg-prop;
-webkit-mask-image: var(--learn-16-svg);
mask-image: var(--learn-16-svg);
}
%with-learn-24-icon {
@extend %with-icon, %learn-24-svg-prop;
background-image: var(--learn-24-svg);
}
%with-learn-24-mask {
@extend %with-mask, %learn-24-svg-prop;
-webkit-mask-image: var(--learn-24-svg);
mask-image: var(--learn-24-svg);
}
%with-learn-link-16-icon {
@extend %with-icon, %learn-link-16-svg-prop;
background-image: var(--learn-link-16-svg);
}
%with-learn-link-16-mask {
@extend %with-mask, %learn-link-16-svg-prop;
-webkit-mask-image: var(--learn-link-16-svg);
mask-image: var(--learn-link-16-svg);
}
%with-learn-link-24-icon {
@extend %with-icon, %learn-link-24-svg-prop;
background-image: var(--learn-link-24-svg);
}
%with-learn-link-24-mask {
@extend %with-mask, %learn-link-24-svg-prop;
-webkit-mask-image: var(--learn-link-24-svg);
mask-image: var(--learn-link-24-svg);
}
%with-learn-icon {
@extend %with-icon, %learn-svg-prop;
background-image: var(--learn-svg);
}
%with-learn-mask {
@extend %with-mask, %learn-svg-prop;
-webkit-mask-image: var(--learn-svg);
mask-image: var(--learn-svg);
}
%with-line-chart-16-icon {
@extend %with-icon, %line-chart-16-svg-prop;
background-image: var(--line-chart-16-svg);
}
%with-line-chart-16-mask {
@extend %with-mask, %line-chart-16-svg-prop;
-webkit-mask-image: var(--line-chart-16-svg);
mask-image: var(--line-chart-16-svg);
}
%with-line-chart-24-icon {
@extend %with-icon, %line-chart-24-svg-prop;
background-image: var(--line-chart-24-svg);
}
%with-line-chart-24-mask {
@extend %with-mask, %line-chart-24-svg-prop;
-webkit-mask-image: var(--line-chart-24-svg);
mask-image: var(--line-chart-24-svg);
}
%with-line-chart-up-16-icon {
@extend %with-icon, %line-chart-up-16-svg-prop;
background-image: var(--line-chart-up-16-svg);
}
%with-line-chart-up-16-mask {
@extend %with-mask, %line-chart-up-16-svg-prop;
-webkit-mask-image: var(--line-chart-up-16-svg);
mask-image: var(--line-chart-up-16-svg);
}
%with-line-chart-up-24-icon {
@extend %with-icon, %line-chart-up-24-svg-prop;
background-image: var(--line-chart-up-24-svg);
}
%with-line-chart-up-24-mask {
@extend %with-mask, %line-chart-up-24-svg-prop;
-webkit-mask-image: var(--line-chart-up-24-svg);
mask-image: var(--line-chart-up-24-svg);
}
%with-link-16-icon {
@extend %with-icon, %link-16-svg-prop;
background-image: var(--link-16-svg);
}
%with-link-16-mask {
@extend %with-mask, %link-16-svg-prop;
-webkit-mask-image: var(--link-16-svg);
mask-image: var(--link-16-svg);
}
%with-link-24-icon {
@extend %with-icon, %link-24-svg-prop;
background-image: var(--link-24-svg);
}
%with-link-24-mask {
@extend %with-mask, %link-24-svg-prop;
-webkit-mask-image: var(--link-24-svg);
mask-image: var(--link-24-svg);
}
%with-link-icon {
@extend %with-icon, %link-svg-prop;
background-image: var(--link-svg);
}
%with-link-mask {
@extend %with-mask, %link-svg-prop;
-webkit-mask-image: var(--link-svg);
mask-image: var(--link-svg);
}
%with-list-16-icon {
@extend %with-icon, %list-16-svg-prop;
background-image: var(--list-16-svg);
}
%with-list-16-mask {
@extend %with-mask, %list-16-svg-prop;
-webkit-mask-image: var(--list-16-svg);
mask-image: var(--list-16-svg);
}
%with-list-24-icon {
@extend %with-icon, %list-24-svg-prop;
background-image: var(--list-24-svg);
}
%with-list-24-mask {
@extend %with-mask, %list-24-svg-prop;
-webkit-mask-image: var(--list-24-svg);
mask-image: var(--list-24-svg);
}
%with-loading-icon {
@extend %with-icon, %loading-svg-prop;
background-image: var(--loading-svg);
}
%with-loading-mask {
@extend %with-mask, %loading-svg-prop;
-webkit-mask-image: var(--loading-svg);
mask-image: var(--loading-svg);
}
%with-lock-16-icon {
@extend %with-icon, %lock-16-svg-prop;
background-image: var(--lock-16-svg);
}
%with-lock-16-mask {
@extend %with-mask, %lock-16-svg-prop;
-webkit-mask-image: var(--lock-16-svg);
mask-image: var(--lock-16-svg);
}
%with-lock-24-icon {
@extend %with-icon, %lock-24-svg-prop;
background-image: var(--lock-24-svg);
}
%with-lock-24-mask {
@extend %with-mask, %lock-24-svg-prop;
-webkit-mask-image: var(--lock-24-svg);
mask-image: var(--lock-24-svg);
}
%with-lock-closed-fill-icon {
@extend %with-icon, %lock-closed-fill-svg-prop;
background-image: var(--lock-closed-fill-svg);
}
%with-lock-closed-fill-mask {
@extend %with-mask, %lock-closed-fill-svg-prop;
-webkit-mask-image: var(--lock-closed-fill-svg);
mask-image: var(--lock-closed-fill-svg);
}
%with-lock-closed-outline-icon {
@extend %with-icon, %lock-closed-outline-svg-prop;
background-image: var(--lock-closed-outline-svg);
}
%with-lock-closed-outline-mask {
@extend %with-mask, %lock-closed-outline-svg-prop;
-webkit-mask-image: var(--lock-closed-outline-svg);
mask-image: var(--lock-closed-outline-svg);
}
%with-lock-closed-icon {
@extend %with-icon, %lock-closed-svg-prop;
background-image: var(--lock-closed-svg);
}
%with-lock-closed-mask {
@extend %with-mask, %lock-closed-svg-prop;
-webkit-mask-image: var(--lock-closed-svg);
mask-image: var(--lock-closed-svg);
}
%with-lock-disabled-icon {
@extend %with-icon, %lock-disabled-svg-prop;
background-image: var(--lock-disabled-svg);
}
%with-lock-disabled-mask {
@extend %with-mask, %lock-disabled-svg-prop;
-webkit-mask-image: var(--lock-disabled-svg);
mask-image: var(--lock-disabled-svg);
}
%with-lock-fill-16-icon {
@extend %with-icon, %lock-fill-16-svg-prop;
background-image: var(--lock-fill-16-svg);
}
%with-lock-fill-16-mask {
@extend %with-mask, %lock-fill-16-svg-prop;
-webkit-mask-image: var(--lock-fill-16-svg);
mask-image: var(--lock-fill-16-svg);
}
%with-lock-fill-24-icon {
@extend %with-icon, %lock-fill-24-svg-prop;
background-image: var(--lock-fill-24-svg);
}
%with-lock-fill-24-mask {
@extend %with-mask, %lock-fill-24-svg-prop;
-webkit-mask-image: var(--lock-fill-24-svg);
mask-image: var(--lock-fill-24-svg);
}
%with-lock-off-16-icon {
@extend %with-icon, %lock-off-16-svg-prop;
background-image: var(--lock-off-16-svg);
}
%with-lock-off-16-mask {
@extend %with-mask, %lock-off-16-svg-prop;
-webkit-mask-image: var(--lock-off-16-svg);
mask-image: var(--lock-off-16-svg);
}
%with-lock-off-24-icon {
@extend %with-icon, %lock-off-24-svg-prop;
background-image: var(--lock-off-24-svg);
}
%with-lock-off-24-mask {
@extend %with-mask, %lock-off-24-svg-prop;
-webkit-mask-image: var(--lock-off-24-svg);
mask-image: var(--lock-off-24-svg);
}
%with-lock-open-icon {
@extend %with-icon, %lock-open-svg-prop;
background-image: var(--lock-open-svg);
}
%with-lock-open-mask {
@extend %with-mask, %lock-open-svg-prop;
-webkit-mask-image: var(--lock-open-svg);
mask-image: var(--lock-open-svg);
}
%with-logo-alicloud-color-icon {
@extend %with-icon, %logo-alicloud-color-svg-prop;
background-image: var(--logo-alicloud-color-svg);
}
%with-logo-alicloud-color-mask {
@extend %with-mask, %logo-alicloud-color-svg-prop;
-webkit-mask-image: var(--logo-alicloud-color-svg);
mask-image: var(--logo-alicloud-color-svg);
}
%with-logo-alicloud-monochrome-icon {
@extend %with-icon, %logo-alicloud-monochrome-svg-prop;
background-image: var(--logo-alicloud-monochrome-svg);
}
%with-logo-alicloud-monochrome-mask {
@extend %with-mask, %logo-alicloud-monochrome-svg-prop;
-webkit-mask-image: var(--logo-alicloud-monochrome-svg);
mask-image: var(--logo-alicloud-monochrome-svg);
}
%with-logo-auth0-color-icon {
@extend %with-icon, %logo-auth0-color-svg-prop;
background-image: var(--logo-auth0-color-svg);
}
%with-logo-auth0-color-mask {
@extend %with-mask, %logo-auth0-color-svg-prop;
-webkit-mask-image: var(--logo-auth0-color-svg);
mask-image: var(--logo-auth0-color-svg);
}
%with-logo-aws-color-icon {
@extend %with-icon, %logo-aws-color-svg-prop;
background-image: var(--logo-aws-color-svg);
}
%with-logo-aws-color-mask {
@extend %with-mask, %logo-aws-color-svg-prop;
-webkit-mask-image: var(--logo-aws-color-svg);
mask-image: var(--logo-aws-color-svg);
}
%with-logo-aws-monochrome-icon {
@extend %with-icon, %logo-aws-monochrome-svg-prop;
background-image: var(--logo-aws-monochrome-svg);
}
%with-logo-aws-monochrome-mask {
@extend %with-mask, %logo-aws-monochrome-svg-prop;
-webkit-mask-image: var(--logo-aws-monochrome-svg);
mask-image: var(--logo-aws-monochrome-svg);
}
%with-logo-azure-color-icon {
@extend %with-icon, %logo-azure-color-svg-prop;
background-image: var(--logo-azure-color-svg);
}
%with-logo-azure-color-mask {
@extend %with-mask, %logo-azure-color-svg-prop;
-webkit-mask-image: var(--logo-azure-color-svg);
mask-image: var(--logo-azure-color-svg);
}
%with-logo-azure-dev-ops-color-icon {
@extend %with-icon, %logo-azure-dev-ops-color-svg-prop;
background-image: var(--logo-azure-dev-ops-color-svg);
}
%with-logo-azure-dev-ops-color-mask {
@extend %with-mask, %logo-azure-dev-ops-color-svg-prop;
-webkit-mask-image: var(--logo-azure-dev-ops-color-svg);
mask-image: var(--logo-azure-dev-ops-color-svg);
}
%with-logo-azure-dev-ops-monochrome-icon {
@extend %with-icon, %logo-azure-dev-ops-monochrome-svg-prop;
background-image: var(--logo-azure-dev-ops-monochrome-svg);
}
%with-logo-azure-dev-ops-monochrome-mask {
@extend %with-mask, %logo-azure-dev-ops-monochrome-svg-prop;
-webkit-mask-image: var(--logo-azure-dev-ops-monochrome-svg);
mask-image: var(--logo-azure-dev-ops-monochrome-svg);
}
%with-logo-azure-monochrome-icon {
@extend %with-icon, %logo-azure-monochrome-svg-prop;
background-image: var(--logo-azure-monochrome-svg);
}
%with-logo-azure-monochrome-mask {
@extend %with-mask, %logo-azure-monochrome-svg-prop;
-webkit-mask-image: var(--logo-azure-monochrome-svg);
mask-image: var(--logo-azure-monochrome-svg);
}
%with-logo-bitbucket-color-icon {
@extend %with-icon, %logo-bitbucket-color-svg-prop;
background-image: var(--logo-bitbucket-color-svg);
}
%with-logo-bitbucket-color-mask {
@extend %with-mask, %logo-bitbucket-color-svg-prop;
-webkit-mask-image: var(--logo-bitbucket-color-svg);
mask-image: var(--logo-bitbucket-color-svg);
}
%with-logo-bitbucket-monochrome-icon {
@extend %with-icon, %logo-bitbucket-monochrome-svg-prop;
background-image: var(--logo-bitbucket-monochrome-svg);
}
%with-logo-bitbucket-monochrome-mask {
@extend %with-mask, %logo-bitbucket-monochrome-svg-prop;
-webkit-mask-image: var(--logo-bitbucket-monochrome-svg);
mask-image: var(--logo-bitbucket-monochrome-svg);
}
%with-logo-consul-color-icon {
@extend %with-icon, %logo-consul-color-svg-prop;
background-image: var(--logo-consul-color-svg);
}
%with-logo-consul-color-mask {
@extend %with-mask, %logo-consul-color-svg-prop;
-webkit-mask-image: var(--logo-consul-color-svg);
mask-image: var(--logo-consul-color-svg);
}
%with-logo-ember-circle-color-icon {
@extend %with-icon, %logo-ember-circle-color-svg-prop;
background-image: var(--logo-ember-circle-color-svg);
}
%with-logo-ember-circle-color-mask {
@extend %with-mask, %logo-ember-circle-color-svg-prop;
-webkit-mask-image: var(--logo-ember-circle-color-svg);
mask-image: var(--logo-ember-circle-color-svg);
}
%with-logo-gcp-color-icon {
@extend %with-icon, %logo-gcp-color-svg-prop;
background-image: var(--logo-gcp-color-svg);
}
%with-logo-gcp-color-mask {
@extend %with-mask, %logo-gcp-color-svg-prop;
-webkit-mask-image: var(--logo-gcp-color-svg);
mask-image: var(--logo-gcp-color-svg);
}
%with-logo-gcp-monochrome-icon {
@extend %with-icon, %logo-gcp-monochrome-svg-prop;
background-image: var(--logo-gcp-monochrome-svg);
}
%with-logo-gcp-monochrome-mask {
@extend %with-mask, %logo-gcp-monochrome-svg-prop;
-webkit-mask-image: var(--logo-gcp-monochrome-svg);
mask-image: var(--logo-gcp-monochrome-svg);
}
%with-logo-github-color-icon {
@extend %with-icon, %logo-github-color-svg-prop;
background-image: var(--logo-github-color-svg);
}
%with-logo-github-color-mask {
@extend %with-mask, %logo-github-color-svg-prop;
-webkit-mask-image: var(--logo-github-color-svg);
mask-image: var(--logo-github-color-svg);
}
%with-logo-github-monochrome-icon {
@extend %with-icon, %logo-github-monochrome-svg-prop;
background-image: var(--logo-github-monochrome-svg);
}
%with-logo-github-monochrome-mask {
@extend %with-mask, %logo-github-monochrome-svg-prop;
-webkit-mask-image: var(--logo-github-monochrome-svg);
mask-image: var(--logo-github-monochrome-svg);
}
%with-logo-gitlab-color-icon {
@extend %with-icon, %logo-gitlab-color-svg-prop;
background-image: var(--logo-gitlab-color-svg);
}
%with-logo-gitlab-color-mask {
@extend %with-mask, %logo-gitlab-color-svg-prop;
-webkit-mask-image: var(--logo-gitlab-color-svg);
mask-image: var(--logo-gitlab-color-svg);
}
%with-logo-gitlab-monochrome-icon {
@extend %with-icon, %logo-gitlab-monochrome-svg-prop;
background-image: var(--logo-gitlab-monochrome-svg);
}
%with-logo-gitlab-monochrome-mask {
@extend %with-mask, %logo-gitlab-monochrome-svg-prop;
-webkit-mask-image: var(--logo-gitlab-monochrome-svg);
mask-image: var(--logo-gitlab-monochrome-svg);
}
%with-logo-glimmer-color-icon {
@extend %with-icon, %logo-glimmer-color-svg-prop;
background-image: var(--logo-glimmer-color-svg);
}
%with-logo-glimmer-color-mask {
@extend %with-mask, %logo-glimmer-color-svg-prop;
-webkit-mask-image: var(--logo-glimmer-color-svg);
mask-image: var(--logo-glimmer-color-svg);
}
%with-logo-google-color-icon {
@extend %with-icon, %logo-google-color-svg-prop;
background-image: var(--logo-google-color-svg);
}
%with-logo-google-color-mask {
@extend %with-mask, %logo-google-color-svg-prop;
-webkit-mask-image: var(--logo-google-color-svg);
mask-image: var(--logo-google-color-svg);
}
%with-logo-google-monochrome-icon {
@extend %with-icon, %logo-google-monochrome-svg-prop;
background-image: var(--logo-google-monochrome-svg);
}
%with-logo-google-monochrome-mask {
@extend %with-mask, %logo-google-monochrome-svg-prop;
-webkit-mask-image: var(--logo-google-monochrome-svg);
mask-image: var(--logo-google-monochrome-svg);
}
%with-logo-hashicorp-color-icon {
@extend %with-icon, %logo-hashicorp-color-svg-prop;
background-image: var(--logo-hashicorp-color-svg);
}
%with-logo-hashicorp-color-mask {
@extend %with-mask, %logo-hashicorp-color-svg-prop;
-webkit-mask-image: var(--logo-hashicorp-color-svg);
mask-image: var(--logo-hashicorp-color-svg);
}
%with-logo-jwt-color-icon {
@extend %with-icon, %logo-jwt-color-svg-prop;
background-image: var(--logo-jwt-color-svg);
}
%with-logo-jwt-color-mask {
@extend %with-mask, %logo-jwt-color-svg-prop;
-webkit-mask-image: var(--logo-jwt-color-svg);
mask-image: var(--logo-jwt-color-svg);
}
%with-logo-kubernetes-color-icon {
@extend %with-icon, %logo-kubernetes-color-svg-prop;
background-image: var(--logo-kubernetes-color-svg);
}
%with-logo-kubernetes-color-mask {
@extend %with-mask, %logo-kubernetes-color-svg-prop;
-webkit-mask-image: var(--logo-kubernetes-color-svg);
mask-image: var(--logo-kubernetes-color-svg);
}
%with-logo-kubernetes-monochrome-icon {
@extend %with-icon, %logo-kubernetes-monochrome-svg-prop;
background-image: var(--logo-kubernetes-monochrome-svg);
}
%with-logo-kubernetes-monochrome-mask {
@extend %with-mask, %logo-kubernetes-monochrome-svg-prop;
-webkit-mask-image: var(--logo-kubernetes-monochrome-svg);
mask-image: var(--logo-kubernetes-monochrome-svg);
}
%with-logo-microsoft-color-icon {
@extend %with-icon, %logo-microsoft-color-svg-prop;
background-image: var(--logo-microsoft-color-svg);
}
%with-logo-microsoft-color-mask {
@extend %with-mask, %logo-microsoft-color-svg-prop;
-webkit-mask-image: var(--logo-microsoft-color-svg);
mask-image: var(--logo-microsoft-color-svg);
}
%with-logo-nomad-color-icon {
@extend %with-icon, %logo-nomad-color-svg-prop;
background-image: var(--logo-nomad-color-svg);
}
%with-logo-nomad-color-mask {
@extend %with-mask, %logo-nomad-color-svg-prop;
-webkit-mask-image: var(--logo-nomad-color-svg);
mask-image: var(--logo-nomad-color-svg);
}
%with-logo-oidc-color-icon {
@extend %with-icon, %logo-oidc-color-svg-prop;
background-image: var(--logo-oidc-color-svg);
}
%with-logo-oidc-color-mask {
@extend %with-mask, %logo-oidc-color-svg-prop;
-webkit-mask-image: var(--logo-oidc-color-svg);
mask-image: var(--logo-oidc-color-svg);
}
%with-logo-okta-color-icon {
@extend %with-icon, %logo-okta-color-svg-prop;
background-image: var(--logo-okta-color-svg);
}
%with-logo-okta-color-mask {
@extend %with-mask, %logo-okta-color-svg-prop;
-webkit-mask-image: var(--logo-okta-color-svg);
mask-image: var(--logo-okta-color-svg);
}
%with-logo-oracle-color-icon {
@extend %with-icon, %logo-oracle-color-svg-prop;
background-image: var(--logo-oracle-color-svg);
}
%with-logo-oracle-color-mask {
@extend %with-mask, %logo-oracle-color-svg-prop;
-webkit-mask-image: var(--logo-oracle-color-svg);
mask-image: var(--logo-oracle-color-svg);
}
%with-logo-oracle-monochrome-icon {
@extend %with-icon, %logo-oracle-monochrome-svg-prop;
background-image: var(--logo-oracle-monochrome-svg);
}
%with-logo-oracle-monochrome-mask {
@extend %with-mask, %logo-oracle-monochrome-svg-prop;
-webkit-mask-image: var(--logo-oracle-monochrome-svg);
mask-image: var(--logo-oracle-monochrome-svg);
}
%with-logo-slack-color-icon {
@extend %with-icon, %logo-slack-color-svg-prop;
background-image: var(--logo-slack-color-svg);
}
%with-logo-slack-color-mask {
@extend %with-mask, %logo-slack-color-svg-prop;
-webkit-mask-image: var(--logo-slack-color-svg);
mask-image: var(--logo-slack-color-svg);
}
%with-logo-slack-monochrome-icon {
@extend %with-icon, %logo-slack-monochrome-svg-prop;
background-image: var(--logo-slack-monochrome-svg);
}
%with-logo-slack-monochrome-mask {
@extend %with-mask, %logo-slack-monochrome-svg-prop;
-webkit-mask-image: var(--logo-slack-monochrome-svg);
mask-image: var(--logo-slack-monochrome-svg);
}
%with-logo-terraform-color-icon {
@extend %with-icon, %logo-terraform-color-svg-prop;
background-image: var(--logo-terraform-color-svg);
}
%with-logo-terraform-color-mask {
@extend %with-mask, %logo-terraform-color-svg-prop;
-webkit-mask-image: var(--logo-terraform-color-svg);
mask-image: var(--logo-terraform-color-svg);
}
%with-logo-vault-color-icon {
@extend %with-icon, %logo-vault-color-svg-prop;
background-image: var(--logo-vault-color-svg);
}
%with-logo-vault-color-mask {
@extend %with-mask, %logo-vault-color-svg-prop;
-webkit-mask-image: var(--logo-vault-color-svg);
mask-image: var(--logo-vault-color-svg);
}
%with-logo-vmware-color-icon {
@extend %with-icon, %logo-vmware-color-svg-prop;
background-image: var(--logo-vmware-color-svg);
}
%with-logo-vmware-color-mask {
@extend %with-mask, %logo-vmware-color-svg-prop;
-webkit-mask-image: var(--logo-vmware-color-svg);
mask-image: var(--logo-vmware-color-svg);
}
%with-logo-vmware-monochrome-icon {
@extend %with-icon, %logo-vmware-monochrome-svg-prop;
background-image: var(--logo-vmware-monochrome-svg);
}
%with-logo-vmware-monochrome-mask {
@extend %with-mask, %logo-vmware-monochrome-svg-prop;
-webkit-mask-image: var(--logo-vmware-monochrome-svg);
mask-image: var(--logo-vmware-monochrome-svg);
}
%with-mail-16-icon {
@extend %with-icon, %mail-16-svg-prop;
background-image: var(--mail-16-svg);
}
%with-mail-16-mask {
@extend %with-mask, %mail-16-svg-prop;
-webkit-mask-image: var(--mail-16-svg);
mask-image: var(--mail-16-svg);
}
%with-mail-24-icon {
@extend %with-icon, %mail-24-svg-prop;
background-image: var(--mail-24-svg);
}
%with-mail-24-mask {
@extend %with-mask, %mail-24-svg-prop;
-webkit-mask-image: var(--mail-24-svg);
mask-image: var(--mail-24-svg);
}
%with-mail-open-16-icon {
@extend %with-icon, %mail-open-16-svg-prop;
background-image: var(--mail-open-16-svg);
}
%with-mail-open-16-mask {
@extend %with-mask, %mail-open-16-svg-prop;
-webkit-mask-image: var(--mail-open-16-svg);
mask-image: var(--mail-open-16-svg);
}
%with-mail-open-24-icon {
@extend %with-icon, %mail-open-24-svg-prop;
background-image: var(--mail-open-24-svg);
}
%with-mail-open-24-mask {
@extend %with-mask, %mail-open-24-svg-prop;
-webkit-mask-image: var(--mail-open-24-svg);
mask-image: var(--mail-open-24-svg);
}
%with-map-16-icon {
@extend %with-icon, %map-16-svg-prop;
background-image: var(--map-16-svg);
}
%with-map-16-mask {
@extend %with-mask, %map-16-svg-prop;
-webkit-mask-image: var(--map-16-svg);
mask-image: var(--map-16-svg);
}
%with-map-24-icon {
@extend %with-icon, %map-24-svg-prop;
background-image: var(--map-24-svg);
}
%with-map-24-mask {
@extend %with-mask, %map-24-svg-prop;
-webkit-mask-image: var(--map-24-svg);
mask-image: var(--map-24-svg);
}
%with-map-pin-16-icon {
@extend %with-icon, %map-pin-16-svg-prop;
background-image: var(--map-pin-16-svg);
}
%with-map-pin-16-mask {
@extend %with-mask, %map-pin-16-svg-prop;
-webkit-mask-image: var(--map-pin-16-svg);
mask-image: var(--map-pin-16-svg);
}
%with-map-pin-24-icon {
@extend %with-icon, %map-pin-24-svg-prop;
background-image: var(--map-pin-24-svg);
}
%with-map-pin-24-mask {
@extend %with-mask, %map-pin-24-svg-prop;
-webkit-mask-image: var(--map-pin-24-svg);
mask-image: var(--map-pin-24-svg);
}
%with-maximize-16-icon {
@extend %with-icon, %maximize-16-svg-prop;
background-image: var(--maximize-16-svg);
}
%with-maximize-16-mask {
@extend %with-mask, %maximize-16-svg-prop;
-webkit-mask-image: var(--maximize-16-svg);
mask-image: var(--maximize-16-svg);
}
%with-maximize-24-icon {
@extend %with-icon, %maximize-24-svg-prop;
background-image: var(--maximize-24-svg);
}
%with-maximize-24-mask {
@extend %with-mask, %maximize-24-svg-prop;
-webkit-mask-image: var(--maximize-24-svg);
mask-image: var(--maximize-24-svg);
}
%with-maximize-alt-16-icon {
@extend %with-icon, %maximize-alt-16-svg-prop;
background-image: var(--maximize-alt-16-svg);
}
%with-maximize-alt-16-mask {
@extend %with-mask, %maximize-alt-16-svg-prop;
-webkit-mask-image: var(--maximize-alt-16-svg);
mask-image: var(--maximize-alt-16-svg);
}
%with-maximize-alt-24-icon {
@extend %with-icon, %maximize-alt-24-svg-prop;
background-image: var(--maximize-alt-24-svg);
}
%with-maximize-alt-24-mask {
@extend %with-mask, %maximize-alt-24-svg-prop;
-webkit-mask-image: var(--maximize-alt-24-svg);
mask-image: var(--maximize-alt-24-svg);
}
%with-meh-16-icon {
@extend %with-icon, %meh-16-svg-prop;
background-image: var(--meh-16-svg);
}
%with-meh-16-mask {
@extend %with-mask, %meh-16-svg-prop;
-webkit-mask-image: var(--meh-16-svg);
mask-image: var(--meh-16-svg);
}
%with-meh-24-icon {
@extend %with-icon, %meh-24-svg-prop;
background-image: var(--meh-24-svg);
}
%with-meh-24-mask {
@extend %with-mask, %meh-24-svg-prop;
-webkit-mask-image: var(--meh-24-svg);
mask-image: var(--meh-24-svg);
}
%with-menu-16-icon {
@extend %with-icon, %menu-16-svg-prop;
background-image: var(--menu-16-svg);
}
%with-menu-16-mask {
@extend %with-mask, %menu-16-svg-prop;
-webkit-mask-image: var(--menu-16-svg);
mask-image: var(--menu-16-svg);
}
%with-menu-24-icon {
@extend %with-icon, %menu-24-svg-prop;
background-image: var(--menu-24-svg);
}
%with-menu-24-mask {
@extend %with-mask, %menu-24-svg-prop;
-webkit-mask-image: var(--menu-24-svg);
mask-image: var(--menu-24-svg);
}
%with-menu-icon {
@extend %with-icon, %menu-svg-prop;
background-image: var(--menu-svg);
}
%with-menu-mask {
@extend %with-mask, %menu-svg-prop;
-webkit-mask-image: var(--menu-svg);
mask-image: var(--menu-svg);
}
%with-mesh-16-icon {
@extend %with-icon, %mesh-16-svg-prop;
background-image: var(--mesh-16-svg);
}
%with-mesh-16-mask {
@extend %with-mask, %mesh-16-svg-prop;
-webkit-mask-image: var(--mesh-16-svg);
mask-image: var(--mesh-16-svg);
}
%with-mesh-24-icon {
@extend %with-icon, %mesh-24-svg-prop;
background-image: var(--mesh-24-svg);
}
%with-mesh-24-mask {
@extend %with-mask, %mesh-24-svg-prop;
-webkit-mask-image: var(--mesh-24-svg);
mask-image: var(--mesh-24-svg);
}
%with-mesh-icon {
@extend %with-icon, %mesh-svg-prop;
background-image: var(--mesh-svg);
}
%with-mesh-mask {
@extend %with-mask, %mesh-svg-prop;
-webkit-mask-image: var(--mesh-svg);
mask-image: var(--mesh-svg);
}
%with-message-circle-16-icon {
@extend %with-icon, %message-circle-16-svg-prop;
background-image: var(--message-circle-16-svg);
}
%with-message-circle-16-mask {
@extend %with-mask, %message-circle-16-svg-prop;
-webkit-mask-image: var(--message-circle-16-svg);
mask-image: var(--message-circle-16-svg);
}
%with-message-circle-24-icon {
@extend %with-icon, %message-circle-24-svg-prop;
background-image: var(--message-circle-24-svg);
}
%with-message-circle-24-mask {
@extend %with-mask, %message-circle-24-svg-prop;
-webkit-mask-image: var(--message-circle-24-svg);
mask-image: var(--message-circle-24-svg);
}
%with-message-circle-fill-16-icon {
@extend %with-icon, %message-circle-fill-16-svg-prop;
background-image: var(--message-circle-fill-16-svg);
}
%with-message-circle-fill-16-mask {
@extend %with-mask, %message-circle-fill-16-svg-prop;
-webkit-mask-image: var(--message-circle-fill-16-svg);
mask-image: var(--message-circle-fill-16-svg);
}
%with-message-circle-fill-24-icon {
@extend %with-icon, %message-circle-fill-24-svg-prop;
background-image: var(--message-circle-fill-24-svg);
}
%with-message-circle-fill-24-mask {
@extend %with-mask, %message-circle-fill-24-svg-prop;
-webkit-mask-image: var(--message-circle-fill-24-svg);
mask-image: var(--message-circle-fill-24-svg);
}
%with-message-square-16-icon {
@extend %with-icon, %message-square-16-svg-prop;
background-image: var(--message-square-16-svg);
}
%with-message-square-16-mask {
@extend %with-mask, %message-square-16-svg-prop;
-webkit-mask-image: var(--message-square-16-svg);
mask-image: var(--message-square-16-svg);
}
%with-message-square-24-icon {
@extend %with-icon, %message-square-24-svg-prop;
background-image: var(--message-square-24-svg);
}
%with-message-square-24-mask {
@extend %with-mask, %message-square-24-svg-prop;
-webkit-mask-image: var(--message-square-24-svg);
mask-image: var(--message-square-24-svg);
}
%with-message-square-fill-16-icon {
@extend %with-icon, %message-square-fill-16-svg-prop;
background-image: var(--message-square-fill-16-svg);
}
%with-message-square-fill-16-mask {
@extend %with-mask, %message-square-fill-16-svg-prop;
-webkit-mask-image: var(--message-square-fill-16-svg);
mask-image: var(--message-square-fill-16-svg);
}
%with-message-square-fill-24-icon {
@extend %with-icon, %message-square-fill-24-svg-prop;
background-image: var(--message-square-fill-24-svg);
}
%with-message-square-fill-24-mask {
@extend %with-mask, %message-square-fill-24-svg-prop;
-webkit-mask-image: var(--message-square-fill-24-svg);
mask-image: var(--message-square-fill-24-svg);
}
%with-message-icon {
@extend %with-icon, %message-svg-prop;
background-image: var(--message-svg);
}
%with-message-mask {
@extend %with-mask, %message-svg-prop;
-webkit-mask-image: var(--message-svg);
mask-image: var(--message-svg);
}
%with-mic-16-icon {
@extend %with-icon, %mic-16-svg-prop;
background-image: var(--mic-16-svg);
}
%with-mic-16-mask {
@extend %with-mask, %mic-16-svg-prop;
-webkit-mask-image: var(--mic-16-svg);
mask-image: var(--mic-16-svg);
}
%with-mic-24-icon {
@extend %with-icon, %mic-24-svg-prop;
background-image: var(--mic-24-svg);
}
%with-mic-24-mask {
@extend %with-mask, %mic-24-svg-prop;
-webkit-mask-image: var(--mic-24-svg);
mask-image: var(--mic-24-svg);
}
%with-mic-off-16-icon {
@extend %with-icon, %mic-off-16-svg-prop;
background-image: var(--mic-off-16-svg);
}
%with-mic-off-16-mask {
@extend %with-mask, %mic-off-16-svg-prop;
-webkit-mask-image: var(--mic-off-16-svg);
mask-image: var(--mic-off-16-svg);
}
%with-mic-off-24-icon {
@extend %with-icon, %mic-off-24-svg-prop;
background-image: var(--mic-off-24-svg);
}
%with-mic-off-24-mask {
@extend %with-mask, %mic-off-24-svg-prop;
-webkit-mask-image: var(--mic-off-24-svg);
mask-image: var(--mic-off-24-svg);
}
%with-microsoft-16-icon {
@extend %with-icon, %microsoft-16-svg-prop;
background-image: var(--microsoft-16-svg);
}
%with-microsoft-16-mask {
@extend %with-mask, %microsoft-16-svg-prop;
-webkit-mask-image: var(--microsoft-16-svg);
mask-image: var(--microsoft-16-svg);
}
%with-microsoft-24-icon {
@extend %with-icon, %microsoft-24-svg-prop;
background-image: var(--microsoft-24-svg);
}
%with-microsoft-24-mask {
@extend %with-mask, %microsoft-24-svg-prop;
-webkit-mask-image: var(--microsoft-24-svg);
mask-image: var(--microsoft-24-svg);
}
%with-microsoft-color-16-icon {
@extend %with-icon, %microsoft-color-16-svg-prop;
background-image: var(--microsoft-color-16-svg);
}
%with-microsoft-color-16-mask {
@extend %with-mask, %microsoft-color-16-svg-prop;
-webkit-mask-image: var(--microsoft-color-16-svg);
mask-image: var(--microsoft-color-16-svg);
}
%with-microsoft-color-24-icon {
@extend %with-icon, %microsoft-color-24-svg-prop;
background-image: var(--microsoft-color-24-svg);
}
%with-microsoft-color-24-mask {
@extend %with-mask, %microsoft-color-24-svg-prop;
-webkit-mask-image: var(--microsoft-color-24-svg);
mask-image: var(--microsoft-color-24-svg);
}
%with-migrate-16-icon {
@extend %with-icon, %migrate-16-svg-prop;
background-image: var(--migrate-16-svg);
}
%with-migrate-16-mask {
@extend %with-mask, %migrate-16-svg-prop;
-webkit-mask-image: var(--migrate-16-svg);
mask-image: var(--migrate-16-svg);
}
%with-migrate-24-icon {
@extend %with-icon, %migrate-24-svg-prop;
background-image: var(--migrate-24-svg);
}
%with-migrate-24-mask {
@extend %with-mask, %migrate-24-svg-prop;
-webkit-mask-image: var(--migrate-24-svg);
mask-image: var(--migrate-24-svg);
}
%with-minimize-16-icon {
@extend %with-icon, %minimize-16-svg-prop;
background-image: var(--minimize-16-svg);
}
%with-minimize-16-mask {
@extend %with-mask, %minimize-16-svg-prop;
-webkit-mask-image: var(--minimize-16-svg);
mask-image: var(--minimize-16-svg);
}
%with-minimize-24-icon {
@extend %with-icon, %minimize-24-svg-prop;
background-image: var(--minimize-24-svg);
}
%with-minimize-24-mask {
@extend %with-mask, %minimize-24-svg-prop;
-webkit-mask-image: var(--minimize-24-svg);
mask-image: var(--minimize-24-svg);
}
%with-minimize-alt-16-icon {
@extend %with-icon, %minimize-alt-16-svg-prop;
background-image: var(--minimize-alt-16-svg);
}
%with-minimize-alt-16-mask {
@extend %with-mask, %minimize-alt-16-svg-prop;
-webkit-mask-image: var(--minimize-alt-16-svg);
mask-image: var(--minimize-alt-16-svg);
}
%with-minimize-alt-24-icon {
@extend %with-icon, %minimize-alt-24-svg-prop;
background-image: var(--minimize-alt-24-svg);
}
%with-minimize-alt-24-mask {
@extend %with-mask, %minimize-alt-24-svg-prop;
-webkit-mask-image: var(--minimize-alt-24-svg);
mask-image: var(--minimize-alt-24-svg);
}
%with-minus-16-icon {
@extend %with-icon, %minus-16-svg-prop;
background-image: var(--minus-16-svg);
}
%with-minus-16-mask {
@extend %with-mask, %minus-16-svg-prop;
-webkit-mask-image: var(--minus-16-svg);
mask-image: var(--minus-16-svg);
}
%with-minus-24-icon {
@extend %with-icon, %minus-24-svg-prop;
background-image: var(--minus-24-svg);
}
%with-minus-24-mask {
@extend %with-mask, %minus-24-svg-prop;
-webkit-mask-image: var(--minus-24-svg);
mask-image: var(--minus-24-svg);
}
%with-minus-circle-16-icon {
@extend %with-icon, %minus-circle-16-svg-prop;
background-image: var(--minus-circle-16-svg);
}
%with-minus-circle-16-mask {
@extend %with-mask, %minus-circle-16-svg-prop;
-webkit-mask-image: var(--minus-circle-16-svg);
mask-image: var(--minus-circle-16-svg);
}
%with-minus-circle-24-icon {
@extend %with-icon, %minus-circle-24-svg-prop;
background-image: var(--minus-circle-24-svg);
}
%with-minus-circle-24-mask {
@extend %with-mask, %minus-circle-24-svg-prop;
-webkit-mask-image: var(--minus-circle-24-svg);
mask-image: var(--minus-circle-24-svg);
}
%with-minus-circle-fill-icon {
@extend %with-icon, %minus-circle-fill-svg-prop;
background-image: var(--minus-circle-fill-svg);
}
%with-minus-circle-fill-mask {
@extend %with-mask, %minus-circle-fill-svg-prop;
-webkit-mask-image: var(--minus-circle-fill-svg);
mask-image: var(--minus-circle-fill-svg);
}
%with-minus-circle-outline-icon {
@extend %with-icon, %minus-circle-outline-svg-prop;
background-image: var(--minus-circle-outline-svg);
}
%with-minus-circle-outline-mask {
@extend %with-mask, %minus-circle-outline-svg-prop;
-webkit-mask-image: var(--minus-circle-outline-svg);
mask-image: var(--minus-circle-outline-svg);
}
%with-minus-plain-icon {
@extend %with-icon, %minus-plain-svg-prop;
background-image: var(--minus-plain-svg);
}
%with-minus-plain-mask {
@extend %with-mask, %minus-plain-svg-prop;
-webkit-mask-image: var(--minus-plain-svg);
mask-image: var(--minus-plain-svg);
}
%with-minus-plus-16-icon {
@extend %with-icon, %minus-plus-16-svg-prop;
background-image: var(--minus-plus-16-svg);
}
%with-minus-plus-16-mask {
@extend %with-mask, %minus-plus-16-svg-prop;
-webkit-mask-image: var(--minus-plus-16-svg);
mask-image: var(--minus-plus-16-svg);
}
%with-minus-plus-24-icon {
@extend %with-icon, %minus-plus-24-svg-prop;
background-image: var(--minus-plus-24-svg);
}
%with-minus-plus-24-mask {
@extend %with-mask, %minus-plus-24-svg-prop;
-webkit-mask-image: var(--minus-plus-24-svg);
mask-image: var(--minus-plus-24-svg);
}
%with-minus-plus-circle-16-icon {
@extend %with-icon, %minus-plus-circle-16-svg-prop;
background-image: var(--minus-plus-circle-16-svg);
}
%with-minus-plus-circle-16-mask {
@extend %with-mask, %minus-plus-circle-16-svg-prop;
-webkit-mask-image: var(--minus-plus-circle-16-svg);
mask-image: var(--minus-plus-circle-16-svg);
}
%with-minus-plus-circle-24-icon {
@extend %with-icon, %minus-plus-circle-24-svg-prop;
background-image: var(--minus-plus-circle-24-svg);
}
%with-minus-plus-circle-24-mask {
@extend %with-mask, %minus-plus-circle-24-svg-prop;
-webkit-mask-image: var(--minus-plus-circle-24-svg);
mask-image: var(--minus-plus-circle-24-svg);
}
%with-minus-plus-square-16-icon {
@extend %with-icon, %minus-plus-square-16-svg-prop;
background-image: var(--minus-plus-square-16-svg);
}
%with-minus-plus-square-16-mask {
@extend %with-mask, %minus-plus-square-16-svg-prop;
-webkit-mask-image: var(--minus-plus-square-16-svg);
mask-image: var(--minus-plus-square-16-svg);
}
%with-minus-plus-square-24-icon {
@extend %with-icon, %minus-plus-square-24-svg-prop;
background-image: var(--minus-plus-square-24-svg);
}
%with-minus-plus-square-24-mask {
@extend %with-mask, %minus-plus-square-24-svg-prop;
-webkit-mask-image: var(--minus-plus-square-24-svg);
mask-image: var(--minus-plus-square-24-svg);
}
%with-minus-square-16-icon {
@extend %with-icon, %minus-square-16-svg-prop;
background-image: var(--minus-square-16-svg);
}
%with-minus-square-16-mask {
@extend %with-mask, %minus-square-16-svg-prop;
-webkit-mask-image: var(--minus-square-16-svg);
mask-image: var(--minus-square-16-svg);
}
%with-minus-square-24-icon {
@extend %with-icon, %minus-square-24-svg-prop;
background-image: var(--minus-square-24-svg);
}
%with-minus-square-24-mask {
@extend %with-mask, %minus-square-24-svg-prop;
-webkit-mask-image: var(--minus-square-24-svg);
mask-image: var(--minus-square-24-svg);
}
%with-minus-square-fill-icon {
@extend %with-icon, %minus-square-fill-svg-prop;
background-image: var(--minus-square-fill-svg);
}
%with-minus-square-fill-mask {
@extend %with-mask, %minus-square-fill-svg-prop;
-webkit-mask-image: var(--minus-square-fill-svg);
mask-image: var(--minus-square-fill-svg);
}
%with-module-16-icon {
@extend %with-icon, %module-16-svg-prop;
background-image: var(--module-16-svg);
}
%with-module-16-mask {
@extend %with-mask, %module-16-svg-prop;
-webkit-mask-image: var(--module-16-svg);
mask-image: var(--module-16-svg);
}
%with-module-24-icon {
@extend %with-icon, %module-24-svg-prop;
background-image: var(--module-24-svg);
}
%with-module-24-mask {
@extend %with-mask, %module-24-svg-prop;
-webkit-mask-image: var(--module-24-svg);
mask-image: var(--module-24-svg);
}
%with-module-icon {
@extend %with-icon, %module-svg-prop;
background-image: var(--module-svg);
}
%with-module-mask {
@extend %with-mask, %module-svg-prop;
-webkit-mask-image: var(--module-svg);
mask-image: var(--module-svg);
}
%with-monitor-16-icon {
@extend %with-icon, %monitor-16-svg-prop;
background-image: var(--monitor-16-svg);
}
%with-monitor-16-mask {
@extend %with-mask, %monitor-16-svg-prop;
-webkit-mask-image: var(--monitor-16-svg);
mask-image: var(--monitor-16-svg);
}
%with-monitor-24-icon {
@extend %with-icon, %monitor-24-svg-prop;
background-image: var(--monitor-24-svg);
}
%with-monitor-24-mask {
@extend %with-mask, %monitor-24-svg-prop;
-webkit-mask-image: var(--monitor-24-svg);
mask-image: var(--monitor-24-svg);
}
%with-moon-16-icon {
@extend %with-icon, %moon-16-svg-prop;
background-image: var(--moon-16-svg);
}
%with-moon-16-mask {
@extend %with-mask, %moon-16-svg-prop;
-webkit-mask-image: var(--moon-16-svg);
mask-image: var(--moon-16-svg);
}
%with-moon-24-icon {
@extend %with-icon, %moon-24-svg-prop;
background-image: var(--moon-24-svg);
}
%with-moon-24-mask {
@extend %with-mask, %moon-24-svg-prop;
-webkit-mask-image: var(--moon-24-svg);
mask-image: var(--moon-24-svg);
}
%with-more-horizontal-16-icon {
@extend %with-icon, %more-horizontal-16-svg-prop;
background-image: var(--more-horizontal-16-svg);
}
%with-more-horizontal-16-mask {
@extend %with-mask, %more-horizontal-16-svg-prop;
-webkit-mask-image: var(--more-horizontal-16-svg);
mask-image: var(--more-horizontal-16-svg);
}
%with-more-horizontal-24-icon {
@extend %with-icon, %more-horizontal-24-svg-prop;
background-image: var(--more-horizontal-24-svg);
}
%with-more-horizontal-24-mask {
@extend %with-mask, %more-horizontal-24-svg-prop;
-webkit-mask-image: var(--more-horizontal-24-svg);
mask-image: var(--more-horizontal-24-svg);
}
%with-more-horizontal-icon {
@extend %with-icon, %more-horizontal-svg-prop;
background-image: var(--more-horizontal-svg);
}
%with-more-horizontal-mask {
@extend %with-mask, %more-horizontal-svg-prop;
-webkit-mask-image: var(--more-horizontal-svg);
mask-image: var(--more-horizontal-svg);
}
%with-more-vertical-16-icon {
@extend %with-icon, %more-vertical-16-svg-prop;
background-image: var(--more-vertical-16-svg);
}
%with-more-vertical-16-mask {
@extend %with-mask, %more-vertical-16-svg-prop;
-webkit-mask-image: var(--more-vertical-16-svg);
mask-image: var(--more-vertical-16-svg);
}
%with-more-vertical-24-icon {
@extend %with-icon, %more-vertical-24-svg-prop;
background-image: var(--more-vertical-24-svg);
}
%with-more-vertical-24-mask {
@extend %with-mask, %more-vertical-24-svg-prop;
-webkit-mask-image: var(--more-vertical-24-svg);
mask-image: var(--more-vertical-24-svg);
}
%with-more-vertical-icon {
@extend %with-icon, %more-vertical-svg-prop;
background-image: var(--more-vertical-svg);
}
%with-more-vertical-mask {
@extend %with-mask, %more-vertical-svg-prop;
-webkit-mask-image: var(--more-vertical-svg);
mask-image: var(--more-vertical-svg);
}
%with-mouse-pointer-16-icon {
@extend %with-icon, %mouse-pointer-16-svg-prop;
background-image: var(--mouse-pointer-16-svg);
}
%with-mouse-pointer-16-mask {
@extend %with-mask, %mouse-pointer-16-svg-prop;
-webkit-mask-image: var(--mouse-pointer-16-svg);
mask-image: var(--mouse-pointer-16-svg);
}
%with-mouse-pointer-24-icon {
@extend %with-icon, %mouse-pointer-24-svg-prop;
background-image: var(--mouse-pointer-24-svg);
}
%with-mouse-pointer-24-mask {
@extend %with-mask, %mouse-pointer-24-svg-prop;
-webkit-mask-image: var(--mouse-pointer-24-svg);
mask-image: var(--mouse-pointer-24-svg);
}
%with-move-16-icon {
@extend %with-icon, %move-16-svg-prop;
background-image: var(--move-16-svg);
}
%with-move-16-mask {
@extend %with-mask, %move-16-svg-prop;
-webkit-mask-image: var(--move-16-svg);
mask-image: var(--move-16-svg);
}
%with-move-24-icon {
@extend %with-icon, %move-24-svg-prop;
background-image: var(--move-24-svg);
}
%with-move-24-mask {
@extend %with-mask, %move-24-svg-prop;
-webkit-mask-image: var(--move-24-svg);
mask-image: var(--move-24-svg);
}
%with-music-16-icon {
@extend %with-icon, %music-16-svg-prop;
background-image: var(--music-16-svg);
}
%with-music-16-mask {
@extend %with-mask, %music-16-svg-prop;
-webkit-mask-image: var(--music-16-svg);
mask-image: var(--music-16-svg);
}
%with-music-24-icon {
@extend %with-icon, %music-24-svg-prop;
background-image: var(--music-24-svg);
}
%with-music-24-mask {
@extend %with-mask, %music-24-svg-prop;
-webkit-mask-image: var(--music-24-svg);
mask-image: var(--music-24-svg);
}
%with-navigation-16-icon {
@extend %with-icon, %navigation-16-svg-prop;
background-image: var(--navigation-16-svg);
}
%with-navigation-16-mask {
@extend %with-mask, %navigation-16-svg-prop;
-webkit-mask-image: var(--navigation-16-svg);
mask-image: var(--navigation-16-svg);
}
%with-navigation-24-icon {
@extend %with-icon, %navigation-24-svg-prop;
background-image: var(--navigation-24-svg);
}
%with-navigation-24-mask {
@extend %with-mask, %navigation-24-svg-prop;
-webkit-mask-image: var(--navigation-24-svg);
mask-image: var(--navigation-24-svg);
}
%with-navigation-alt-16-icon {
@extend %with-icon, %navigation-alt-16-svg-prop;
background-image: var(--navigation-alt-16-svg);
}
%with-navigation-alt-16-mask {
@extend %with-mask, %navigation-alt-16-svg-prop;
-webkit-mask-image: var(--navigation-alt-16-svg);
mask-image: var(--navigation-alt-16-svg);
}
%with-navigation-alt-24-icon {
@extend %with-icon, %navigation-alt-24-svg-prop;
background-image: var(--navigation-alt-24-svg);
}
%with-navigation-alt-24-mask {
@extend %with-mask, %navigation-alt-24-svg-prop;
-webkit-mask-image: var(--navigation-alt-24-svg);
mask-image: var(--navigation-alt-24-svg);
}
%with-network-16-icon {
@extend %with-icon, %network-16-svg-prop;
background-image: var(--network-16-svg);
}
%with-network-16-mask {
@extend %with-mask, %network-16-svg-prop;
-webkit-mask-image: var(--network-16-svg);
mask-image: var(--network-16-svg);
}
%with-network-24-icon {
@extend %with-icon, %network-24-svg-prop;
background-image: var(--network-24-svg);
}
%with-network-24-mask {
@extend %with-mask, %network-24-svg-prop;
-webkit-mask-image: var(--network-24-svg);
mask-image: var(--network-24-svg);
}
%with-network-alt-16-icon {
@extend %with-icon, %network-alt-16-svg-prop;
background-image: var(--network-alt-16-svg);
}
%with-network-alt-16-mask {
@extend %with-mask, %network-alt-16-svg-prop;
-webkit-mask-image: var(--network-alt-16-svg);
mask-image: var(--network-alt-16-svg);
}
%with-network-alt-24-icon {
@extend %with-icon, %network-alt-24-svg-prop;
background-image: var(--network-alt-24-svg);
}
%with-network-alt-24-mask {
@extend %with-mask, %network-alt-24-svg-prop;
-webkit-mask-image: var(--network-alt-24-svg);
mask-image: var(--network-alt-24-svg);
}
%with-newspaper-16-icon {
@extend %with-icon, %newspaper-16-svg-prop;
background-image: var(--newspaper-16-svg);
}
%with-newspaper-16-mask {
@extend %with-mask, %newspaper-16-svg-prop;
-webkit-mask-image: var(--newspaper-16-svg);
mask-image: var(--newspaper-16-svg);
}
%with-newspaper-24-icon {
@extend %with-icon, %newspaper-24-svg-prop;
background-image: var(--newspaper-24-svg);
}
%with-newspaper-24-mask {
@extend %with-mask, %newspaper-24-svg-prop;
-webkit-mask-image: var(--newspaper-24-svg);
mask-image: var(--newspaper-24-svg);
}
%with-node-16-icon {
@extend %with-icon, %node-16-svg-prop;
background-image: var(--node-16-svg);
}
%with-node-16-mask {
@extend %with-mask, %node-16-svg-prop;
-webkit-mask-image: var(--node-16-svg);
mask-image: var(--node-16-svg);
}
%with-node-24-icon {
@extend %with-icon, %node-24-svg-prop;
background-image: var(--node-24-svg);
}
%with-node-24-mask {
@extend %with-mask, %node-24-svg-prop;
-webkit-mask-image: var(--node-24-svg);
mask-image: var(--node-24-svg);
}
%with-notification-disabled-icon {
@extend %with-icon, %notification-disabled-svg-prop;
background-image: var(--notification-disabled-svg);
}
%with-notification-disabled-mask {
@extend %with-mask, %notification-disabled-svg-prop;
-webkit-mask-image: var(--notification-disabled-svg);
mask-image: var(--notification-disabled-svg);
}
%with-notification-fill-icon {
@extend %with-icon, %notification-fill-svg-prop;
background-image: var(--notification-fill-svg);
}
%with-notification-fill-mask {
@extend %with-mask, %notification-fill-svg-prop;
-webkit-mask-image: var(--notification-fill-svg);
mask-image: var(--notification-fill-svg);
}
%with-notification-outline-icon {
@extend %with-icon, %notification-outline-svg-prop;
background-image: var(--notification-outline-svg);
}
%with-notification-outline-mask {
@extend %with-mask, %notification-outline-svg-prop;
-webkit-mask-image: var(--notification-outline-svg);
mask-image: var(--notification-outline-svg);
}
%with-octagon-16-icon {
@extend %with-icon, %octagon-16-svg-prop;
background-image: var(--octagon-16-svg);
}
%with-octagon-16-mask {
@extend %with-mask, %octagon-16-svg-prop;
-webkit-mask-image: var(--octagon-16-svg);
mask-image: var(--octagon-16-svg);
}
%with-octagon-24-icon {
@extend %with-icon, %octagon-24-svg-prop;
background-image: var(--octagon-24-svg);
}
%with-octagon-24-mask {
@extend %with-mask, %octagon-24-svg-prop;
-webkit-mask-image: var(--octagon-24-svg);
mask-image: var(--octagon-24-svg);
}
%with-okta-16-icon {
@extend %with-icon, %okta-16-svg-prop;
background-image: var(--okta-16-svg);
}
%with-okta-16-mask {
@extend %with-mask, %okta-16-svg-prop;
-webkit-mask-image: var(--okta-16-svg);
mask-image: var(--okta-16-svg);
}
%with-okta-24-icon {
@extend %with-icon, %okta-24-svg-prop;
background-image: var(--okta-24-svg);
}
%with-okta-24-mask {
@extend %with-mask, %okta-24-svg-prop;
-webkit-mask-image: var(--okta-24-svg);
mask-image: var(--okta-24-svg);
}
%with-okta-color-16-icon {
@extend %with-icon, %okta-color-16-svg-prop;
background-image: var(--okta-color-16-svg);
}
%with-okta-color-16-mask {
@extend %with-mask, %okta-color-16-svg-prop;
-webkit-mask-image: var(--okta-color-16-svg);
mask-image: var(--okta-color-16-svg);
}
%with-okta-color-24-icon {
@extend %with-icon, %okta-color-24-svg-prop;
background-image: var(--okta-color-24-svg);
}
%with-okta-color-24-mask {
@extend %with-mask, %okta-color-24-svg-prop;
-webkit-mask-image: var(--okta-color-24-svg);
mask-image: var(--okta-color-24-svg);
}
%with-oracle-16-icon {
@extend %with-icon, %oracle-16-svg-prop;
background-image: var(--oracle-16-svg);
}
%with-oracle-16-mask {
@extend %with-mask, %oracle-16-svg-prop;
-webkit-mask-image: var(--oracle-16-svg);
mask-image: var(--oracle-16-svg);
}
%with-oracle-24-icon {
@extend %with-icon, %oracle-24-svg-prop;
background-image: var(--oracle-24-svg);
}
%with-oracle-24-mask {
@extend %with-mask, %oracle-24-svg-prop;
-webkit-mask-image: var(--oracle-24-svg);
mask-image: var(--oracle-24-svg);
}
%with-oracle-color-16-icon {
@extend %with-icon, %oracle-color-16-svg-prop;
background-image: var(--oracle-color-16-svg);
}
%with-oracle-color-16-mask {
@extend %with-mask, %oracle-color-16-svg-prop;
-webkit-mask-image: var(--oracle-color-16-svg);
mask-image: var(--oracle-color-16-svg);
}
%with-oracle-color-24-icon {
@extend %with-icon, %oracle-color-24-svg-prop;
background-image: var(--oracle-color-24-svg);
}
%with-oracle-color-24-mask {
@extend %with-mask, %oracle-color-24-svg-prop;
-webkit-mask-image: var(--oracle-color-24-svg);
mask-image: var(--oracle-color-24-svg);
}
%with-org-16-icon {
@extend %with-icon, %org-16-svg-prop;
background-image: var(--org-16-svg);
}
%with-org-16-mask {
@extend %with-mask, %org-16-svg-prop;
-webkit-mask-image: var(--org-16-svg);
mask-image: var(--org-16-svg);
}
%with-org-24-icon {
@extend %with-icon, %org-24-svg-prop;
background-image: var(--org-24-svg);
}
%with-org-24-mask {
@extend %with-mask, %org-24-svg-prop;
-webkit-mask-image: var(--org-24-svg);
mask-image: var(--org-24-svg);
}
%with-outline-16-icon {
@extend %with-icon, %outline-16-svg-prop;
background-image: var(--outline-16-svg);
}
%with-outline-16-mask {
@extend %with-mask, %outline-16-svg-prop;
-webkit-mask-image: var(--outline-16-svg);
mask-image: var(--outline-16-svg);
}
%with-outline-24-icon {
@extend %with-icon, %outline-24-svg-prop;
background-image: var(--outline-24-svg);
}
%with-outline-24-mask {
@extend %with-mask, %outline-24-svg-prop;
-webkit-mask-image: var(--outline-24-svg);
mask-image: var(--outline-24-svg);
}
%with-outline-icon {
@extend %with-icon, %outline-svg-prop;
background-image: var(--outline-svg);
}
%with-outline-mask {
@extend %with-mask, %outline-svg-prop;
-webkit-mask-image: var(--outline-svg);
mask-image: var(--outline-svg);
}
%with-package-16-icon {
@extend %with-icon, %package-16-svg-prop;
background-image: var(--package-16-svg);
}
%with-package-16-mask {
@extend %with-mask, %package-16-svg-prop;
-webkit-mask-image: var(--package-16-svg);
mask-image: var(--package-16-svg);
}
%with-package-24-icon {
@extend %with-icon, %package-24-svg-prop;
background-image: var(--package-24-svg);
}
%with-package-24-mask {
@extend %with-mask, %package-24-svg-prop;
-webkit-mask-image: var(--package-24-svg);
mask-image: var(--package-24-svg);
}
%with-page-outline-icon {
@extend %with-icon, %page-outline-svg-prop;
background-image: var(--page-outline-svg);
}
%with-page-outline-mask {
@extend %with-mask, %page-outline-svg-prop;
-webkit-mask-image: var(--page-outline-svg);
mask-image: var(--page-outline-svg);
}
%with-paperclip-16-icon {
@extend %with-icon, %paperclip-16-svg-prop;
background-image: var(--paperclip-16-svg);
}
%with-paperclip-16-mask {
@extend %with-mask, %paperclip-16-svg-prop;
-webkit-mask-image: var(--paperclip-16-svg);
mask-image: var(--paperclip-16-svg);
}
%with-paperclip-24-icon {
@extend %with-icon, %paperclip-24-svg-prop;
background-image: var(--paperclip-24-svg);
}
%with-paperclip-24-mask {
@extend %with-mask, %paperclip-24-svg-prop;
-webkit-mask-image: var(--paperclip-24-svg);
mask-image: var(--paperclip-24-svg);
}
%with-partner-icon {
@extend %with-icon, %partner-svg-prop;
background-image: var(--partner-svg);
}
%with-partner-mask {
@extend %with-mask, %partner-svg-prop;
-webkit-mask-image: var(--partner-svg);
mask-image: var(--partner-svg);
}
%with-path-16-icon {
@extend %with-icon, %path-16-svg-prop;
background-image: var(--path-16-svg);
}
%with-path-16-mask {
@extend %with-mask, %path-16-svg-prop;
-webkit-mask-image: var(--path-16-svg);
mask-image: var(--path-16-svg);
}
%with-path-24-icon {
@extend %with-icon, %path-24-svg-prop;
background-image: var(--path-24-svg);
}
%with-path-24-mask {
@extend %with-mask, %path-24-svg-prop;
-webkit-mask-image: var(--path-24-svg);
mask-image: var(--path-24-svg);
}
%with-path-icon {
@extend %with-icon, %path-svg-prop;
background-image: var(--path-svg);
}
%with-path-mask {
@extend %with-mask, %path-svg-prop;
-webkit-mask-image: var(--path-svg);
mask-image: var(--path-svg);
}
%with-pause-16-icon {
@extend %with-icon, %pause-16-svg-prop;
background-image: var(--pause-16-svg);
}
%with-pause-16-mask {
@extend %with-mask, %pause-16-svg-prop;
-webkit-mask-image: var(--pause-16-svg);
mask-image: var(--pause-16-svg);
}
%with-pause-24-icon {
@extend %with-icon, %pause-24-svg-prop;
background-image: var(--pause-24-svg);
}
%with-pause-24-mask {
@extend %with-mask, %pause-24-svg-prop;
-webkit-mask-image: var(--pause-24-svg);
mask-image: var(--pause-24-svg);
}
%with-pause-circle-16-icon {
@extend %with-icon, %pause-circle-16-svg-prop;
background-image: var(--pause-circle-16-svg);
}
%with-pause-circle-16-mask {
@extend %with-mask, %pause-circle-16-svg-prop;
-webkit-mask-image: var(--pause-circle-16-svg);
mask-image: var(--pause-circle-16-svg);
}
%with-pause-circle-24-icon {
@extend %with-icon, %pause-circle-24-svg-prop;
background-image: var(--pause-circle-24-svg);
}
%with-pause-circle-24-mask {
@extend %with-mask, %pause-circle-24-svg-prop;
-webkit-mask-image: var(--pause-circle-24-svg);
mask-image: var(--pause-circle-24-svg);
}
%with-pen-tool-16-icon {
@extend %with-icon, %pen-tool-16-svg-prop;
background-image: var(--pen-tool-16-svg);
}
%with-pen-tool-16-mask {
@extend %with-mask, %pen-tool-16-svg-prop;
-webkit-mask-image: var(--pen-tool-16-svg);
mask-image: var(--pen-tool-16-svg);
}
%with-pen-tool-24-icon {
@extend %with-icon, %pen-tool-24-svg-prop;
background-image: var(--pen-tool-24-svg);
}
%with-pen-tool-24-mask {
@extend %with-mask, %pen-tool-24-svg-prop;
-webkit-mask-image: var(--pen-tool-24-svg);
mask-image: var(--pen-tool-24-svg);
}
%with-pencil-tool-16-icon {
@extend %with-icon, %pencil-tool-16-svg-prop;
background-image: var(--pencil-tool-16-svg);
}
%with-pencil-tool-16-mask {
@extend %with-mask, %pencil-tool-16-svg-prop;
-webkit-mask-image: var(--pencil-tool-16-svg);
mask-image: var(--pencil-tool-16-svg);
}
%with-pencil-tool-24-icon {
@extend %with-icon, %pencil-tool-24-svg-prop;
background-image: var(--pencil-tool-24-svg);
}
%with-pencil-tool-24-mask {
@extend %with-mask, %pencil-tool-24-svg-prop;
-webkit-mask-image: var(--pencil-tool-24-svg);
mask-image: var(--pencil-tool-24-svg);
}
%with-phone-16-icon {
@extend %with-icon, %phone-16-svg-prop;
background-image: var(--phone-16-svg);
}
%with-phone-16-mask {
@extend %with-mask, %phone-16-svg-prop;
-webkit-mask-image: var(--phone-16-svg);
mask-image: var(--phone-16-svg);
}
%with-phone-24-icon {
@extend %with-icon, %phone-24-svg-prop;
background-image: var(--phone-24-svg);
}
%with-phone-24-mask {
@extend %with-mask, %phone-24-svg-prop;
-webkit-mask-image: var(--phone-24-svg);
mask-image: var(--phone-24-svg);
}
%with-phone-call-16-icon {
@extend %with-icon, %phone-call-16-svg-prop;
background-image: var(--phone-call-16-svg);
}
%with-phone-call-16-mask {
@extend %with-mask, %phone-call-16-svg-prop;
-webkit-mask-image: var(--phone-call-16-svg);
mask-image: var(--phone-call-16-svg);
}
%with-phone-call-24-icon {
@extend %with-icon, %phone-call-24-svg-prop;
background-image: var(--phone-call-24-svg);
}
%with-phone-call-24-mask {
@extend %with-mask, %phone-call-24-svg-prop;
-webkit-mask-image: var(--phone-call-24-svg);
mask-image: var(--phone-call-24-svg);
}
%with-phone-off-16-icon {
@extend %with-icon, %phone-off-16-svg-prop;
background-image: var(--phone-off-16-svg);
}
%with-phone-off-16-mask {
@extend %with-mask, %phone-off-16-svg-prop;
-webkit-mask-image: var(--phone-off-16-svg);
mask-image: var(--phone-off-16-svg);
}
%with-phone-off-24-icon {
@extend %with-icon, %phone-off-24-svg-prop;
background-image: var(--phone-off-24-svg);
}
%with-phone-off-24-mask {
@extend %with-mask, %phone-off-24-svg-prop;
-webkit-mask-image: var(--phone-off-24-svg);
mask-image: var(--phone-off-24-svg);
}
%with-pie-chart-16-icon {
@extend %with-icon, %pie-chart-16-svg-prop;
background-image: var(--pie-chart-16-svg);
}
%with-pie-chart-16-mask {
@extend %with-mask, %pie-chart-16-svg-prop;
-webkit-mask-image: var(--pie-chart-16-svg);
mask-image: var(--pie-chart-16-svg);
}
%with-pie-chart-24-icon {
@extend %with-icon, %pie-chart-24-svg-prop;
background-image: var(--pie-chart-24-svg);
}
%with-pie-chart-24-mask {
@extend %with-mask, %pie-chart-24-svg-prop;
-webkit-mask-image: var(--pie-chart-24-svg);
mask-image: var(--pie-chart-24-svg);
}
%with-pin-16-icon {
@extend %with-icon, %pin-16-svg-prop;
background-image: var(--pin-16-svg);
}
%with-pin-16-mask {
@extend %with-mask, %pin-16-svg-prop;
-webkit-mask-image: var(--pin-16-svg);
mask-image: var(--pin-16-svg);
}
%with-pin-24-icon {
@extend %with-icon, %pin-24-svg-prop;
background-image: var(--pin-24-svg);
}
%with-pin-24-mask {
@extend %with-mask, %pin-24-svg-prop;
-webkit-mask-image: var(--pin-24-svg);
mask-image: var(--pin-24-svg);
}
%with-play-16-icon {
@extend %with-icon, %play-16-svg-prop;
background-image: var(--play-16-svg);
}
%with-play-16-mask {
@extend %with-mask, %play-16-svg-prop;
-webkit-mask-image: var(--play-16-svg);
mask-image: var(--play-16-svg);
}
%with-play-24-icon {
@extend %with-icon, %play-24-svg-prop;
background-image: var(--play-24-svg);
}
%with-play-24-mask {
@extend %with-mask, %play-24-svg-prop;
-webkit-mask-image: var(--play-24-svg);
mask-image: var(--play-24-svg);
}
%with-play-circle-16-icon {
@extend %with-icon, %play-circle-16-svg-prop;
background-image: var(--play-circle-16-svg);
}
%with-play-circle-16-mask {
@extend %with-mask, %play-circle-16-svg-prop;
-webkit-mask-image: var(--play-circle-16-svg);
mask-image: var(--play-circle-16-svg);
}
%with-play-circle-24-icon {
@extend %with-icon, %play-circle-24-svg-prop;
background-image: var(--play-circle-24-svg);
}
%with-play-circle-24-mask {
@extend %with-mask, %play-circle-24-svg-prop;
-webkit-mask-image: var(--play-circle-24-svg);
mask-image: var(--play-circle-24-svg);
}
%with-play-fill-icon {
@extend %with-icon, %play-fill-svg-prop;
background-image: var(--play-fill-svg);
}
%with-play-fill-mask {
@extend %with-mask, %play-fill-svg-prop;
-webkit-mask-image: var(--play-fill-svg);
mask-image: var(--play-fill-svg);
}
%with-play-outline-icon {
@extend %with-icon, %play-outline-svg-prop;
background-image: var(--play-outline-svg);
}
%with-play-outline-mask {
@extend %with-mask, %play-outline-svg-prop;
-webkit-mask-image: var(--play-outline-svg);
mask-image: var(--play-outline-svg);
}
%with-play-plain-icon {
@extend %with-icon, %play-plain-svg-prop;
background-image: var(--play-plain-svg);
}
%with-play-plain-mask {
@extend %with-mask, %play-plain-svg-prop;
-webkit-mask-image: var(--play-plain-svg);
mask-image: var(--play-plain-svg);
}
%with-plus-16-icon {
@extend %with-icon, %plus-16-svg-prop;
background-image: var(--plus-16-svg);
}
%with-plus-16-mask {
@extend %with-mask, %plus-16-svg-prop;
-webkit-mask-image: var(--plus-16-svg);
mask-image: var(--plus-16-svg);
}
%with-plus-24-icon {
@extend %with-icon, %plus-24-svg-prop;
background-image: var(--plus-24-svg);
}
%with-plus-24-mask {
@extend %with-mask, %plus-24-svg-prop;
-webkit-mask-image: var(--plus-24-svg);
mask-image: var(--plus-24-svg);
}
%with-plus-circle-16-icon {
@extend %with-icon, %plus-circle-16-svg-prop;
background-image: var(--plus-circle-16-svg);
}
%with-plus-circle-16-mask {
@extend %with-mask, %plus-circle-16-svg-prop;
-webkit-mask-image: var(--plus-circle-16-svg);
mask-image: var(--plus-circle-16-svg);
}
%with-plus-circle-24-icon {
@extend %with-icon, %plus-circle-24-svg-prop;
background-image: var(--plus-circle-24-svg);
}
%with-plus-circle-24-mask {
@extend %with-mask, %plus-circle-24-svg-prop;
-webkit-mask-image: var(--plus-circle-24-svg);
mask-image: var(--plus-circle-24-svg);
}
%with-plus-circle-fill-icon {
@extend %with-icon, %plus-circle-fill-svg-prop;
background-image: var(--plus-circle-fill-svg);
}
%with-plus-circle-fill-mask {
@extend %with-mask, %plus-circle-fill-svg-prop;
-webkit-mask-image: var(--plus-circle-fill-svg);
mask-image: var(--plus-circle-fill-svg);
}
%with-plus-circle-outline-icon {
@extend %with-icon, %plus-circle-outline-svg-prop;
background-image: var(--plus-circle-outline-svg);
}
%with-plus-circle-outline-mask {
@extend %with-mask, %plus-circle-outline-svg-prop;
-webkit-mask-image: var(--plus-circle-outline-svg);
mask-image: var(--plus-circle-outline-svg);
}
%with-plus-plain-icon {
@extend %with-icon, %plus-plain-svg-prop;
background-image: var(--plus-plain-svg);
}
%with-plus-plain-mask {
@extend %with-mask, %plus-plain-svg-prop;
-webkit-mask-image: var(--plus-plain-svg);
mask-image: var(--plus-plain-svg);
}
%with-plus-square-16-icon {
@extend %with-icon, %plus-square-16-svg-prop;
background-image: var(--plus-square-16-svg);
}
%with-plus-square-16-mask {
@extend %with-mask, %plus-square-16-svg-prop;
-webkit-mask-image: var(--plus-square-16-svg);
mask-image: var(--plus-square-16-svg);
}
%with-plus-square-24-icon {
@extend %with-icon, %plus-square-24-svg-prop;
background-image: var(--plus-square-24-svg);
}
%with-plus-square-24-mask {
@extend %with-mask, %plus-square-24-svg-prop;
-webkit-mask-image: var(--plus-square-24-svg);
mask-image: var(--plus-square-24-svg);
}
%with-plus-square-fill-icon {
@extend %with-icon, %plus-square-fill-svg-prop;
background-image: var(--plus-square-fill-svg);
}
%with-plus-square-fill-mask {
@extend %with-mask, %plus-square-fill-svg-prop;
-webkit-mask-image: var(--plus-square-fill-svg);
mask-image: var(--plus-square-fill-svg);
}
%with-port-icon {
@extend %with-icon, %port-svg-prop;
background-image: var(--port-svg);
}
%with-port-mask {
@extend %with-mask, %port-svg-prop;
-webkit-mask-image: var(--port-svg);
mask-image: var(--port-svg);
}
%with-power-16-icon {
@extend %with-icon, %power-16-svg-prop;
background-image: var(--power-16-svg);
}
%with-power-16-mask {
@extend %with-mask, %power-16-svg-prop;
-webkit-mask-image: var(--power-16-svg);
mask-image: var(--power-16-svg);
}
%with-power-24-icon {
@extend %with-icon, %power-24-svg-prop;
background-image: var(--power-24-svg);
}
%with-power-24-mask {
@extend %with-mask, %power-24-svg-prop;
-webkit-mask-image: var(--power-24-svg);
mask-image: var(--power-24-svg);
}
%with-printer-16-icon {
@extend %with-icon, %printer-16-svg-prop;
background-image: var(--printer-16-svg);
}
%with-printer-16-mask {
@extend %with-mask, %printer-16-svg-prop;
-webkit-mask-image: var(--printer-16-svg);
mask-image: var(--printer-16-svg);
}
%with-printer-24-icon {
@extend %with-icon, %printer-24-svg-prop;
background-image: var(--printer-24-svg);
}
%with-printer-24-mask {
@extend %with-mask, %printer-24-svg-prop;
-webkit-mask-image: var(--printer-24-svg);
mask-image: var(--printer-24-svg);
}
%with-protocol-icon {
@extend %with-icon, %protocol-svg-prop;
background-image: var(--protocol-svg);
}
%with-protocol-mask {
@extend %with-mask, %protocol-svg-prop;
-webkit-mask-image: var(--protocol-svg);
mask-image: var(--protocol-svg);
}
%with-provider-16-icon {
@extend %with-icon, %provider-16-svg-prop;
background-image: var(--provider-16-svg);
}
%with-provider-16-mask {
@extend %with-mask, %provider-16-svg-prop;
-webkit-mask-image: var(--provider-16-svg);
mask-image: var(--provider-16-svg);
}
%with-provider-24-icon {
@extend %with-icon, %provider-24-svg-prop;
background-image: var(--provider-24-svg);
}
%with-provider-24-mask {
@extend %with-mask, %provider-24-svg-prop;
-webkit-mask-image: var(--provider-24-svg);
mask-image: var(--provider-24-svg);
}
%with-provider-icon {
@extend %with-icon, %provider-svg-prop;
background-image: var(--provider-svg);
}
%with-provider-mask {
@extend %with-mask, %provider-svg-prop;
-webkit-mask-image: var(--provider-svg);
mask-image: var(--provider-svg);
}
%with-public-default-icon {
@extend %with-icon, %public-default-svg-prop;
background-image: var(--public-default-svg);
}
%with-public-default-mask {
@extend %with-mask, %public-default-svg-prop;
-webkit-mask-image: var(--public-default-svg);
mask-image: var(--public-default-svg);
}
%with-public-locked-icon {
@extend %with-icon, %public-locked-svg-prop;
background-image: var(--public-locked-svg);
}
%with-public-locked-mask {
@extend %with-mask, %public-locked-svg-prop;
-webkit-mask-image: var(--public-locked-svg);
mask-image: var(--public-locked-svg);
}
%with-queue-16-icon {
@extend %with-icon, %queue-16-svg-prop;
background-image: var(--queue-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-queue-16-mask {
@extend %with-mask, %queue-16-svg-prop;
-webkit-mask-image: var(--queue-16-svg);
mask-image: var(--queue-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-queue-24-icon {
@extend %with-icon, %queue-24-svg-prop;
background-image: var(--queue-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-queue-24-mask {
@extend %with-mask, %queue-24-svg-prop;
-webkit-mask-image: var(--queue-24-svg);
mask-image: var(--queue-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-queue-icon {
@extend %with-icon, %queue-svg-prop;
background-image: var(--queue-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-queue-mask {
@extend %with-mask, %queue-svg-prop;
-webkit-mask-image: var(--queue-svg);
mask-image: var(--queue-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-16-icon {
@extend %with-icon, %radio-16-svg-prop;
background-image: var(--radio-16-svg);
ui: CSS Components Migration (#5913) Migrate roughly half of the base components into base Adds a target for easily formatting CSS Further CSS amends/migration (#5921) 1. tooltips within tables where a slightly bit troublesome due to a mix of `inline-flex`, `overflow` and the need for truncation. This refineds tooltips a slight bit more to work 'everywhere'. 2. We also move tooltip to use the correct color and min-width from structure, but we overwrite the min-width here until we get confirmation on widths/alignment of text within a tooltip. 3. Tiny fixes for breadcrumbs and toggle-buttons in tabular listings 4. Now we inline-flex our table cells, it means it is impossible to truncate text without wrapping it in another element. This wraps all Description like text in `<p>` tags. Generally the first column of text is already wrapped in an `<a>` tag. Other items such as consul tags and policy names etc get 'cutoff' rather than truncated. 5. We are now using all the icons from `@hashicorp/structure-icons`
2019-06-14 17:27:37 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-16-mask {
@extend %with-mask, %radio-16-svg-prop;
-webkit-mask-image: var(--radio-16-svg);
mask-image: var(--radio-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: CSS Components Migration (#5913) Migrate roughly half of the base components into base Adds a target for easily formatting CSS Further CSS amends/migration (#5921) 1. tooltips within tables where a slightly bit troublesome due to a mix of `inline-flex`, `overflow` and the need for truncation. This refineds tooltips a slight bit more to work 'everywhere'. 2. We also move tooltip to use the correct color and min-width from structure, but we overwrite the min-width here until we get confirmation on widths/alignment of text within a tooltip. 3. Tiny fixes for breadcrumbs and toggle-buttons in tabular listings 4. Now we inline-flex our table cells, it means it is impossible to truncate text without wrapping it in another element. This wraps all Description like text in `<p>` tags. Generally the first column of text is already wrapped in an `<a>` tag. Other items such as consul tags and policy names etc get 'cutoff' rather than truncated. 5. We are now using all the icons from `@hashicorp/structure-icons`
2019-06-14 17:27:37 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-24-icon {
@extend %with-icon, %radio-24-svg-prop;
background-image: var(--radio-24-svg);
ui: Read-only CRD/Centralized Config Intentions (#8659)
2020-09-18 10:14:06 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-24-mask {
@extend %with-mask, %radio-24-svg-prop;
-webkit-mask-image: var(--radio-24-svg);
mask-image: var(--radio-24-svg);
ui: Read-only CRD/Centralized Config Intentions (#8659)
2020-09-18 10:14:06 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-button-checked-icon {
@extend %with-icon, %radio-button-checked-svg-prop;
background-image: var(--radio-button-checked-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-button-checked-mask {
@extend %with-mask, %radio-button-checked-svg-prop;
-webkit-mask-image: var(--radio-button-checked-svg);
mask-image: var(--radio-button-checked-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-button-unchecked-icon {
@extend %with-icon, %radio-button-unchecked-svg-prop;
background-image: var(--radio-button-unchecked-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-radio-button-unchecked-mask {
@extend %with-mask, %radio-button-unchecked-svg-prop;
-webkit-mask-image: var(--radio-button-unchecked-svg);
mask-image: var(--radio-button-unchecked-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-random-16-icon {
@extend %with-icon, %random-16-svg-prop;
background-image: var(--random-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-random-16-mask {
@extend %with-mask, %random-16-svg-prop;
-webkit-mask-image: var(--random-16-svg);
mask-image: var(--random-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-random-24-icon {
@extend %with-icon, %random-24-svg-prop;
background-image: var(--random-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-random-24-mask {
@extend %with-mask, %random-24-svg-prop;
-webkit-mask-image: var(--random-24-svg);
mask-image: var(--random-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-random-icon {
@extend %with-icon, %random-svg-prop;
background-image: var(--random-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-random-mask {
@extend %with-mask, %random-svg-prop;
-webkit-mask-image: var(--random-svg);
mask-image: var(--random-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-redirect-16-icon {
@extend %with-icon, %redirect-16-svg-prop;
background-image: var(--redirect-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-redirect-16-mask {
@extend %with-mask, %redirect-16-svg-prop;
-webkit-mask-image: var(--redirect-16-svg);
mask-image: var(--redirect-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-redirect-24-icon {
@extend %with-icon, %redirect-24-svg-prop;
background-image: var(--redirect-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-redirect-24-mask {
@extend %with-mask, %redirect-24-svg-prop;
-webkit-mask-image: var(--redirect-24-svg);
mask-image: var(--redirect-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-redirect-icon {
@extend %with-icon, %redirect-svg-prop;
background-image: var(--redirect-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-redirect-mask {
@extend %with-mask, %redirect-svg-prop;
-webkit-mask-image: var(--redirect-svg);
mask-image: var(--redirect-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-refresh-alert-icon {
@extend %with-icon, %refresh-alert-svg-prop;
background-image: var(--refresh-alert-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-refresh-alert-mask {
@extend %with-mask, %refresh-alert-svg-prop;
-webkit-mask-image: var(--refresh-alert-svg);
mask-image: var(--refresh-alert-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-refresh-default-icon {
@extend %with-icon, %refresh-default-svg-prop;
background-image: var(--refresh-default-svg);
UI: Improved Login/Logout flow inc SSO support (#7790) * 6 new components for new login/logout flow, plus SSO support UI Components: 1. AuthDialog: Wraps/orchestrates AuthForm and AuthProfile 2. AuthForm: Authorization form shown when logged out. 3. AuthProfile: Simple presentational component to show the users 'Profile' 4. OidcSelect: A 'select' component for selecting an OIDC provider, dynamically uses either a single select menu or multiple buttons depending on the amount of providers Data Components: 1. JwtSource: Given an OIDC provider URL this component will request a token from the provider and fire an donchange event when it has been retrieved. Used by TokenSource. 2. TokenSource: Given a oidc provider name or a Consul SecretID, TokenSource will use whichever method/API requests required to retrieve Consul ACL Token, which is emitted to the onchange event handler. Very basic README documentation included here, which is likely to be refined somewhat. * CSS required for new auth/SSO UI components * Remaining app code required to tie the new auth/SSO work together * CSS code required to help tie the auth/SSO work together * Test code in order to get current tests passing with new auth/SSO flow ..plus extremely basics/skipped rendering tests for the new components * Treat the secret received from the server as the truth Previously we've always treated what the user typed as the truth, this breaks down when using SSO as the user doesn't type anything to retrieve a token. Therefore we change this so that we use the secret in the API response as the truth. * Make sure removing an dom tree from a buffer only removes its own tree
2020-05-11 15:37:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-refresh-default-mask {
@extend %with-mask, %refresh-default-svg-prop;
-webkit-mask-image: var(--refresh-default-svg);
mask-image: var(--refresh-default-svg);
UI: Improved Login/Logout flow inc SSO support (#7790) * 6 new components for new login/logout flow, plus SSO support UI Components: 1. AuthDialog: Wraps/orchestrates AuthForm and AuthProfile 2. AuthForm: Authorization form shown when logged out. 3. AuthProfile: Simple presentational component to show the users 'Profile' 4. OidcSelect: A 'select' component for selecting an OIDC provider, dynamically uses either a single select menu or multiple buttons depending on the amount of providers Data Components: 1. JwtSource: Given an OIDC provider URL this component will request a token from the provider and fire an donchange event when it has been retrieved. Used by TokenSource. 2. TokenSource: Given a oidc provider name or a Consul SecretID, TokenSource will use whichever method/API requests required to retrieve Consul ACL Token, which is emitted to the onchange event handler. Very basic README documentation included here, which is likely to be refined somewhat. * CSS required for new auth/SSO UI components * Remaining app code required to tie the new auth/SSO work together * CSS code required to help tie the auth/SSO work together * Test code in order to get current tests passing with new auth/SSO flow ..plus extremely basics/skipped rendering tests for the new components * Treat the secret received from the server as the truth Previously we've always treated what the user typed as the truth, this breaks down when using SSO as the user doesn't type anything to retrieve a token. Therefore we change this so that we use the secret in the API response as the truth. * Make sure removing an dom tree from a buffer only removes its own tree
2020-05-11 15:37:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-reload-16-icon {
@extend %with-icon, %reload-16-svg-prop;
background-image: var(--reload-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-reload-16-mask {
@extend %with-mask, %reload-16-svg-prop;
-webkit-mask-image: var(--reload-16-svg);
mask-image: var(--reload-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-reload-24-icon {
@extend %with-icon, %reload-24-svg-prop;
background-image: var(--reload-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-reload-24-mask {
@extend %with-mask, %reload-24-svg-prop;
-webkit-mask-image: var(--reload-24-svg);
mask-image: var(--reload-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-remix-icon {
@extend %with-icon, %remix-svg-prop;
background-image: var(--remix-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-remix-mask {
@extend %with-mask, %remix-svg-prop;
-webkit-mask-image: var(--remix-svg);
mask-image: var(--remix-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-repeat-16-icon {
@extend %with-icon, %repeat-16-svg-prop;
background-image: var(--repeat-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-repeat-16-mask {
@extend %with-mask, %repeat-16-svg-prop;
-webkit-mask-image: var(--repeat-16-svg);
mask-image: var(--repeat-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-repeat-24-icon {
@extend %with-icon, %repeat-24-svg-prop;
background-image: var(--repeat-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-repeat-24-mask {
@extend %with-mask, %repeat-24-svg-prop;
-webkit-mask-image: var(--repeat-24-svg);
mask-image: var(--repeat-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-replication-direct-16-icon {
@extend %with-icon, %replication-direct-16-svg-prop;
background-image: var(--replication-direct-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-replication-direct-16-mask {
@extend %with-mask, %replication-direct-16-svg-prop;
-webkit-mask-image: var(--replication-direct-16-svg);
mask-image: var(--replication-direct-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-replication-direct-24-icon {
@extend %with-icon, %replication-direct-24-svg-prop;
background-image: var(--replication-direct-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-replication-direct-24-mask {
@extend %with-mask, %replication-direct-24-svg-prop;
-webkit-mask-image: var(--replication-direct-24-svg);
mask-image: var(--replication-direct-24-svg);
}
%with-replication-perf-16-icon {
@extend %with-icon, %replication-perf-16-svg-prop;
background-image: var(--replication-perf-16-svg);
}
%with-replication-perf-16-mask {
@extend %with-mask, %replication-perf-16-svg-prop;
-webkit-mask-image: var(--replication-perf-16-svg);
mask-image: var(--replication-perf-16-svg);
}
%with-replication-perf-24-icon {
@extend %with-icon, %replication-perf-24-svg-prop;
background-image: var(--replication-perf-24-svg);
}
%with-replication-perf-24-mask {
@extend %with-mask, %replication-perf-24-svg-prop;
-webkit-mask-image: var(--replication-perf-24-svg);
mask-image: var(--replication-perf-24-svg);
}
%with-rewind-16-icon {
@extend %with-icon, %rewind-16-svg-prop;
background-image: var(--rewind-16-svg);
}
%with-rewind-16-mask {
@extend %with-mask, %rewind-16-svg-prop;
-webkit-mask-image: var(--rewind-16-svg);
mask-image: var(--rewind-16-svg);
}
%with-rewind-24-icon {
@extend %with-icon, %rewind-24-svg-prop;
background-image: var(--rewind-24-svg);
}
%with-rewind-24-mask {
@extend %with-mask, %rewind-24-svg-prop;
-webkit-mask-image: var(--rewind-24-svg);
mask-image: var(--rewind-24-svg);
}
%with-ribbon-icon {
@extend %with-icon, %ribbon-svg-prop;
background-image: var(--ribbon-svg);
}
%with-ribbon-mask {
@extend %with-mask, %ribbon-svg-prop;
-webkit-mask-image: var(--ribbon-svg);
mask-image: var(--ribbon-svg);
}
%with-rocket-16-icon {
@extend %with-icon, %rocket-16-svg-prop;
background-image: var(--rocket-16-svg);
}
%with-rocket-16-mask {
@extend %with-mask, %rocket-16-svg-prop;
-webkit-mask-image: var(--rocket-16-svg);
mask-image: var(--rocket-16-svg);
}
%with-rocket-24-icon {
@extend %with-icon, %rocket-24-svg-prop;
background-image: var(--rocket-24-svg);
}
%with-rocket-24-mask {
@extend %with-mask, %rocket-24-svg-prop;
-webkit-mask-image: var(--rocket-24-svg);
mask-image: var(--rocket-24-svg);
}
%with-rotate-ccw-16-icon {
@extend %with-icon, %rotate-ccw-16-svg-prop;
background-image: var(--rotate-ccw-16-svg);
}
%with-rotate-ccw-16-mask {
@extend %with-mask, %rotate-ccw-16-svg-prop;
-webkit-mask-image: var(--rotate-ccw-16-svg);
mask-image: var(--rotate-ccw-16-svg);
}
%with-rotate-ccw-24-icon {
@extend %with-icon, %rotate-ccw-24-svg-prop;
background-image: var(--rotate-ccw-24-svg);
}
%with-rotate-ccw-24-mask {
@extend %with-mask, %rotate-ccw-24-svg-prop;
-webkit-mask-image: var(--rotate-ccw-24-svg);
mask-image: var(--rotate-ccw-24-svg);
}
%with-rotate-cw-16-icon {
@extend %with-icon, %rotate-cw-16-svg-prop;
background-image: var(--rotate-cw-16-svg);
}
%with-rotate-cw-16-mask {
@extend %with-mask, %rotate-cw-16-svg-prop;
-webkit-mask-image: var(--rotate-cw-16-svg);
mask-image: var(--rotate-cw-16-svg);
}
%with-rotate-cw-24-icon {
@extend %with-icon, %rotate-cw-24-svg-prop;
background-image: var(--rotate-cw-24-svg);
}
%with-rotate-cw-24-mask {
@extend %with-mask, %rotate-cw-24-svg-prop;
-webkit-mask-image: var(--rotate-cw-24-svg);
mask-image: var(--rotate-cw-24-svg);
}
%with-rss-16-icon {
@extend %with-icon, %rss-16-svg-prop;
background-image: var(--rss-16-svg);
}
%with-rss-16-mask {
@extend %with-mask, %rss-16-svg-prop;
-webkit-mask-image: var(--rss-16-svg);
mask-image: var(--rss-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-rss-24-icon {
@extend %with-icon, %rss-24-svg-prop;
background-image: var(--rss-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-rss-24-mask {
@extend %with-mask, %rss-24-svg-prop;
-webkit-mask-image: var(--rss-24-svg);
mask-image: var(--rss-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-run-icon {
@extend %with-icon, %run-svg-prop;
background-image: var(--run-svg);
ui: Improved filtering and sorting (#8591)
2020-09-01 18:13:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-run-mask {
@extend %with-mask, %run-svg-prop;
-webkit-mask-image: var(--run-svg);
mask-image: var(--run-svg);
ui: Improved filtering and sorting (#8591)
2020-09-01 18:13:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-save-16-icon {
@extend %with-icon, %save-16-svg-prop;
background-image: var(--save-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-save-16-mask {
@extend %with-mask, %save-16-svg-prop;
-webkit-mask-image: var(--save-16-svg);
mask-image: var(--save-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-save-24-icon {
@extend %with-icon, %save-24-svg-prop;
background-image: var(--save-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-save-24-mask {
@extend %with-mask, %save-24-svg-prop;
-webkit-mask-image: var(--save-24-svg);
mask-image: var(--save-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-scissors-16-icon {
@extend %with-icon, %scissors-16-svg-prop;
background-image: var(--scissors-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-scissors-16-mask {
@extend %with-mask, %scissors-16-svg-prop;
-webkit-mask-image: var(--scissors-16-svg);
mask-image: var(--scissors-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-scissors-24-icon {
@extend %with-icon, %scissors-24-svg-prop;
background-image: var(--scissors-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-scissors-24-mask {
@extend %with-mask, %scissors-24-svg-prop;
-webkit-mask-image: var(--scissors-24-svg);
mask-image: var(--scissors-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-16-icon {
@extend %with-icon, %search-16-svg-prop;
background-image: var(--search-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-16-mask {
@extend %with-mask, %search-16-svg-prop;
-webkit-mask-image: var(--search-16-svg);
mask-image: var(--search-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-24-icon {
@extend %with-icon, %search-24-svg-prop;
background-image: var(--search-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-24-mask {
@extend %with-mask, %search-24-svg-prop;
-webkit-mask-image: var(--search-24-svg);
mask-image: var(--search-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-color-icon {
@extend %with-icon, %search-color-svg-prop;
background-image: var(--search-color-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-color-mask {
@extend %with-mask, %search-color-svg-prop;
-webkit-mask-image: var(--search-color-svg);
mask-image: var(--search-color-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-icon {
@extend %with-icon, %search-svg-prop;
background-image: var(--search-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-search-mask {
@extend %with-mask, %search-svg-prop;
-webkit-mask-image: var(--search-svg);
mask-image: var(--search-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-send-16-icon {
@extend %with-icon, %send-16-svg-prop;
background-image: var(--send-16-svg);
ui: SSO Icon cleanup (#7959) 1. Removes all icons not supported by the backend 2. Adds other icons supported by the backend 3. If there is no icon available don't add CSS positioning for one
2020-05-27 13:24:35 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-send-16-mask {
@extend %with-mask, %send-16-svg-prop;
-webkit-mask-image: var(--send-16-svg);
mask-image: var(--send-16-svg);
ui: SSO Icon cleanup (#7959) 1. Removes all icons not supported by the backend 2. Adds other icons supported by the backend 3. If there is no icon available don't add CSS positioning for one
2020-05-27 13:24:35 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-send-24-icon {
@extend %with-icon, %send-24-svg-prop;
background-image: var(--send-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-send-24-mask {
@extend %with-mask, %send-24-svg-prop;
-webkit-mask-image: var(--send-24-svg);
mask-image: var(--send-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-16-icon {
@extend %with-icon, %server-16-svg-prop;
background-image: var(--server-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-16-mask {
@extend %with-mask, %server-16-svg-prop;
-webkit-mask-image: var(--server-16-svg);
mask-image: var(--server-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-24-icon {
@extend %with-icon, %server-24-svg-prop;
background-image: var(--server-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-24-mask {
@extend %with-mask, %server-24-svg-prop;
-webkit-mask-image: var(--server-24-svg);
mask-image: var(--server-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-cluster-16-icon {
@extend %with-icon, %server-cluster-16-svg-prop;
background-image: var(--server-cluster-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-cluster-16-mask {
@extend %with-mask, %server-cluster-16-svg-prop;
-webkit-mask-image: var(--server-cluster-16-svg);
mask-image: var(--server-cluster-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-cluster-24-icon {
@extend %with-icon, %server-cluster-24-svg-prop;
background-image: var(--server-cluster-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-server-cluster-24-mask {
@extend %with-mask, %server-cluster-24-svg-prop;
-webkit-mask-image: var(--server-cluster-24-svg);
mask-image: var(--server-cluster-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-serverless-16-icon {
@extend %with-icon, %serverless-16-svg-prop;
background-image: var(--serverless-16-svg);
ui: SSO Icon cleanup (#7959) 1. Removes all icons not supported by the backend 2. Adds other icons supported by the backend 3. If there is no icon available don't add CSS positioning for one
2020-05-27 13:24:35 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-serverless-16-mask {
@extend %with-mask, %serverless-16-svg-prop;
-webkit-mask-image: var(--serverless-16-svg);
mask-image: var(--serverless-16-svg);
ui: SSO Icon cleanup (#7959) 1. Removes all icons not supported by the backend 2. Adds other icons supported by the backend 3. If there is no icon available don't add CSS positioning for one
2020-05-27 13:24:35 +00:00
}
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-serverless-24-icon {
@extend %with-icon, %serverless-24-svg-prop;
background-image: var(--serverless-24-svg);
ui: Improved filtering and sorting (#8591)
2020-09-01 18:13:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-serverless-24-mask {
@extend %with-mask, %serverless-24-svg-prop;
-webkit-mask-image: var(--serverless-24-svg);
mask-image: var(--serverless-24-svg);
ui: Improved filtering and sorting (#8591)
2020-09-01 18:13:11 +00:00
}
ui: SSO Icon cleanup (#7959) 1. Removes all icons not supported by the backend 2. Adds other icons supported by the backend 3. If there is no icon available don't add CSS positioning for one
2020-05-27 13:24:35 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-settings-16-icon {
@extend %with-icon, %settings-16-svg-prop;
background-image: var(--settings-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-settings-16-mask {
@extend %with-mask, %settings-16-svg-prop;
-webkit-mask-image: var(--settings-16-svg);
mask-image: var(--settings-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-settings-24-icon {
@extend %with-icon, %settings-24-svg-prop;
background-image: var(--settings-24-svg);
UI: Improved Login/Logout flow inc SSO support (#7790) * 6 new components for new login/logout flow, plus SSO support UI Components: 1. AuthDialog: Wraps/orchestrates AuthForm and AuthProfile 2. AuthForm: Authorization form shown when logged out. 3. AuthProfile: Simple presentational component to show the users 'Profile' 4. OidcSelect: A 'select' component for selecting an OIDC provider, dynamically uses either a single select menu or multiple buttons depending on the amount of providers Data Components: 1. JwtSource: Given an OIDC provider URL this component will request a token from the provider and fire an donchange event when it has been retrieved. Used by TokenSource. 2. TokenSource: Given a oidc provider name or a Consul SecretID, TokenSource will use whichever method/API requests required to retrieve Consul ACL Token, which is emitted to the onchange event handler. Very basic README documentation included here, which is likely to be refined somewhat. * CSS required for new auth/SSO UI components * Remaining app code required to tie the new auth/SSO work together * CSS code required to help tie the auth/SSO work together * Test code in order to get current tests passing with new auth/SSO flow ..plus extremely basics/skipped rendering tests for the new components * Treat the secret received from the server as the truth Previously we've always treated what the user typed as the truth, this breaks down when using SSO as the user doesn't type anything to retrieve a token. Therefore we change this so that we use the secret in the API response as the truth. * Make sure removing an dom tree from a buffer only removes its own tree
2020-05-11 15:37:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-settings-24-mask {
@extend %with-mask, %settings-24-svg-prop;
-webkit-mask-image: var(--settings-24-svg);
mask-image: var(--settings-24-svg);
UI: Improved Login/Logout flow inc SSO support (#7790) * 6 new components for new login/logout flow, plus SSO support UI Components: 1. AuthDialog: Wraps/orchestrates AuthForm and AuthProfile 2. AuthForm: Authorization form shown when logged out. 3. AuthProfile: Simple presentational component to show the users 'Profile' 4. OidcSelect: A 'select' component for selecting an OIDC provider, dynamically uses either a single select menu or multiple buttons depending on the amount of providers Data Components: 1. JwtSource: Given an OIDC provider URL this component will request a token from the provider and fire an donchange event when it has been retrieved. Used by TokenSource. 2. TokenSource: Given a oidc provider name or a Consul SecretID, TokenSource will use whichever method/API requests required to retrieve Consul ACL Token, which is emitted to the onchange event handler. Very basic README documentation included here, which is likely to be refined somewhat. * CSS required for new auth/SSO UI components * Remaining app code required to tie the new auth/SSO work together * CSS code required to help tie the auth/SSO work together * Test code in order to get current tests passing with new auth/SSO flow ..plus extremely basics/skipped rendering tests for the new components * Treat the secret received from the server as the truth Previously we've always treated what the user typed as the truth, this breaks down when using SSO as the user doesn't type anything to retrieve a token. Therefore we change this so that we use the secret in the API response as the truth. * Make sure removing an dom tree from a buffer only removes its own tree
2020-05-11 15:37:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-settings-icon {
@extend %with-icon, %settings-svg-prop;
background-image: var(--settings-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-settings-mask {
@extend %with-mask, %settings-svg-prop;
-webkit-mask-image: var(--settings-svg);
mask-image: var(--settings-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-share-16-icon {
@extend %with-icon, %share-16-svg-prop;
background-image: var(--share-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-share-16-mask {
@extend %with-mask, %share-16-svg-prop;
-webkit-mask-image: var(--share-16-svg);
mask-image: var(--share-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-share-24-icon {
@extend %with-icon, %share-24-svg-prop;
background-image: var(--share-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-share-24-mask {
@extend %with-mask, %share-24-svg-prop;
-webkit-mask-image: var(--share-24-svg);
mask-image: var(--share-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-16-icon {
@extend %with-icon, %shield-16-svg-prop;
background-image: var(--shield-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-16-mask {
@extend %with-mask, %shield-16-svg-prop;
-webkit-mask-image: var(--shield-16-svg);
mask-image: var(--shield-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-24-icon {
@extend %with-icon, %shield-24-svg-prop;
background-image: var(--shield-24-svg);
ui: Improved filtering and sorting (#8591)
2020-09-01 18:13:11 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-24-mask {
@extend %with-mask, %shield-24-svg-prop;
-webkit-mask-image: var(--shield-24-svg);
mask-image: var(--shield-24-svg);
ui: Improved filtering and sorting (#8591)
2020-09-01 18:13:11 +00:00
}
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-alert-16-icon {
@extend %with-icon, %shield-alert-16-svg-prop;
background-image: var(--shield-alert-16-svg);
ui: Add Vault as a Service External Source (#10769)
2021-08-04 22:22:43 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-alert-16-mask {
@extend %with-mask, %shield-alert-16-svg-prop;
-webkit-mask-image: var(--shield-alert-16-svg);
mask-image: var(--shield-alert-16-svg);
ui: Add Vault as a Service External Source (#10769)
2021-08-04 22:22:43 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-alert-24-icon {
@extend %with-icon, %shield-alert-24-svg-prop;
background-image: var(--shield-alert-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-alert-24-mask {
@extend %with-mask, %shield-alert-24-svg-prop;
-webkit-mask-image: var(--shield-alert-24-svg);
mask-image: var(--shield-alert-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-check-16-icon {
@extend %with-icon, %shield-check-16-svg-prop;
background-image: var(--shield-check-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-check-16-mask {
@extend %with-mask, %shield-check-16-svg-prop;
-webkit-mask-image: var(--shield-check-16-svg);
mask-image: var(--shield-check-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-check-24-icon {
@extend %with-icon, %shield-check-24-svg-prop;
background-image: var(--shield-check-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-check-24-mask {
@extend %with-mask, %shield-check-24-svg-prop;
-webkit-mask-image: var(--shield-check-24-svg);
mask-image: var(--shield-check-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-off-16-icon {
@extend %with-icon, %shield-off-16-svg-prop;
background-image: var(--shield-off-16-svg);
ui: Update to service index page (#8775) * Add 'in service mesh ...' to the composite rows in Service List page * Add associated services count to terminating and ingress gateways in Service List page * Update mesh icon in icon-defintion files
2020-09-30 13:13:38 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-off-16-mask {
@extend %with-mask, %shield-off-16-svg-prop;
-webkit-mask-image: var(--shield-off-16-svg);
mask-image: var(--shield-off-16-svg);
ui: Update to service index page (#8775) * Add 'in service mesh ...' to the composite rows in Service List page * Add associated services count to terminating and ingress gateways in Service List page * Update mesh icon in icon-defintion files
2020-09-30 13:13:38 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-off-24-icon {
@extend %with-icon, %shield-off-24-svg-prop;
background-image: var(--shield-off-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-off-24-mask {
@extend %with-mask, %shield-off-24-svg-prop;
-webkit-mask-image: var(--shield-off-24-svg);
mask-image: var(--shield-off-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-x-16-icon {
@extend %with-icon, %shield-x-16-svg-prop;
background-image: var(--shield-x-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-x-16-mask {
@extend %with-mask, %shield-x-16-svg-prop;
-webkit-mask-image: var(--shield-x-16-svg);
mask-image: var(--shield-x-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-x-24-icon {
@extend %with-icon, %shield-x-24-svg-prop;
background-image: var(--shield-x-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shield-x-24-mask {
@extend %with-mask, %shield-x-24-svg-prop;
-webkit-mask-image: var(--shield-x-24-svg);
mask-image: var(--shield-x-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-bag-16-icon {
@extend %with-icon, %shopping-bag-16-svg-prop;
background-image: var(--shopping-bag-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-bag-16-mask {
@extend %with-mask, %shopping-bag-16-svg-prop;
-webkit-mask-image: var(--shopping-bag-16-svg);
mask-image: var(--shopping-bag-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-bag-24-icon {
@extend %with-icon, %shopping-bag-24-svg-prop;
background-image: var(--shopping-bag-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-bag-24-mask {
@extend %with-mask, %shopping-bag-24-svg-prop;
-webkit-mask-image: var(--shopping-bag-24-svg);
mask-image: var(--shopping-bag-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-cart-16-icon {
@extend %with-icon, %shopping-cart-16-svg-prop;
background-image: var(--shopping-cart-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-cart-16-mask {
@extend %with-mask, %shopping-cart-16-svg-prop;
-webkit-mask-image: var(--shopping-cart-16-svg);
mask-image: var(--shopping-cart-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-cart-24-icon {
@extend %with-icon, %shopping-cart-24-svg-prop;
background-image: var(--shopping-cart-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shopping-cart-24-mask {
@extend %with-mask, %shopping-cart-24-svg-prop;
-webkit-mask-image: var(--shopping-cart-24-svg);
mask-image: var(--shopping-cart-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shuffle-16-icon {
@extend %with-icon, %shuffle-16-svg-prop;
background-image: var(--shuffle-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shuffle-16-mask {
@extend %with-mask, %shuffle-16-svg-prop;
-webkit-mask-image: var(--shuffle-16-svg);
mask-image: var(--shuffle-16-svg);
ui: Namespace Support (#6639) Adds namespace support to the UI: 1. Namespace CRUD/management 2. Show Namespace in relevant areas (intentions, upstreams) 3. Main navigation bar improvements 4. Logic/integration to interact with a new `internal/acl/authorize` endpoint
2019-12-17 18:47:37 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shuffle-24-icon {
@extend %with-icon, %shuffle-24-svg-prop;
background-image: var(--shuffle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-shuffle-24-mask {
@extend %with-mask, %shuffle-24-svg-prop;
-webkit-mask-image: var(--shuffle-24-svg);
mask-image: var(--shuffle-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-16-icon {
@extend %with-icon, %sidebar-16-svg-prop;
background-image: var(--sidebar-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-16-mask {
@extend %with-mask, %sidebar-16-svg-prop;
-webkit-mask-image: var(--sidebar-16-svg);
mask-image: var(--sidebar-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-24-icon {
@extend %with-icon, %sidebar-24-svg-prop;
background-image: var(--sidebar-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-24-mask {
@extend %with-mask, %sidebar-24-svg-prop;
-webkit-mask-image: var(--sidebar-24-svg);
mask-image: var(--sidebar-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-hide-16-icon {
@extend %with-icon, %sidebar-hide-16-svg-prop;
background-image: var(--sidebar-hide-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-hide-16-mask {
@extend %with-mask, %sidebar-hide-16-svg-prop;
-webkit-mask-image: var(--sidebar-hide-16-svg);
mask-image: var(--sidebar-hide-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-hide-24-icon {
@extend %with-icon, %sidebar-hide-24-svg-prop;
background-image: var(--sidebar-hide-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-hide-24-mask {
@extend %with-mask, %sidebar-hide-24-svg-prop;
-webkit-mask-image: var(--sidebar-hide-24-svg);
mask-image: var(--sidebar-hide-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-show-16-icon {
@extend %with-icon, %sidebar-show-16-svg-prop;
background-image: var(--sidebar-show-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-show-16-mask {
@extend %with-mask, %sidebar-show-16-svg-prop;
-webkit-mask-image: var(--sidebar-show-16-svg);
mask-image: var(--sidebar-show-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-show-24-icon {
@extend %with-icon, %sidebar-show-24-svg-prop;
background-image: var(--sidebar-show-24-svg);
UI Release Merge (1.8-beta-2: ui-staging merge) (#7919) * ui: Styling fixes (#7885) * Move cellHeight to ListCollection js file * Fix composite row border-top-color onHover state * Add empty health check icon to CompositeRow styling * ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services * ui: Misc discovery chain fixes (#7892) 1. Look for a default splitter before looking for a default resolver in order to route to. 2. Delay adding svg listeners until afterRender (fixes split tooltip) 3. Make router id's consistent for highlighting default routers in when clicking the graph * ui: If an error occurs on the server, surface it in the notification (#7893) * ui: Delete old unused CSS (#7909) This commit deletes CSS that we no longer use and we definitely will not ever use. We also dedup all of our imports here as it turns out SASS doesn't dedupe imports. Strangely this increases out CSS weight by ~1kb instead of reducing but we'd rather keep things deduped as that was the intention * ui: Redesign - Exposed Paths (#7912) * Add new exposed paths icons to codebase * Redesign Exposed Paths and create copy-button hover on Composite Row * Refactor FeedbackDialog and CopyButton * Change this.element to use `{{ref }}` now we don't have an element We changed this to a tagless component with an eye to moving this to a glimmer component, without spotting that this would also remove the `this.element` property. This adds an equivalent using the ref modifier. Co-authored-by: John Cowen <jcowen@hashicorp.com> * ui: Remove box-shadow and pointer cursor from metada list hover effect (#7914) Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-05-19 16:18:04 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sidebar-show-24-mask {
@extend %with-mask, %sidebar-show-24-svg-prop;
-webkit-mask-image: var(--sidebar-show-24-svg);
mask-image: var(--sidebar-show-24-svg);
UI Release Merge (1.8-beta-2: ui-staging merge) (#7919) * ui: Styling fixes (#7885) * Move cellHeight to ListCollection js file * Fix composite row border-top-color onHover state * Add empty health check icon to CompositeRow styling * ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services * ui: Misc discovery chain fixes (#7892) 1. Look for a default splitter before looking for a default resolver in order to route to. 2. Delay adding svg listeners until afterRender (fixes split tooltip) 3. Make router id's consistent for highlighting default routers in when clicking the graph * ui: If an error occurs on the server, surface it in the notification (#7893) * ui: Delete old unused CSS (#7909) This commit deletes CSS that we no longer use and we definitely will not ever use. We also dedup all of our imports here as it turns out SASS doesn't dedupe imports. Strangely this increases out CSS weight by ~1kb instead of reducing but we'd rather keep things deduped as that was the intention * ui: Redesign - Exposed Paths (#7912) * Add new exposed paths icons to codebase * Redesign Exposed Paths and create copy-button hover on Composite Row * Refactor FeedbackDialog and CopyButton * Change this.element to use `{{ref }}` now we don't have an element We changed this to a tagless component with an eye to moving this to a glimmer component, without spotting that this would also remove the `this.element` property. This adds an equivalent using the ref modifier. Co-authored-by: John Cowen <jcowen@hashicorp.com> * ui: Remove box-shadow and pointer cursor from metada list hover effect (#7914) Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-05-19 16:18:04 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-in-16-icon {
@extend %with-icon, %sign-in-16-svg-prop;
background-image: var(--sign-in-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-in-16-mask {
@extend %with-mask, %sign-in-16-svg-prop;
-webkit-mask-image: var(--sign-in-16-svg);
mask-image: var(--sign-in-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-in-24-icon {
@extend %with-icon, %sign-in-24-svg-prop;
background-image: var(--sign-in-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-in-24-mask {
@extend %with-mask, %sign-in-24-svg-prop;
-webkit-mask-image: var(--sign-in-24-svg);
mask-image: var(--sign-in-24-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-out-16-icon {
@extend %with-icon, %sign-out-16-svg-prop;
background-image: var(--sign-out-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-out-16-mask {
@extend %with-mask, %sign-out-16-svg-prop;
-webkit-mask-image: var(--sign-out-16-svg);
mask-image: var(--sign-out-16-svg);
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-out-24-icon {
@extend %with-icon, %sign-out-24-svg-prop;
background-image: var(--sign-out-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sign-out-24-mask {
@extend %with-mask, %sign-out-24-svg-prop;
-webkit-mask-image: var(--sign-out-24-svg);
mask-image: var(--sign-out-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-16-icon {
@extend %with-icon, %skip-16-svg-prop;
background-image: var(--skip-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-16-mask {
@extend %with-mask, %skip-16-svg-prop;
-webkit-mask-image: var(--skip-16-svg);
mask-image: var(--skip-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-24-icon {
@extend %with-icon, %skip-24-svg-prop;
background-image: var(--skip-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-24-mask {
@extend %with-mask, %skip-24-svg-prop;
-webkit-mask-image: var(--skip-24-svg);
mask-image: var(--skip-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-back-16-icon {
@extend %with-icon, %skip-back-16-svg-prop;
background-image: var(--skip-back-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-back-16-mask {
@extend %with-mask, %skip-back-16-svg-prop;
-webkit-mask-image: var(--skip-back-16-svg);
mask-image: var(--skip-back-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-back-24-icon {
@extend %with-icon, %skip-back-24-svg-prop;
background-image: var(--skip-back-24-svg);
UI Release Merge (1.8-beta-2: ui-staging merge) (#7919) * ui: Styling fixes (#7885) * Move cellHeight to ListCollection js file * Fix composite row border-top-color onHover state * Add empty health check icon to CompositeRow styling * ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services * ui: Misc discovery chain fixes (#7892) 1. Look for a default splitter before looking for a default resolver in order to route to. 2. Delay adding svg listeners until afterRender (fixes split tooltip) 3. Make router id's consistent for highlighting default routers in when clicking the graph * ui: If an error occurs on the server, surface it in the notification (#7893) * ui: Delete old unused CSS (#7909) This commit deletes CSS that we no longer use and we definitely will not ever use. We also dedup all of our imports here as it turns out SASS doesn't dedupe imports. Strangely this increases out CSS weight by ~1kb instead of reducing but we'd rather keep things deduped as that was the intention * ui: Redesign - Exposed Paths (#7912) * Add new exposed paths icons to codebase * Redesign Exposed Paths and create copy-button hover on Composite Row * Refactor FeedbackDialog and CopyButton * Change this.element to use `{{ref }}` now we don't have an element We changed this to a tagless component with an eye to moving this to a glimmer component, without spotting that this would also remove the `this.element` property. This adds an equivalent using the ref modifier. Co-authored-by: John Cowen <jcowen@hashicorp.com> * ui: Remove box-shadow and pointer cursor from metada list hover effect (#7914) Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-05-19 16:18:04 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-back-24-mask {
@extend %with-mask, %skip-back-24-svg-prop;
-webkit-mask-image: var(--skip-back-24-svg);
mask-image: var(--skip-back-24-svg);
UI Release Merge (1.8-beta-2: ui-staging merge) (#7919) * ui: Styling fixes (#7885) * Move cellHeight to ListCollection js file * Fix composite row border-top-color onHover state * Add empty health check icon to CompositeRow styling * ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services * ui: Misc discovery chain fixes (#7892) 1. Look for a default splitter before looking for a default resolver in order to route to. 2. Delay adding svg listeners until afterRender (fixes split tooltip) 3. Make router id's consistent for highlighting default routers in when clicking the graph * ui: If an error occurs on the server, surface it in the notification (#7893) * ui: Delete old unused CSS (#7909) This commit deletes CSS that we no longer use and we definitely will not ever use. We also dedup all of our imports here as it turns out SASS doesn't dedupe imports. Strangely this increases out CSS weight by ~1kb instead of reducing but we'd rather keep things deduped as that was the intention * ui: Redesign - Exposed Paths (#7912) * Add new exposed paths icons to codebase * Redesign Exposed Paths and create copy-button hover on Composite Row * Refactor FeedbackDialog and CopyButton * Change this.element to use `{{ref }}` now we don't have an element We changed this to a tagless component with an eye to moving this to a glimmer component, without spotting that this would also remove the `this.element` property. This adds an equivalent using the ref modifier. Co-authored-by: John Cowen <jcowen@hashicorp.com> * ui: Remove box-shadow and pointer cursor from metada list hover effect (#7914) Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-05-19 16:18:04 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-forward-16-icon {
@extend %with-icon, %skip-forward-16-svg-prop;
background-image: var(--skip-forward-16-svg);
UI Release Merge (1.8-beta-2: ui-staging merge) (#7919) * ui: Styling fixes (#7885) * Move cellHeight to ListCollection js file * Fix composite row border-top-color onHover state * Add empty health check icon to CompositeRow styling * ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services * ui: Misc discovery chain fixes (#7892) 1. Look for a default splitter before looking for a default resolver in order to route to. 2. Delay adding svg listeners until afterRender (fixes split tooltip) 3. Make router id's consistent for highlighting default routers in when clicking the graph * ui: If an error occurs on the server, surface it in the notification (#7893) * ui: Delete old unused CSS (#7909) This commit deletes CSS that we no longer use and we definitely will not ever use. We also dedup all of our imports here as it turns out SASS doesn't dedupe imports. Strangely this increases out CSS weight by ~1kb instead of reducing but we'd rather keep things deduped as that was the intention * ui: Redesign - Exposed Paths (#7912) * Add new exposed paths icons to codebase * Redesign Exposed Paths and create copy-button hover on Composite Row * Refactor FeedbackDialog and CopyButton * Change this.element to use `{{ref }}` now we don't have an element We changed this to a tagless component with an eye to moving this to a glimmer component, without spotting that this would also remove the `this.element` property. This adds an equivalent using the ref modifier. Co-authored-by: John Cowen <jcowen@hashicorp.com> * ui: Remove box-shadow and pointer cursor from metada list hover effect (#7914) Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-05-19 16:18:04 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-forward-16-mask {
@extend %with-mask, %skip-forward-16-svg-prop;
-webkit-mask-image: var(--skip-forward-16-svg);
mask-image: var(--skip-forward-16-svg);
UI Release Merge (1.8-beta-2: ui-staging merge) (#7919) * ui: Styling fixes (#7885) * Move cellHeight to ListCollection js file * Fix composite row border-top-color onHover state * Add empty health check icon to CompositeRow styling * ui: Slightly refactor %composite-rows and reuse ConsulServiceList component (#7886) * ui: Move individual component types into a single %composite-list plus 1. Removes all out separate CSS components (that match HTML components) to favour not having those separate for the moemnt at least 2. Reuses <ConsulServiceList /> component for Terminating Gateways > Linked Services * ui: Tweak breadcrumb spacing for '/' separator * Fix up the tests i.e. services per tab so we can call them all services * ui: Misc discovery chain fixes (#7892) 1. Look for a default splitter before looking for a default resolver in order to route to. 2. Delay adding svg listeners until afterRender (fixes split tooltip) 3. Make router id's consistent for highlighting default routers in when clicking the graph * ui: If an error occurs on the server, surface it in the notification (#7893) * ui: Delete old unused CSS (#7909) This commit deletes CSS that we no longer use and we definitely will not ever use. We also dedup all of our imports here as it turns out SASS doesn't dedupe imports. Strangely this increases out CSS weight by ~1kb instead of reducing but we'd rather keep things deduped as that was the intention * ui: Redesign - Exposed Paths (#7912) * Add new exposed paths icons to codebase * Redesign Exposed Paths and create copy-button hover on Composite Row * Refactor FeedbackDialog and CopyButton * Change this.element to use `{{ref }}` now we don't have an element We changed this to a tagless component with an eye to moving this to a glimmer component, without spotting that this would also remove the `this.element` property. This adds an equivalent using the ref modifier. Co-authored-by: John Cowen <jcowen@hashicorp.com> * ui: Remove box-shadow and pointer cursor from metada list hover effect (#7914) Co-authored-by: Kenia <19161242+kaxcode@users.noreply.github.com>
2020-05-19 16:18:04 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-forward-24-icon {
@extend %with-icon, %skip-forward-24-svg-prop;
background-image: var(--skip-forward-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-skip-forward-24-mask {
@extend %with-mask, %skip-forward-24-svg-prop;
-webkit-mask-image: var(--skip-forward-24-svg);
mask-image: var(--skip-forward-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-16-icon {
@extend %with-icon, %slack-16-svg-prop;
background-image: var(--slack-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-16-mask {
@extend %with-mask, %slack-16-svg-prop;
-webkit-mask-image: var(--slack-16-svg);
mask-image: var(--slack-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-24-icon {
@extend %with-icon, %slack-24-svg-prop;
background-image: var(--slack-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-24-mask {
@extend %with-mask, %slack-24-svg-prop;
-webkit-mask-image: var(--slack-24-svg);
mask-image: var(--slack-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-color-16-icon {
@extend %with-icon, %slack-color-16-svg-prop;
background-image: var(--slack-color-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-color-16-mask {
@extend %with-mask, %slack-color-16-svg-prop;
-webkit-mask-image: var(--slack-color-16-svg);
mask-image: var(--slack-color-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-color-24-icon {
@extend %with-icon, %slack-color-24-svg-prop;
background-image: var(--slack-color-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slack-color-24-mask {
@extend %with-mask, %slack-color-24-svg-prop;
-webkit-mask-image: var(--slack-color-24-svg);
mask-image: var(--slack-color-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-16-icon {
@extend %with-icon, %slash-16-svg-prop;
background-image: var(--slash-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-16-mask {
@extend %with-mask, %slash-16-svg-prop;
-webkit-mask-image: var(--slash-16-svg);
mask-image: var(--slash-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-24-icon {
@extend %with-icon, %slash-24-svg-prop;
background-image: var(--slash-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-24-mask {
@extend %with-mask, %slash-24-svg-prop;
-webkit-mask-image: var(--slash-24-svg);
mask-image: var(--slash-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-square-16-icon {
@extend %with-icon, %slash-square-16-svg-prop;
background-image: var(--slash-square-16-svg);
ui: Discovery Chain (#6746) * Add data layer for discovery chain (model/adapter/serializer/repo) * Add routing plus template for routing tab * Add extra deps - consul-api-double upgrade plus ngraph for graphing * Add discovery-chain and related components and helpers: 1. discovery-chain to orchestrate/view controller 2. route-card, splitter-card, resolver card to represent the 3 different node types. 3. route-match helper for easy formatting of route rules 4. dom-position to figure out where things are in order to draw lines 5. svg-curve, simple wrapper around svg's <path d=""> attribute format. 6. data-structs service. This isn't super required but we are using other data-structures provided by other third party npm modules in other yet to be merged PRs. All of these types of things will live here for easy access/injection/changability 7. Some additions to our css-var 'polyfill' for a couple of extra needed rules * Related CSS for discovery chain 1. We add a %card base component here, eventually this will go into our base folder and %stats-card will also use it for a base component. 2. New icon for failovers * ui: Discovery Chain Continued (#6939) 1. Add in the things we use for the animations 2 Use IntersectionObserver so we know when the tab is visible, otherwise the dom-position helper won't work as the dom elements don't have any display. 3. Add some base work for animations and use them a little 4. Try to detect if a resolver is a redirect. Right now this works for datacenters and namespaces, but it can't work for services and subsets - we are awaiting backend support for doing this properly. 5. Add a fake 'this service has no routes' route that says 'Default' 6. redirect icon 7. Add CSS.escape polyfill for Edge
2019-12-17 19:27:28 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-square-16-mask {
@extend %with-mask, %slash-square-16-svg-prop;
-webkit-mask-image: var(--slash-square-16-svg);
mask-image: var(--slash-square-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-square-24-icon {
@extend %with-icon, %slash-square-24-svg-prop;
background-image: var(--slash-square-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-slash-square-24-mask {
@extend %with-mask, %slash-square-24-svg-prop;
-webkit-mask-image: var(--slash-square-24-svg);
mask-image: var(--slash-square-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Discovery Chain (#6746) * Add data layer for discovery chain (model/adapter/serializer/repo) * Add routing plus template for routing tab * Add extra deps - consul-api-double upgrade plus ngraph for graphing * Add discovery-chain and related components and helpers: 1. discovery-chain to orchestrate/view controller 2. route-card, splitter-card, resolver card to represent the 3 different node types. 3. route-match helper for easy formatting of route rules 4. dom-position to figure out where things are in order to draw lines 5. svg-curve, simple wrapper around svg's <path d=""> attribute format. 6. data-structs service. This isn't super required but we are using other data-structures provided by other third party npm modules in other yet to be merged PRs. All of these types of things will live here for easy access/injection/changability 7. Some additions to our css-var 'polyfill' for a couple of extra needed rules * Related CSS for discovery chain 1. We add a %card base component here, eventually this will go into our base folder and %stats-card will also use it for a base component. 2. New icon for failovers * ui: Discovery Chain Continued (#6939) 1. Add in the things we use for the animations 2 Use IntersectionObserver so we know when the tab is visible, otherwise the dom-position helper won't work as the dom elements don't have any display. 3. Add some base work for animations and use them a little 4. Try to detect if a resolver is a redirect. Right now this works for datacenters and namespaces, but it can't work for services and subsets - we are awaiting backend support for doing this properly. 5. Add a fake 'this service has no routes' route that says 'Default' 6. redirect icon 7. Add CSS.escape polyfill for Edge
2019-12-17 19:27:28 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sliders-16-icon {
@extend %with-icon, %sliders-16-svg-prop;
background-image: var(--sliders-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sliders-16-mask {
@extend %with-mask, %sliders-16-svg-prop;
-webkit-mask-image: var(--sliders-16-svg);
mask-image: var(--sliders-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sliders-24-icon {
@extend %with-icon, %sliders-24-svg-prop;
background-image: var(--sliders-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sliders-24-mask {
@extend %with-mask, %sliders-24-svg-prop;
-webkit-mask-image: var(--sliders-24-svg);
mask-image: var(--sliders-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smartphone-16-icon {
@extend %with-icon, %smartphone-16-svg-prop;
background-image: var(--smartphone-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smartphone-16-mask {
@extend %with-mask, %smartphone-16-svg-prop;
-webkit-mask-image: var(--smartphone-16-svg);
mask-image: var(--smartphone-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smartphone-24-icon {
@extend %with-icon, %smartphone-24-svg-prop;
background-image: var(--smartphone-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smartphone-24-mask {
@extend %with-mask, %smartphone-24-svg-prop;
-webkit-mask-image: var(--smartphone-24-svg);
mask-image: var(--smartphone-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smile-16-icon {
@extend %with-icon, %smile-16-svg-prop;
background-image: var(--smile-16-svg);
ui: fix/replace magnifier icon (#6308)
2019-08-12 15:40:26 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smile-16-mask {
@extend %with-mask, %smile-16-svg-prop;
-webkit-mask-image: var(--smile-16-svg);
mask-image: var(--smile-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smile-24-icon {
@extend %with-icon, %smile-24-svg-prop;
background-image: var(--smile-24-svg);
ui: CSS Upgrade (action-group,form-elements,sliding-toggle,breadcrumbs) (#6495) This includes an update of our CSS npm module. The majority of this is just moving files from one folder to another. 1. %breadrumbs: As well as moving we've added 'milestone' breadcrumbs 2. %checkbox-group: Moved 3. %radio-group: Moved 4. %sliding-toggle: Moved (used to be called just %toggle) 5. %form-elements: Moved and added a new %inline-alert for form field messaging (see Structure design system) 6. %action-group is now a composition of %menu-panel, %toggle-button, plus edits to existing style to bring the %action-groups inline with the dropdowns from Structure). %action-group also includes a composed %confirmation-alert that is yet to be include. This will be compiled out until we integrate it. We've also removed some of our old icon placeholders as the above work seased to use some of them. Now we done this I'd say all in all over half of our CSS components now use the CSS npm module. The CSS specific to Consul UI also uses much of this CSS module by way of helper placeholders such as our %frames.
2019-11-25 17:43:25 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-smile-24-mask {
@extend %with-mask, %smile-24-svg-prop;
-webkit-mask-image: var(--smile-24-svg);
mask-image: var(--smile-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: CSS Upgrade (action-group,form-elements,sliding-toggle,breadcrumbs) (#6495) This includes an update of our CSS npm module. The majority of this is just moving files from one folder to another. 1. %breadrumbs: As well as moving we've added 'milestone' breadcrumbs 2. %checkbox-group: Moved 3. %radio-group: Moved 4. %sliding-toggle: Moved (used to be called just %toggle) 5. %form-elements: Moved and added a new %inline-alert for form field messaging (see Structure design system) 6. %action-group is now a composition of %menu-panel, %toggle-button, plus edits to existing style to bring the %action-groups inline with the dropdowns from Structure). %action-group also includes a composed %confirmation-alert that is yet to be include. This will be compiled out until we integrate it. We've also removed some of our old icon placeholders as the above work seased to use some of them. Now we done this I'd say all in all over half of our CSS components now use the CSS npm module. The CSS specific to Consul UI also uses much of this CSS module by way of helper placeholders such as our %frames.
2019-11-25 17:43:25 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-socket-16-icon {
@extend %with-icon, %socket-16-svg-prop;
background-image: var(--socket-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-socket-16-mask {
@extend %with-mask, %socket-16-svg-prop;
-webkit-mask-image: var(--socket-16-svg);
mask-image: var(--socket-16-svg);
}
%with-socket-24-icon {
@extend %with-icon, %socket-24-svg-prop;
background-image: var(--socket-24-svg);
}
%with-socket-24-mask {
@extend %with-mask, %socket-24-svg-prop;
-webkit-mask-image: var(--socket-24-svg);
mask-image: var(--socket-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Add socket icon for UDS (#10573)
2021-07-12 13:28:01 +00:00
%with-socket-icon {
@extend %with-icon, %socket-svg-prop;
background-image: var(--socket-svg);
}
%with-socket-mask {
@extend %with-mask, %socket-svg-prop;
-webkit-mask-image: var(--socket-svg);
mask-image: var(--socket-svg);
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sort-asc-16-icon {
@extend %with-icon, %sort-asc-16-svg-prop;
background-image: var(--sort-asc-16-svg);
}
%with-sort-asc-16-mask {
@extend %with-mask, %sort-asc-16-svg-prop;
-webkit-mask-image: var(--sort-asc-16-svg);
mask-image: var(--sort-asc-16-svg);
}
%with-sort-asc-24-icon {
@extend %with-icon, %sort-asc-24-svg-prop;
background-image: var(--sort-asc-24-svg);
}
%with-sort-asc-24-mask {
@extend %with-mask, %sort-asc-24-svg-prop;
-webkit-mask-image: var(--sort-asc-24-svg);
mask-image: var(--sort-asc-24-svg);
}
%with-sort-desc-16-icon {
@extend %with-icon, %sort-desc-16-svg-prop;
background-image: var(--sort-desc-16-svg);
}
%with-sort-desc-16-mask {
@extend %with-mask, %sort-desc-16-svg-prop;
-webkit-mask-image: var(--sort-desc-16-svg);
mask-image: var(--sort-desc-16-svg);
}
%with-sort-desc-24-icon {
@extend %with-icon, %sort-desc-24-svg-prop;
background-image: var(--sort-desc-24-svg);
}
%with-sort-desc-24-mask {
@extend %with-mask, %sort-desc-24-svg-prop;
-webkit-mask-image: var(--sort-desc-24-svg);
mask-image: var(--sort-desc-24-svg);
}
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
%with-sort-icon {
@extend %with-icon, %sort-svg-prop;
background-image: var(--sort-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
%with-sort-mask {
@extend %with-mask, %sort-svg-prop;
-webkit-mask-image: var(--sort-svg);
mask-image: var(--sort-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
%with-source-file-icon {
@extend %with-icon, %source-file-svg-prop;
background-image: var(--source-file-svg);
ui: Create PopoverSelect, CatalogToolbar, and update tests (#7489) * Create PopoverSelect component and styling * Create CatalogToolbar component and Styling * ui: Adds `selectable-key-values` helper (#7472) Preferably we want all copy/text to live in the template. Whilst you can achieve what we've done here with a combination of different helpers, as we will be using this approach in various places it's probably best to make a helper. We also hit an ember bug related to using the `let` helper and trying to access `thingThatWasLet.firstObject` (which can also be worked around using `object-at`). Moving everything to a helper 'sorted' everything. Probably worthwhile noting that if the sort option themselves become dynamic, I'm not sure if the helper here would actually react as you would expect (I'm aware that ember helpers on react on the root arguments, not necesarily sub properties of those arguments). If we get to that point this helper could take the same approach as what I believe ember-composable-helpers does to get around this, or move them to the view controller. If we do ever moved this to the view controller, we can still use the exported function from the new helper here to keep using the same functionality and tests we have here. * Create tests for sorting services with CatalogToolbar * Add rule to print 'ember/no-global-jquery' as a warning Co-authored-by: John Cowen <johncowen@users.noreply.github.com>
2020-05-11 14:04:27 +00:00
}
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
%with-source-file-mask {
@extend %with-mask, %source-file-svg-prop;
-webkit-mask-image: var(--source-file-svg);
mask-image: var(--source-file-svg);
ui: Create PopoverSelect, CatalogToolbar, and update tests (#7489) * Create PopoverSelect component and styling * Create CatalogToolbar component and Styling * ui: Adds `selectable-key-values` helper (#7472) Preferably we want all copy/text to live in the template. Whilst you can achieve what we've done here with a combination of different helpers, as we will be using this approach in various places it's probably best to make a helper. We also hit an ember bug related to using the `let` helper and trying to access `thingThatWasLet.firstObject` (which can also be worked around using `object-at`). Moving everything to a helper 'sorted' everything. Probably worthwhile noting that if the sort option themselves become dynamic, I'm not sure if the helper here would actually react as you would expect (I'm aware that ember helpers on react on the root arguments, not necesarily sub properties of those arguments). If we get to that point this helper could take the same approach as what I believe ember-composable-helpers does to get around this, or move them to the view controller. If we do ever moved this to the view controller, we can still use the exported function from the new helper here to keep using the same functionality and tests we have here. * Create tests for sorting services with CatalogToolbar * Add rule to print 'ember/no-global-jquery' as a warning Co-authored-by: John Cowen <johncowen@users.noreply.github.com>
2020-05-11 14:04:27 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-speaker-16-icon {
@extend %with-icon, %speaker-16-svg-prop;
background-image: var(--speaker-16-svg);
}
%with-speaker-16-mask {
@extend %with-mask, %speaker-16-svg-prop;
-webkit-mask-image: var(--speaker-16-svg);
mask-image: var(--speaker-16-svg);
}
%with-speaker-24-icon {
@extend %with-icon, %speaker-24-svg-prop;
background-image: var(--speaker-24-svg);
}
%with-speaker-24-mask {
@extend %with-mask, %speaker-24-svg-prop;
-webkit-mask-image: var(--speaker-24-svg);
mask-image: var(--speaker-24-svg);
}
%with-square-16-icon {
@extend %with-icon, %square-16-svg-prop;
background-image: var(--square-16-svg);
}
%with-square-16-mask {
@extend %with-mask, %square-16-svg-prop;
-webkit-mask-image: var(--square-16-svg);
mask-image: var(--square-16-svg);
}
%with-square-24-icon {
@extend %with-icon, %square-24-svg-prop;
background-image: var(--square-24-svg);
}
%with-square-24-mask {
@extend %with-mask, %square-24-svg-prop;
-webkit-mask-image: var(--square-24-svg);
mask-image: var(--square-24-svg);
}
%with-square-fill-16-icon {
@extend %with-icon, %square-fill-16-svg-prop;
background-image: var(--square-fill-16-svg);
}
%with-square-fill-16-mask {
@extend %with-mask, %square-fill-16-svg-prop;
-webkit-mask-image: var(--square-fill-16-svg);
mask-image: var(--square-fill-16-svg);
}
%with-square-fill-24-icon {
@extend %with-icon, %square-fill-24-svg-prop;
background-image: var(--square-fill-24-svg);
}
%with-square-fill-24-mask {
@extend %with-mask, %square-fill-24-svg-prop;
-webkit-mask-image: var(--square-fill-24-svg);
mask-image: var(--square-fill-24-svg);
}
%with-star-16-icon {
@extend %with-icon, %star-16-svg-prop;
background-image: var(--star-16-svg);
}
%with-star-16-mask {
@extend %with-mask, %star-16-svg-prop;
-webkit-mask-image: var(--star-16-svg);
mask-image: var(--star-16-svg);
}
%with-star-24-icon {
@extend %with-icon, %star-24-svg-prop;
background-image: var(--star-24-svg);
}
%with-star-24-mask {
@extend %with-mask, %star-24-svg-prop;
-webkit-mask-image: var(--star-24-svg);
mask-image: var(--star-24-svg);
}
%with-star-circle-16-icon {
@extend %with-icon, %star-circle-16-svg-prop;
background-image: var(--star-circle-16-svg);
}
%with-star-circle-16-mask {
@extend %with-mask, %star-circle-16-svg-prop;
-webkit-mask-image: var(--star-circle-16-svg);
mask-image: var(--star-circle-16-svg);
}
%with-star-circle-24-icon {
@extend %with-icon, %star-circle-24-svg-prop;
background-image: var(--star-circle-24-svg);
}
%with-star-circle-24-mask {
@extend %with-mask, %star-circle-24-svg-prop;
-webkit-mask-image: var(--star-circle-24-svg);
mask-image: var(--star-circle-24-svg);
}
%with-star-fill-16-icon {
@extend %with-icon, %star-fill-16-svg-prop;
background-image: var(--star-fill-16-svg);
}
%with-star-fill-16-mask {
@extend %with-mask, %star-fill-16-svg-prop;
-webkit-mask-image: var(--star-fill-16-svg);
mask-image: var(--star-fill-16-svg);
}
%with-star-fill-24-icon {
@extend %with-icon, %star-fill-24-svg-prop;
background-image: var(--star-fill-24-svg);
}
%with-star-fill-24-mask {
@extend %with-mask, %star-fill-24-svg-prop;
-webkit-mask-image: var(--star-fill-24-svg);
mask-image: var(--star-fill-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-star-fill-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %star-fill-svg-prop;
background-image: var(--star-fill-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
%with-star-fill-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %star-fill-svg-prop;
-webkit-mask-image: var(--star-fill-svg);
mask-image: var(--star-fill-svg);
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-star-off-16-icon {
@extend %with-icon, %star-off-16-svg-prop;
background-image: var(--star-off-16-svg);
}
%with-star-off-16-mask {
@extend %with-mask, %star-off-16-svg-prop;
-webkit-mask-image: var(--star-off-16-svg);
mask-image: var(--star-off-16-svg);
}
%with-star-off-24-icon {
@extend %with-icon, %star-off-24-svg-prop;
background-image: var(--star-off-24-svg);
}
%with-star-off-24-mask {
@extend %with-mask, %star-off-24-svg-prop;
-webkit-mask-image: var(--star-off-24-svg);
mask-image: var(--star-off-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-star-outline-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %star-outline-svg-prop;
background-image: var(--star-outline-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-star-outline-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %star-outline-svg-prop;
-webkit-mask-image: var(--star-outline-svg);
mask-image: var(--star-outline-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-stop-circle-16-icon {
@extend %with-icon, %stop-circle-16-svg-prop;
background-image: var(--stop-circle-16-svg);
}
%with-stop-circle-16-mask {
@extend %with-mask, %stop-circle-16-svg-prop;
-webkit-mask-image: var(--stop-circle-16-svg);
mask-image: var(--stop-circle-16-svg);
}
%with-stop-circle-24-icon {
@extend %with-icon, %stop-circle-24-svg-prop;
background-image: var(--stop-circle-24-svg);
}
%with-stop-circle-24-mask {
@extend %with-mask, %stop-circle-24-svg-prop;
-webkit-mask-image: var(--stop-circle-24-svg);
mask-image: var(--stop-circle-24-svg);
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-sub-left-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %sub-left-svg-prop;
background-image: var(--sub-left-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
%with-sub-left-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %sub-left-svg-prop;
-webkit-mask-image: var(--sub-left-svg);
mask-image: var(--sub-left-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-sub-right-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %sub-right-svg-prop;
background-image: var(--sub-right-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
%with-sub-right-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %sub-right-svg-prop;
-webkit-mask-image: var(--sub-right-svg);
mask-image: var(--sub-right-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-sun-16-icon {
@extend %with-icon, %sun-16-svg-prop;
background-image: var(--sun-16-svg);
}
%with-sun-16-mask {
@extend %with-mask, %sun-16-svg-prop;
-webkit-mask-image: var(--sun-16-svg);
mask-image: var(--sun-16-svg);
}
%with-sun-24-icon {
@extend %with-icon, %sun-24-svg-prop;
background-image: var(--sun-24-svg);
}
%with-sun-24-mask {
@extend %with-mask, %sun-24-svg-prop;
-webkit-mask-image: var(--sun-24-svg);
mask-image: var(--sun-24-svg);
}
%with-support-16-icon {
@extend %with-icon, %support-16-svg-prop;
background-image: var(--support-16-svg);
}
%with-support-16-mask {
@extend %with-mask, %support-16-svg-prop;
-webkit-mask-image: var(--support-16-svg);
mask-image: var(--support-16-svg);
}
%with-support-24-icon {
@extend %with-icon, %support-24-svg-prop;
background-image: var(--support-24-svg);
}
%with-support-24-mask {
@extend %with-mask, %support-24-svg-prop;
-webkit-mask-image: var(--support-24-svg);
mask-image: var(--support-24-svg);
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-support-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %support-svg-prop;
background-image: var(--support-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
%with-support-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %support-svg-prop;
-webkit-mask-image: var(--support-svg);
mask-image: var(--support-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-swap-horizontal-16-icon {
@extend %with-icon, %swap-horizontal-16-svg-prop;
background-image: var(--swap-horizontal-16-svg);
}
%with-swap-horizontal-16-mask {
@extend %with-mask, %swap-horizontal-16-svg-prop;
-webkit-mask-image: var(--swap-horizontal-16-svg);
mask-image: var(--swap-horizontal-16-svg);
}
%with-swap-horizontal-24-icon {
@extend %with-icon, %swap-horizontal-24-svg-prop;
background-image: var(--swap-horizontal-24-svg);
}
%with-swap-horizontal-24-mask {
@extend %with-mask, %swap-horizontal-24-svg-prop;
-webkit-mask-image: var(--swap-horizontal-24-svg);
mask-image: var(--swap-horizontal-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-swap-horizontal-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %swap-horizontal-svg-prop;
background-image: var(--swap-horizontal-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-swap-horizontal-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %swap-horizontal-svg-prop;
-webkit-mask-image: var(--swap-horizontal-svg);
mask-image: var(--swap-horizontal-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-swap-vertical-16-icon {
@extend %with-icon, %swap-vertical-16-svg-prop;
background-image: var(--swap-vertical-16-svg);
}
%with-swap-vertical-16-mask {
@extend %with-mask, %swap-vertical-16-svg-prop;
-webkit-mask-image: var(--swap-vertical-16-svg);
mask-image: var(--swap-vertical-16-svg);
}
%with-swap-vertical-24-icon {
@extend %with-icon, %swap-vertical-24-svg-prop;
background-image: var(--swap-vertical-24-svg);
}
%with-swap-vertical-24-mask {
@extend %with-mask, %swap-vertical-24-svg-prop;
-webkit-mask-image: var(--swap-vertical-24-svg);
mask-image: var(--swap-vertical-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-swap-vertical-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %swap-vertical-svg-prop;
background-image: var(--swap-vertical-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-swap-vertical-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %swap-vertical-svg-prop;
-webkit-mask-image: var(--swap-vertical-svg);
mask-image: var(--swap-vertical-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-switcher-16-icon {
@extend %with-icon, %switcher-16-svg-prop;
background-image: var(--switcher-16-svg);
}
%with-switcher-16-mask {
@extend %with-mask, %switcher-16-svg-prop;
-webkit-mask-image: var(--switcher-16-svg);
mask-image: var(--switcher-16-svg);
}
%with-switcher-24-icon {
@extend %with-icon, %switcher-24-svg-prop;
background-image: var(--switcher-24-svg);
}
%with-switcher-24-mask {
@extend %with-mask, %switcher-24-svg-prop;
-webkit-mask-image: var(--switcher-24-svg);
mask-image: var(--switcher-24-svg);
}
%with-sync-16-icon {
@extend %with-icon, %sync-16-svg-prop;
background-image: var(--sync-16-svg);
}
%with-sync-16-mask {
@extend %with-mask, %sync-16-svg-prop;
-webkit-mask-image: var(--sync-16-svg);
mask-image: var(--sync-16-svg);
}
%with-sync-24-icon {
@extend %with-icon, %sync-24-svg-prop;
background-image: var(--sync-24-svg);
}
%with-sync-24-mask {
@extend %with-mask, %sync-24-svg-prop;
-webkit-mask-image: var(--sync-24-svg);
mask-image: var(--sync-24-svg);
}
%with-sync-alert-16-icon {
@extend %with-icon, %sync-alert-16-svg-prop;
background-image: var(--sync-alert-16-svg);
}
%with-sync-alert-16-mask {
@extend %with-mask, %sync-alert-16-svg-prop;
-webkit-mask-image: var(--sync-alert-16-svg);
mask-image: var(--sync-alert-16-svg);
}
%with-sync-alert-24-icon {
@extend %with-icon, %sync-alert-24-svg-prop;
background-image: var(--sync-alert-24-svg);
}
%with-sync-alert-24-mask {
@extend %with-mask, %sync-alert-24-svg-prop;
-webkit-mask-image: var(--sync-alert-24-svg);
mask-image: var(--sync-alert-24-svg);
}
%with-sync-reverse-16-icon {
@extend %with-icon, %sync-reverse-16-svg-prop;
background-image: var(--sync-reverse-16-svg);
}
%with-sync-reverse-16-mask {
@extend %with-mask, %sync-reverse-16-svg-prop;
-webkit-mask-image: var(--sync-reverse-16-svg);
mask-image: var(--sync-reverse-16-svg);
}
%with-sync-reverse-24-icon {
@extend %with-icon, %sync-reverse-24-svg-prop;
background-image: var(--sync-reverse-24-svg);
}
%with-sync-reverse-24-mask {
@extend %with-mask, %sync-reverse-24-svg-prop;
-webkit-mask-image: var(--sync-reverse-24-svg);
mask-image: var(--sync-reverse-24-svg);
}
%with-tablet-16-icon {
@extend %with-icon, %tablet-16-svg-prop;
background-image: var(--tablet-16-svg);
}
%with-tablet-16-mask {
@extend %with-mask, %tablet-16-svg-prop;
-webkit-mask-image: var(--tablet-16-svg);
mask-image: var(--tablet-16-svg);
}
%with-tablet-24-icon {
@extend %with-icon, %tablet-24-svg-prop;
background-image: var(--tablet-24-svg);
}
%with-tablet-24-mask {
@extend %with-mask, %tablet-24-svg-prop;
-webkit-mask-image: var(--tablet-24-svg);
mask-image: var(--tablet-24-svg);
}
%with-tag-16-icon {
@extend %with-icon, %tag-16-svg-prop;
background-image: var(--tag-16-svg);
}
%with-tag-16-mask {
@extend %with-mask, %tag-16-svg-prop;
-webkit-mask-image: var(--tag-16-svg);
mask-image: var(--tag-16-svg);
}
%with-tag-24-icon {
@extend %with-icon, %tag-24-svg-prop;
background-image: var(--tag-24-svg);
}
%with-tag-24-mask {
@extend %with-mask, %tag-24-svg-prop;
-webkit-mask-image: var(--tag-24-svg);
mask-image: var(--tag-24-svg);
}
ui: Redesign Service List page (#7605) * Create GridCollection for nodes page with styling * Update ListCollection styling * Update TagList styling * Create CompositeRow styling component * Update ConsulServiceList component with styling * Create service health-checks helper * Add InstanceCount to the service model * Add tag-svg to codebase * Create and update tests for service-list page * Upgrade @hashicorp/consul-api-double to 2.14.0
2020-04-08 17:09:36 +00:00
%with-tag-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %tag-svg-prop;
background-image: var(--tag-svg);
ui: Redesign Service List page (#7605) * Create GridCollection for nodes page with styling * Update ListCollection styling * Update TagList styling * Create CompositeRow styling component * Update ConsulServiceList component with styling * Create service health-checks helper * Add InstanceCount to the service model * Add tag-svg to codebase * Create and update tests for service-list page * Upgrade @hashicorp/consul-api-double to 2.14.0
2020-04-08 17:09:36 +00:00
}
%with-tag-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %tag-svg-prop;
-webkit-mask-image: var(--tag-svg);
mask-image: var(--tag-svg);
ui: Redesign Service List page (#7605) * Create GridCollection for nodes page with styling * Update ListCollection styling * Update TagList styling * Create CompositeRow styling component * Update ConsulServiceList component with styling * Create service health-checks helper * Add InstanceCount to the service model * Add tag-svg to codebase * Create and update tests for service-list page * Upgrade @hashicorp/consul-api-double to 2.14.0
2020-04-08 17:09:36 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-target-16-icon {
@extend %with-icon, %target-16-svg-prop;
background-image: var(--target-16-svg);
}
%with-target-16-mask {
@extend %with-mask, %target-16-svg-prop;
-webkit-mask-image: var(--target-16-svg);
mask-image: var(--target-16-svg);
}
%with-target-24-icon {
@extend %with-icon, %target-24-svg-prop;
background-image: var(--target-24-svg);
}
%with-target-24-mask {
@extend %with-mask, %target-24-svg-prop;
-webkit-mask-image: var(--target-24-svg);
mask-image: var(--target-24-svg);
}
%with-terminal-16-icon {
@extend %with-icon, %terminal-16-svg-prop;
background-image: var(--terminal-16-svg);
}
%with-terminal-16-mask {
@extend %with-mask, %terminal-16-svg-prop;
-webkit-mask-image: var(--terminal-16-svg);
mask-image: var(--terminal-16-svg);
}
%with-terminal-24-icon {
@extend %with-icon, %terminal-24-svg-prop;
background-image: var(--terminal-24-svg);
}
%with-terminal-24-mask {
@extend %with-mask, %terminal-24-svg-prop;
-webkit-mask-image: var(--terminal-24-svg);
mask-image: var(--terminal-24-svg);
}
%with-terminal-screen-16-icon {
@extend %with-icon, %terminal-screen-16-svg-prop;
background-image: var(--terminal-screen-16-svg);
}
%with-terminal-screen-16-mask {
@extend %with-mask, %terminal-screen-16-svg-prop;
-webkit-mask-image: var(--terminal-screen-16-svg);
mask-image: var(--terminal-screen-16-svg);
}
%with-terminal-screen-24-icon {
@extend %with-icon, %terminal-screen-24-svg-prop;
background-image: var(--terminal-screen-24-svg);
}
%with-terminal-screen-24-mask {
@extend %with-mask, %terminal-screen-24-svg-prop;
-webkit-mask-image: var(--terminal-screen-24-svg);
mask-image: var(--terminal-screen-24-svg);
}
%with-thumbs-down-16-icon {
@extend %with-icon, %thumbs-down-16-svg-prop;
background-image: var(--thumbs-down-16-svg);
}
%with-thumbs-down-16-mask {
@extend %with-mask, %thumbs-down-16-svg-prop;
-webkit-mask-image: var(--thumbs-down-16-svg);
mask-image: var(--thumbs-down-16-svg);
}
%with-thumbs-down-24-icon {
@extend %with-icon, %thumbs-down-24-svg-prop;
background-image: var(--thumbs-down-24-svg);
}
%with-thumbs-down-24-mask {
@extend %with-mask, %thumbs-down-24-svg-prop;
-webkit-mask-image: var(--thumbs-down-24-svg);
mask-image: var(--thumbs-down-24-svg);
}
%with-thumbs-up-16-icon {
@extend %with-icon, %thumbs-up-16-svg-prop;
background-image: var(--thumbs-up-16-svg);
}
%with-thumbs-up-16-mask {
@extend %with-mask, %thumbs-up-16-svg-prop;
-webkit-mask-image: var(--thumbs-up-16-svg);
mask-image: var(--thumbs-up-16-svg);
}
%with-thumbs-up-24-icon {
@extend %with-icon, %thumbs-up-24-svg-prop;
background-image: var(--thumbs-up-24-svg);
}
%with-thumbs-up-24-mask {
@extend %with-mask, %thumbs-up-24-svg-prop;
-webkit-mask-image: var(--thumbs-up-24-svg);
mask-image: var(--thumbs-up-24-svg);
}
%with-toggle-left-16-icon {
@extend %with-icon, %toggle-left-16-svg-prop;
background-image: var(--toggle-left-16-svg);
}
%with-toggle-left-16-mask {
@extend %with-mask, %toggle-left-16-svg-prop;
-webkit-mask-image: var(--toggle-left-16-svg);
mask-image: var(--toggle-left-16-svg);
}
%with-toggle-left-24-icon {
@extend %with-icon, %toggle-left-24-svg-prop;
background-image: var(--toggle-left-24-svg);
}
%with-toggle-left-24-mask {
@extend %with-mask, %toggle-left-24-svg-prop;
-webkit-mask-image: var(--toggle-left-24-svg);
mask-image: var(--toggle-left-24-svg);
}
%with-toggle-right-16-icon {
@extend %with-icon, %toggle-right-16-svg-prop;
background-image: var(--toggle-right-16-svg);
}
%with-toggle-right-16-mask {
@extend %with-mask, %toggle-right-16-svg-prop;
-webkit-mask-image: var(--toggle-right-16-svg);
mask-image: var(--toggle-right-16-svg);
}
%with-toggle-right-24-icon {
@extend %with-icon, %toggle-right-24-svg-prop;
background-image: var(--toggle-right-24-svg);
}
%with-toggle-right-24-mask {
@extend %with-mask, %toggle-right-24-svg-prop;
-webkit-mask-image: var(--toggle-right-24-svg);
mask-image: var(--toggle-right-24-svg);
}
%with-token-16-icon {
@extend %with-icon, %token-16-svg-prop;
background-image: var(--token-16-svg);
}
%with-token-16-mask {
@extend %with-mask, %token-16-svg-prop;
-webkit-mask-image: var(--token-16-svg);
mask-image: var(--token-16-svg);
}
%with-token-24-icon {
@extend %with-icon, %token-24-svg-prop;
background-image: var(--token-24-svg);
}
%with-token-24-mask {
@extend %with-mask, %token-24-svg-prop;
-webkit-mask-image: var(--token-24-svg);
mask-image: var(--token-24-svg);
}
%with-tools-16-icon {
@extend %with-icon, %tools-16-svg-prop;
background-image: var(--tools-16-svg);
}
%with-tools-16-mask {
@extend %with-mask, %tools-16-svg-prop;
-webkit-mask-image: var(--tools-16-svg);
mask-image: var(--tools-16-svg);
}
%with-tools-24-icon {
@extend %with-icon, %tools-24-svg-prop;
background-image: var(--tools-24-svg);
}
%with-tools-24-mask {
@extend %with-mask, %tools-24-svg-prop;
-webkit-mask-image: var(--tools-24-svg);
mask-image: var(--tools-24-svg);
}
%with-top-16-icon {
@extend %with-icon, %top-16-svg-prop;
background-image: var(--top-16-svg);
}
%with-top-16-mask {
@extend %with-mask, %top-16-svg-prop;
-webkit-mask-image: var(--top-16-svg);
mask-image: var(--top-16-svg);
}
%with-top-24-icon {
@extend %with-icon, %top-24-svg-prop;
background-image: var(--top-24-svg);
}
%with-top-24-mask {
@extend %with-mask, %top-24-svg-prop;
-webkit-mask-image: var(--top-24-svg);
mask-image: var(--top-24-svg);
}
%with-trash-16-icon {
@extend %with-icon, %trash-16-svg-prop;
background-image: var(--trash-16-svg);
}
%with-trash-16-mask {
@extend %with-mask, %trash-16-svg-prop;
-webkit-mask-image: var(--trash-16-svg);
mask-image: var(--trash-16-svg);
}
%with-trash-24-icon {
@extend %with-icon, %trash-24-svg-prop;
background-image: var(--trash-24-svg);
}
%with-trash-24-mask {
@extend %with-mask, %trash-24-svg-prop;
-webkit-mask-image: var(--trash-24-svg);
mask-image: var(--trash-24-svg);
}
%with-trash-icon {
@extend %with-icon, %trash-svg-prop;
background-image: var(--trash-svg);
}
%with-trash-mask {
@extend %with-mask, %trash-svg-prop;
-webkit-mask-image: var(--trash-svg);
mask-image: var(--trash-svg);
}
%with-trend-down-16-icon {
@extend %with-icon, %trend-down-16-svg-prop;
background-image: var(--trend-down-16-svg);
}
%with-trend-down-16-mask {
@extend %with-mask, %trend-down-16-svg-prop;
-webkit-mask-image: var(--trend-down-16-svg);
mask-image: var(--trend-down-16-svg);
}
%with-trend-down-24-icon {
@extend %with-icon, %trend-down-24-svg-prop;
background-image: var(--trend-down-24-svg);
}
%with-trend-down-24-mask {
@extend %with-mask, %trend-down-24-svg-prop;
-webkit-mask-image: var(--trend-down-24-svg);
mask-image: var(--trend-down-24-svg);
}
%with-trend-up-16-icon {
@extend %with-icon, %trend-up-16-svg-prop;
background-image: var(--trend-up-16-svg);
}
%with-trend-up-16-mask {
@extend %with-mask, %trend-up-16-svg-prop;
-webkit-mask-image: var(--trend-up-16-svg);
mask-image: var(--trend-up-16-svg);
}
%with-trend-up-24-icon {
@extend %with-icon, %trend-up-24-svg-prop;
background-image: var(--trend-up-24-svg);
}
%with-trend-up-24-mask {
@extend %with-mask, %trend-up-24-svg-prop;
-webkit-mask-image: var(--trend-up-24-svg);
mask-image: var(--trend-up-24-svg);
}
%with-triangle-16-icon {
@extend %with-icon, %triangle-16-svg-prop;
background-image: var(--triangle-16-svg);
}
%with-triangle-16-mask {
@extend %with-mask, %triangle-16-svg-prop;
-webkit-mask-image: var(--triangle-16-svg);
mask-image: var(--triangle-16-svg);
}
%with-triangle-24-icon {
@extend %with-icon, %triangle-24-svg-prop;
background-image: var(--triangle-24-svg);
}
%with-triangle-24-mask {
@extend %with-mask, %triangle-24-svg-prop;
-webkit-mask-image: var(--triangle-24-svg);
mask-image: var(--triangle-24-svg);
}
%with-triangle-fill-16-icon {
@extend %with-icon, %triangle-fill-16-svg-prop;
background-image: var(--triangle-fill-16-svg);
}
%with-triangle-fill-16-mask {
@extend %with-mask, %triangle-fill-16-svg-prop;
-webkit-mask-image: var(--triangle-fill-16-svg);
mask-image: var(--triangle-fill-16-svg);
}
%with-triangle-fill-24-icon {
@extend %with-icon, %triangle-fill-24-svg-prop;
background-image: var(--triangle-fill-24-svg);
}
%with-triangle-fill-24-mask {
@extend %with-mask, %triangle-fill-24-svg-prop;
-webkit-mask-image: var(--triangle-fill-24-svg);
mask-image: var(--triangle-fill-24-svg);
}
%with-truck-16-icon {
@extend %with-icon, %truck-16-svg-prop;
background-image: var(--truck-16-svg);
}
%with-truck-16-mask {
@extend %with-mask, %truck-16-svg-prop;
-webkit-mask-image: var(--truck-16-svg);
mask-image: var(--truck-16-svg);
}
%with-truck-24-icon {
@extend %with-icon, %truck-24-svg-prop;
background-image: var(--truck-24-svg);
}
%with-truck-24-mask {
@extend %with-mask, %truck-24-svg-prop;
-webkit-mask-image: var(--truck-24-svg);
mask-image: var(--truck-24-svg);
}
%with-tune-icon {
@extend %with-icon, %tune-svg-prop;
background-image: var(--tune-svg);
}
%with-tune-mask {
@extend %with-mask, %tune-svg-prop;
-webkit-mask-image: var(--tune-svg);
mask-image: var(--tune-svg);
}
%with-tv-16-icon {
@extend %with-icon, %tv-16-svg-prop;
background-image: var(--tv-16-svg);
}
%with-tv-16-mask {
@extend %with-mask, %tv-16-svg-prop;
-webkit-mask-image: var(--tv-16-svg);
mask-image: var(--tv-16-svg);
}
%with-tv-24-icon {
@extend %with-icon, %tv-24-svg-prop;
background-image: var(--tv-24-svg);
}
%with-tv-24-mask {
@extend %with-mask, %tv-24-svg-prop;
-webkit-mask-image: var(--tv-24-svg);
mask-image: var(--tv-24-svg);
}
%with-type-16-icon {
@extend %with-icon, %type-16-svg-prop;
background-image: var(--type-16-svg);
}
%with-type-16-mask {
@extend %with-mask, %type-16-svg-prop;
-webkit-mask-image: var(--type-16-svg);
mask-image: var(--type-16-svg);
}
%with-type-24-icon {
@extend %with-icon, %type-24-svg-prop;
background-image: var(--type-24-svg);
}
%with-type-24-mask {
@extend %with-mask, %type-24-svg-prop;
-webkit-mask-image: var(--type-24-svg);
mask-image: var(--type-24-svg);
}
%with-unfold-close-16-icon {
@extend %with-icon, %unfold-close-16-svg-prop;
background-image: var(--unfold-close-16-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-unfold-close-16-mask {
@extend %with-mask, %unfold-close-16-svg-prop;
-webkit-mask-image: var(--unfold-close-16-svg);
mask-image: var(--unfold-close-16-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-unfold-close-24-icon {
@extend %with-icon, %unfold-close-24-svg-prop;
background-image: var(--unfold-close-24-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-unfold-close-24-mask {
@extend %with-mask, %unfold-close-24-svg-prop;
-webkit-mask-image: var(--unfold-close-24-svg);
mask-image: var(--unfold-close-24-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-unfold-less-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %unfold-less-svg-prop;
background-image: var(--unfold-less-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-unfold-less-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %unfold-less-svg-prop;
-webkit-mask-image: var(--unfold-less-svg);
mask-image: var(--unfold-less-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-unfold-more-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %unfold-more-svg-prop;
background-image: var(--unfold-more-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-unfold-more-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %unfold-more-svg-prop;
-webkit-mask-image: var(--unfold-more-svg);
mask-image: var(--unfold-more-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-unfold-open-16-icon {
@extend %with-icon, %unfold-open-16-svg-prop;
background-image: var(--unfold-open-16-svg);
}
%with-unfold-open-16-mask {
@extend %with-mask, %unfold-open-16-svg-prop;
-webkit-mask-image: var(--unfold-open-16-svg);
mask-image: var(--unfold-open-16-svg);
}
%with-unfold-open-24-icon {
@extend %with-icon, %unfold-open-24-svg-prop;
background-image: var(--unfold-open-24-svg);
}
%with-unfold-open-24-mask {
@extend %with-mask, %unfold-open-24-svg-prop;
-webkit-mask-image: var(--unfold-open-24-svg);
mask-image: var(--unfold-open-24-svg);
}
ui: Adding Partition to topology card (#11805)
2022-01-11 15:04:06 +00:00
%with-union-icon {
@extend %with-icon, %union-svg;
background-image: var(--union-svg);
}
%with-union-mask {
@extend %with-mask, %union-svg;
-webkit-mask-image: var(--union-svg);
mask-image: var(--union-svg);
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-unlock-16-icon {
@extend %with-icon, %unlock-16-svg-prop;
background-image: var(--unlock-16-svg);
}
%with-unlock-16-mask {
@extend %with-mask, %unlock-16-svg-prop;
-webkit-mask-image: var(--unlock-16-svg);
mask-image: var(--unlock-16-svg);
}
%with-unlock-24-icon {
@extend %with-icon, %unlock-24-svg-prop;
background-image: var(--unlock-24-svg);
}
%with-unlock-24-mask {
@extend %with-mask, %unlock-24-svg-prop;
-webkit-mask-image: var(--unlock-24-svg);
mask-image: var(--unlock-24-svg);
}
%with-upload-16-icon {
@extend %with-icon, %upload-16-svg-prop;
background-image: var(--upload-16-svg);
}
%with-upload-16-mask {
@extend %with-mask, %upload-16-svg-prop;
-webkit-mask-image: var(--upload-16-svg);
mask-image: var(--upload-16-svg);
}
%with-upload-24-icon {
@extend %with-icon, %upload-24-svg-prop;
background-image: var(--upload-24-svg);
}
%with-upload-24-mask {
@extend %with-mask, %upload-24-svg-prop;
-webkit-mask-image: var(--upload-24-svg);
mask-image: var(--upload-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-upload-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %upload-svg-prop;
background-image: var(--upload-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-upload-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %upload-svg-prop;
-webkit-mask-image: var(--upload-svg);
mask-image: var(--upload-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-user-16-icon {
@extend %with-icon, %user-16-svg-prop;
background-image: var(--user-16-svg);
}
%with-user-16-mask {
@extend %with-mask, %user-16-svg-prop;
-webkit-mask-image: var(--user-16-svg);
mask-image: var(--user-16-svg);
}
%with-user-24-icon {
@extend %with-icon, %user-24-svg-prop;
background-image: var(--user-24-svg);
}
%with-user-24-mask {
@extend %with-mask, %user-24-svg-prop;
-webkit-mask-image: var(--user-24-svg);
mask-image: var(--user-24-svg);
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-user-add-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %user-add-svg-prop;
background-image: var(--user-add-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
%with-user-add-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %user-add-svg-prop;
-webkit-mask-image: var(--user-add-svg);
mask-image: var(--user-add-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-user-check-16-icon {
@extend %with-icon, %user-check-16-svg-prop;
background-image: var(--user-check-16-svg);
}
%with-user-check-16-mask {
@extend %with-mask, %user-check-16-svg-prop;
-webkit-mask-image: var(--user-check-16-svg);
mask-image: var(--user-check-16-svg);
}
%with-user-check-24-icon {
@extend %with-icon, %user-check-24-svg-prop;
background-image: var(--user-check-24-svg);
}
%with-user-check-24-mask {
@extend %with-mask, %user-check-24-svg-prop;
-webkit-mask-image: var(--user-check-24-svg);
mask-image: var(--user-check-24-svg);
}
%with-user-circle-16-icon {
@extend %with-icon, %user-circle-16-svg-prop;
background-image: var(--user-circle-16-svg);
}
%with-user-circle-16-mask {
@extend %with-mask, %user-circle-16-svg-prop;
-webkit-mask-image: var(--user-circle-16-svg);
mask-image: var(--user-circle-16-svg);
}
%with-user-circle-24-icon {
@extend %with-icon, %user-circle-24-svg-prop;
background-image: var(--user-circle-24-svg);
}
%with-user-circle-24-mask {
@extend %with-mask, %user-circle-24-svg-prop;
-webkit-mask-image: var(--user-circle-24-svg);
mask-image: var(--user-circle-24-svg);
}
%with-user-circle-fill-16-icon {
@extend %with-icon, %user-circle-fill-16-svg-prop;
background-image: var(--user-circle-fill-16-svg);
}
%with-user-circle-fill-16-mask {
@extend %with-mask, %user-circle-fill-16-svg-prop;
-webkit-mask-image: var(--user-circle-fill-16-svg);
mask-image: var(--user-circle-fill-16-svg);
}
%with-user-circle-fill-24-icon {
@extend %with-icon, %user-circle-fill-24-svg-prop;
background-image: var(--user-circle-fill-24-svg);
}
%with-user-circle-fill-24-mask {
@extend %with-mask, %user-circle-fill-24-svg-prop;
-webkit-mask-image: var(--user-circle-fill-24-svg);
mask-image: var(--user-circle-fill-24-svg);
}
%with-user-minus-16-icon {
@extend %with-icon, %user-minus-16-svg-prop;
background-image: var(--user-minus-16-svg);
}
%with-user-minus-16-mask {
@extend %with-mask, %user-minus-16-svg-prop;
-webkit-mask-image: var(--user-minus-16-svg);
mask-image: var(--user-minus-16-svg);
}
%with-user-minus-24-icon {
@extend %with-icon, %user-minus-24-svg-prop;
background-image: var(--user-minus-24-svg);
}
%with-user-minus-24-mask {
@extend %with-mask, %user-minus-24-svg-prop;
-webkit-mask-image: var(--user-minus-24-svg);
mask-image: var(--user-minus-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-user-organization-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %user-organization-svg-prop;
background-image: var(--user-organization-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-user-organization-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %user-organization-svg-prop;
-webkit-mask-image: var(--user-organization-svg);
mask-image: var(--user-organization-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-user-plain-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %user-plain-svg-prop;
background-image: var(--user-plain-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-user-plain-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %user-plain-svg-prop;
-webkit-mask-image: var(--user-plain-svg);
mask-image: var(--user-plain-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-user-plus-16-icon {
@extend %with-icon, %user-plus-16-svg-prop;
background-image: var(--user-plus-16-svg);
}
%with-user-plus-16-mask {
@extend %with-mask, %user-plus-16-svg-prop;
-webkit-mask-image: var(--user-plus-16-svg);
mask-image: var(--user-plus-16-svg);
}
%with-user-plus-24-icon {
@extend %with-icon, %user-plus-24-svg-prop;
background-image: var(--user-plus-24-svg);
}
%with-user-plus-24-mask {
@extend %with-mask, %user-plus-24-svg-prop;
-webkit-mask-image: var(--user-plus-24-svg);
mask-image: var(--user-plus-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-user-square-fill-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %user-square-fill-svg-prop;
background-image: var(--user-square-fill-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-user-square-fill-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %user-square-fill-svg-prop;
-webkit-mask-image: var(--user-square-fill-svg);
mask-image: var(--user-square-fill-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-user-square-outline-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %user-square-outline-svg-prop;
background-image: var(--user-square-outline-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-user-square-outline-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %user-square-outline-svg-prop;
-webkit-mask-image: var(--user-square-outline-svg);
mask-image: var(--user-square-outline-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-user-team-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %user-team-svg-prop;
background-image: var(--user-team-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-user-team-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %user-team-svg-prop;
-webkit-mask-image: var(--user-team-svg);
mask-image: var(--user-team-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-user-x-16-icon {
@extend %with-icon, %user-x-16-svg-prop;
background-image: var(--user-x-16-svg);
}
%with-user-x-16-mask {
@extend %with-mask, %user-x-16-svg-prop;
-webkit-mask-image: var(--user-x-16-svg);
mask-image: var(--user-x-16-svg);
}
%with-user-x-24-icon {
@extend %with-icon, %user-x-24-svg-prop;
background-image: var(--user-x-24-svg);
}
%with-user-x-24-mask {
@extend %with-mask, %user-x-24-svg-prop;
-webkit-mask-image: var(--user-x-24-svg);
mask-image: var(--user-x-24-svg);
}
%with-users-16-icon {
@extend %with-icon, %users-16-svg-prop;
background-image: var(--users-16-svg);
}
%with-users-16-mask {
@extend %with-mask, %users-16-svg-prop;
-webkit-mask-image: var(--users-16-svg);
mask-image: var(--users-16-svg);
}
%with-users-24-icon {
@extend %with-icon, %users-24-svg-prop;
background-image: var(--users-24-svg);
}
%with-users-24-mask {
@extend %with-mask, %users-24-svg-prop;
-webkit-mask-image: var(--users-24-svg);
mask-image: var(--users-24-svg);
}
%with-vault-16-icon {
@extend %with-icon, %vault-16-svg-prop;
background-image: var(--vault-16-svg);
}
%with-vault-16-mask {
@extend %with-mask, %vault-16-svg-prop;
-webkit-mask-image: var(--vault-16-svg);
mask-image: var(--vault-16-svg);
}
%with-vault-24-icon {
@extend %with-icon, %vault-24-svg-prop;
background-image: var(--vault-24-svg);
}
%with-vault-24-mask {
@extend %with-mask, %vault-24-svg-prop;
-webkit-mask-image: var(--vault-24-svg);
mask-image: var(--vault-24-svg);
}
%with-verified-16-icon {
@extend %with-icon, %verified-16-svg-prop;
background-image: var(--verified-16-svg);
}
%with-verified-16-mask {
@extend %with-mask, %verified-16-svg-prop;
-webkit-mask-image: var(--verified-16-svg);
mask-image: var(--verified-16-svg);
}
%with-verified-24-icon {
@extend %with-icon, %verified-24-svg-prop;
background-image: var(--verified-24-svg);
}
%with-verified-24-mask {
@extend %with-mask, %verified-24-svg-prop;
-webkit-mask-image: var(--verified-24-svg);
mask-image: var(--verified-24-svg);
}
%with-video-16-icon {
@extend %with-icon, %video-16-svg-prop;
background-image: var(--video-16-svg);
}
%with-video-16-mask {
@extend %with-mask, %video-16-svg-prop;
-webkit-mask-image: var(--video-16-svg);
mask-image: var(--video-16-svg);
}
%with-video-24-icon {
@extend %with-icon, %video-24-svg-prop;
background-image: var(--video-24-svg);
}
%with-video-24-mask {
@extend %with-mask, %video-24-svg-prop;
-webkit-mask-image: var(--video-24-svg);
mask-image: var(--video-24-svg);
}
%with-video-off-16-icon {
@extend %with-icon, %video-off-16-svg-prop;
background-image: var(--video-off-16-svg);
}
%with-video-off-16-mask {
@extend %with-mask, %video-off-16-svg-prop;
-webkit-mask-image: var(--video-off-16-svg);
mask-image: var(--video-off-16-svg);
}
%with-video-off-24-icon {
@extend %with-icon, %video-off-24-svg-prop;
background-image: var(--video-off-24-svg);
}
%with-video-off-24-mask {
@extend %with-mask, %video-off-24-svg-prop;
-webkit-mask-image: var(--video-off-24-svg);
mask-image: var(--video-off-24-svg);
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-visibility-hide-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %visibility-hide-svg-prop;
background-image: var(--visibility-hide-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
%with-visibility-hide-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %visibility-hide-svg-prop;
-webkit-mask-image: var(--visibility-hide-svg);
mask-image: var(--visibility-hide-svg);
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
}
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
%with-visibility-show-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %visibility-show-svg-prop;
background-image: var(--visibility-show-svg);
UI: ACL Roles (#5635) Adds support for ACL Roles and Service Identities CRUD, along with necessary changes to Tokens, and the CSS improvements required. Also includes refinements/improvements for easier testing of deeply nested components. 1. ember-data adapter/serializer/model triplet for Roles 2. repository, form/validations and searching filter for Roles 3. Moves potentially, repeated, or soon to to repeated functionality into a mixin (mainly for 'many policy' relationships) 4. A few styling tweaks for little edge cases around roles 5. Router additions, Route, Controller and templates for Roles Also see: * UI: ACL Roles cont. plus Service Identities (#5661 and #5720)
2019-05-01 18:09:29 +00:00
}
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
%with-visibility-show-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %visibility-show-svg-prop;
-webkit-mask-image: var(--visibility-show-svg);
mask-image: var(--visibility-show-svg);
ui: Use structure-icons as much as possible (#6851) * ui: Delete a bunch of CSS that we recently moved elsewhere * ui: Add some masking placeholders * Switch out hashicorp logo for one from structure-icons * Change copy-button to use new copy-action icon * Change secret-button to use new visibility-hide/show icons * New folder icon for KVs * Cleanup some of the icons we no longer use * Switch from %with-exit to standard-like %with-exit-icon * Move all chevrons to use structure-icons properly * Use star-fill as much as possible * Remove the remaining icons from icons/index plus the file itself
2020-01-16 09:10:32 +00:00
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-vmware-16-icon {
@extend %with-icon, %vmware-16-svg-prop;
background-image: var(--vmware-16-svg);
}
%with-vmware-16-mask {
@extend %with-mask, %vmware-16-svg-prop;
-webkit-mask-image: var(--vmware-16-svg);
mask-image: var(--vmware-16-svg);
}
%with-vmware-24-icon {
@extend %with-icon, %vmware-24-svg-prop;
background-image: var(--vmware-24-svg);
}
%with-vmware-24-mask {
@extend %with-mask, %vmware-24-svg-prop;
-webkit-mask-image: var(--vmware-24-svg);
mask-image: var(--vmware-24-svg);
}
%with-vmware-color-16-icon {
@extend %with-icon, %vmware-color-16-svg-prop;
background-image: var(--vmware-color-16-svg);
}
%with-vmware-color-16-mask {
@extend %with-mask, %vmware-color-16-svg-prop;
-webkit-mask-image: var(--vmware-color-16-svg);
mask-image: var(--vmware-color-16-svg);
}
%with-vmware-color-24-icon {
@extend %with-icon, %vmware-color-24-svg-prop;
background-image: var(--vmware-color-24-svg);
}
%with-vmware-color-24-mask {
@extend %with-mask, %vmware-color-24-svg-prop;
-webkit-mask-image: var(--vmware-color-24-svg);
mask-image: var(--vmware-color-24-svg);
}
%with-volume-16-icon {
@extend %with-icon, %volume-16-svg-prop;
background-image: var(--volume-16-svg);
}
%with-volume-16-mask {
@extend %with-mask, %volume-16-svg-prop;
-webkit-mask-image: var(--volume-16-svg);
mask-image: var(--volume-16-svg);
}
%with-volume-2-16-icon {
@extend %with-icon, %volume-2-16-svg-prop;
background-image: var(--volume-2-16-svg);
}
%with-volume-2-16-mask {
@extend %with-mask, %volume-2-16-svg-prop;
-webkit-mask-image: var(--volume-2-16-svg);
mask-image: var(--volume-2-16-svg);
}
%with-volume-2-24-icon {
@extend %with-icon, %volume-2-24-svg-prop;
background-image: var(--volume-2-24-svg);
}
%with-volume-2-24-mask {
@extend %with-mask, %volume-2-24-svg-prop;
-webkit-mask-image: var(--volume-2-24-svg);
mask-image: var(--volume-2-24-svg);
}
%with-volume-24-icon {
@extend %with-icon, %volume-24-svg-prop;
background-image: var(--volume-24-svg);
}
%with-volume-24-mask {
@extend %with-mask, %volume-24-svg-prop;
-webkit-mask-image: var(--volume-24-svg);
mask-image: var(--volume-24-svg);
}
%with-volume-down-16-icon {
@extend %with-icon, %volume-down-16-svg-prop;
background-image: var(--volume-down-16-svg);
}
%with-volume-down-16-mask {
@extend %with-mask, %volume-down-16-svg-prop;
-webkit-mask-image: var(--volume-down-16-svg);
mask-image: var(--volume-down-16-svg);
}
%with-volume-down-24-icon {
@extend %with-icon, %volume-down-24-svg-prop;
background-image: var(--volume-down-24-svg);
}
%with-volume-down-24-mask {
@extend %with-mask, %volume-down-24-svg-prop;
-webkit-mask-image: var(--volume-down-24-svg);
mask-image: var(--volume-down-24-svg);
}
%with-volume-x-16-icon {
@extend %with-icon, %volume-x-16-svg-prop;
background-image: var(--volume-x-16-svg);
}
%with-volume-x-16-mask {
@extend %with-mask, %volume-x-16-svg-prop;
-webkit-mask-image: var(--volume-x-16-svg);
mask-image: var(--volume-x-16-svg);
}
%with-volume-x-24-icon {
@extend %with-icon, %volume-x-24-svg-prop;
background-image: var(--volume-x-24-svg);
}
%with-volume-x-24-mask {
@extend %with-mask, %volume-x-24-svg-prop;
-webkit-mask-image: var(--volume-x-24-svg);
mask-image: var(--volume-x-24-svg);
}
%with-wall-16-icon {
@extend %with-icon, %wall-16-svg-prop;
background-image: var(--wall-16-svg);
}
%with-wall-16-mask {
@extend %with-mask, %wall-16-svg-prop;
-webkit-mask-image: var(--wall-16-svg);
mask-image: var(--wall-16-svg);
}
%with-wall-24-icon {
@extend %with-icon, %wall-24-svg-prop;
background-image: var(--wall-24-svg);
}
%with-wall-24-mask {
@extend %with-mask, %wall-24-svg-prop;
-webkit-mask-image: var(--wall-24-svg);
mask-image: var(--wall-24-svg);
}
%with-watch-16-icon {
@extend %with-icon, %watch-16-svg-prop;
background-image: var(--watch-16-svg);
}
%with-watch-16-mask {
@extend %with-mask, %watch-16-svg-prop;
-webkit-mask-image: var(--watch-16-svg);
mask-image: var(--watch-16-svg);
}
%with-watch-24-icon {
@extend %with-icon, %watch-24-svg-prop;
background-image: var(--watch-24-svg);
}
%with-watch-24-mask {
@extend %with-mask, %watch-24-svg-prop;
-webkit-mask-image: var(--watch-24-svg);
mask-image: var(--watch-24-svg);
}
%with-webhook-16-icon {
@extend %with-icon, %webhook-16-svg-prop;
background-image: var(--webhook-16-svg);
}
%with-webhook-16-mask {
@extend %with-mask, %webhook-16-svg-prop;
-webkit-mask-image: var(--webhook-16-svg);
mask-image: var(--webhook-16-svg);
}
%with-webhook-24-icon {
@extend %with-icon, %webhook-24-svg-prop;
background-image: var(--webhook-24-svg);
}
%with-webhook-24-mask {
@extend %with-mask, %webhook-24-svg-prop;
-webkit-mask-image: var(--webhook-24-svg);
mask-image: var(--webhook-24-svg);
}
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
%with-webhook-icon {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-icon, %webhook-svg-prop;
background-image: var(--webhook-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
%with-webhook-mask {
ui: Move all our icons to use CSS custom properties instead of SASS vars (#10298) * ui: Move all our icons to use CSS custom properties The good thing about SASS vars is, if you don't use them they get removed from the final build. Whereas with CSS we have no tree-shaking to get rid of unused CSS custom properties. We can mostly work around this and for some things like colors its no big deal if we have some hex-codes in the build that we don't use as hex-codes are relatively small. We've been slowly but surely moving all of our colors (and other things) to use CSS custom properties instead of SASS vars now that we have them available. This commit makes use of the 'tree-shaking' abilities of @extend to ensure that we only compile in the icons that we use. This commit is mostly churn-less as we already use @extend for the majority of our icons, so generally there is zero change here for working on the UI, but I did spot one single place where we were using SASS vars instead of @extend. This now uses the new form (second commit) Interestingly this reduces our CSS payload by ~2kb to ~53kb (around 25kb of that is these icons)
2021-06-21 10:54:58 +00:00
@extend %with-mask, %webhook-svg-prop;
-webkit-mask-image: var(--webhook-svg);
mask-image: var(--webhook-svg);
Upgrade to use structure-icons 1.8 (plus additional mask placeholders) (#7287)
2020-02-13 14:18:34 +00:00
}
ui: Adds Flight icons to our icon set (#11097) * ui: Adds Flight icons to our icon set This commit doesn't actually add anything to the UI, rather just makes the flight icons available for use.
2021-09-27 17:26:42 +00:00
%with-wifi-16-icon {
@extend %with-icon, %wifi-16-svg-prop;
background-image: var(--wifi-16-svg);
}
%with-wifi-16-mask {
@extend %with-mask, %wifi-16-svg-prop;
-webkit-mask-image: var(--wifi-16-svg);
mask-image: var(--wifi-16-svg);
}
%with-wifi-24-icon {
@extend %with-icon, %wifi-24-svg-prop;
background-image: var(--wifi-24-svg);
}
%with-wifi-24-mask {
@extend %with-mask, %wifi-24-svg-prop;
-webkit-mask-image: var(--wifi-24-svg);
mask-image: var(--wifi-24-svg);
}
%with-wifi-off-16-icon {
@extend %with-icon, %wifi-off-16-svg-prop;
background-image: var(--wifi-off-16-svg);
}
%with-wifi-off-16-mask {
@extend %with-mask, %wifi-off-16-svg-prop;
-webkit-mask-image: var(--wifi-off-16-svg);
mask-image: var(--wifi-off-16-svg);
}
%with-wifi-off-24-icon {
@extend %with-icon, %wifi-off-24-svg-prop;
background-image: var(--wifi-off-24-svg);
}
%with-wifi-off-24-mask {
@extend %with-mask, %wifi-off-24-svg-prop;
-webkit-mask-image: var(--wifi-off-24-svg);
mask-image: var(--wifi-off-24-svg);
}
%with-wrench-16-icon {
@extend %with-icon, %wrench-16-svg-prop;
background-image: var(--wrench-16-svg);
}
%with-wrench-16-mask {
@extend %with-mask, %wrench-16-svg-prop;
-webkit-mask-image: var(--wrench-16-svg);
mask-image: var(--wrench-16-svg);
}
%with-wrench-24-icon {
@extend %with-icon, %wrench-24-svg-prop;
background-image: var(--wrench-24-svg);
}
%with-wrench-24-mask {
@extend %with-mask, %wrench-24-svg-prop;
-webkit-mask-image: var(--wrench-24-svg);
mask-image: var(--wrench-24-svg);
}
%with-x-16-icon {
@extend %with-icon, %x-16-svg-prop;
background-image: var(--x-16-svg);
}
%with-x-16-mask {
@extend %with-mask, %x-16-svg-prop;
-webkit-mask-image: var(--x-16-svg);
mask-image: var(--x-16-svg);
}
%with-x-24-icon {
@extend %with-icon, %x-24-svg-prop;
background-image: var(--x-24-svg);
}
%with-x-24-mask {
@extend %with-mask, %x-24-svg-prop;
-webkit-mask-image: var(--x-24-svg);
mask-image: var(--x-24-svg);
}
%with-x-circle-16-icon {
@extend %with-icon, %x-circle-16-svg-prop;
background-image: var(--x-circle-16-svg);
}
%with-x-circle-16-mask {
@extend %with-mask, %x-circle-16-svg-prop;
-webkit-mask-image: var(--x-circle-16-svg);
mask-image: var(--x-circle-16-svg);
}
%with-x-circle-24-icon {
@extend %with-icon, %x-circle-24-svg-prop;
background-image: var(--x-circle-24-svg);
}
%with-x-circle-24-mask {
@extend %with-mask, %x-circle-24-svg-prop;
-webkit-mask-image: var(--x-circle-24-svg);
mask-image: var(--x-circle-24-svg);
}
%with-x-circle-fill-16-icon {
@extend %with-icon, %x-circle-fill-16-svg-prop;
background-image: var(--x-circle-fill-16-svg);
}
%with-x-circle-fill-16-mask {
@extend %with-mask, %x-circle-fill-16-svg-prop;
-webkit-mask-image: var(--x-circle-fill-16-svg);
mask-image: var(--x-circle-fill-16-svg);
}
%with-x-circle-fill-24-icon {
@extend %with-icon, %x-circle-fill-24-svg-prop;
background-image: var(--x-circle-fill-24-svg);
}
%with-x-circle-fill-24-mask {
@extend %with-mask, %x-circle-fill-24-svg-prop;
-webkit-mask-image: var(--x-circle-fill-24-svg);
mask-image: var(--x-circle-fill-24-svg);
}
%with-x-diamond-16-icon {
@extend %with-icon, %x-diamond-16-svg-prop;
background-image: var(--x-diamond-16-svg);
}
%with-x-diamond-16-mask {
@extend %with-mask, %x-diamond-16-svg-prop;
-webkit-mask-image: var(--x-diamond-16-svg);
mask-image: var(--x-diamond-16-svg);
}
%with-x-diamond-24-icon {
@extend %with-icon, %x-diamond-24-svg-prop;
background-image: var(--x-diamond-24-svg);
}
%with-x-diamond-24-mask {
@extend %with-mask, %x-diamond-24-svg-prop;
-webkit-mask-image: var(--x-diamond-24-svg);
mask-image: var(--x-diamond-24-svg);
}
%with-x-diamond-fill-16-icon {
@extend %with-icon, %x-diamond-fill-16-svg-prop;
background-image: var(--x-diamond-fill-16-svg);
}
%with-x-diamond-fill-16-mask {
@extend %with-mask, %x-diamond-fill-16-svg-prop;
-webkit-mask-image: var(--x-diamond-fill-16-svg);
mask-image: var(--x-diamond-fill-16-svg);
}
%with-x-diamond-fill-24-icon {
@extend %with-icon, %x-diamond-fill-24-svg-prop;
background-image: var(--x-diamond-fill-24-svg);
}
%with-x-diamond-fill-24-mask {
@extend %with-mask, %x-diamond-fill-24-svg-prop;
-webkit-mask-image: var(--x-diamond-fill-24-svg);
mask-image: var(--x-diamond-fill-24-svg);
}
%with-x-hexagon-16-icon {
@extend %with-icon, %x-hexagon-16-svg-prop;
background-image: var(--x-hexagon-16-svg);
}
%with-x-hexagon-16-mask {
@extend %with-mask, %x-hexagon-16-svg-prop;
-webkit-mask-image: var(--x-hexagon-16-svg);
mask-image: var(--x-hexagon-16-svg);
}
%with-x-hexagon-24-icon {
@extend %with-icon, %x-hexagon-24-svg-prop;
background-image: var(--x-hexagon-24-svg);
}
%with-x-hexagon-24-mask {
@extend %with-mask, %x-hexagon-24-svg-prop;
-webkit-mask-image: var(--x-hexagon-24-svg);
mask-image: var(--x-hexagon-24-svg);
}
%with-x-hexagon-fill-16-icon {
@extend %with-icon, %x-hexagon-fill-16-svg-prop;
background-image: var(--x-hexagon-fill-16-svg);
}
%with-x-hexagon-fill-16-mask {
@extend %with-mask, %x-hexagon-fill-16-svg-prop;
-webkit-mask-image: var(--x-hexagon-fill-16-svg);
mask-image: var(--x-hexagon-fill-16-svg);
}
%with-x-hexagon-fill-24-icon {
@extend %with-icon, %x-hexagon-fill-24-svg-prop;
background-image: var(--x-hexagon-fill-24-svg);
}
%with-x-hexagon-fill-24-mask {
@extend %with-mask, %x-hexagon-fill-24-svg-prop;
-webkit-mask-image: var(--x-hexagon-fill-24-svg);
mask-image: var(--x-hexagon-fill-24-svg);
}
%with-x-square-16-icon {
@extend %with-icon, %x-square-16-svg-prop;
background-image: var(--x-square-16-svg);
}
%with-x-square-16-mask {
@extend %with-mask, %x-square-16-svg-prop;
-webkit-mask-image: var(--x-square-16-svg);
mask-image: var(--x-square-16-svg);
}
%with-x-square-24-icon {
@extend %with-icon, %x-square-24-svg-prop;
background-image: var(--x-square-24-svg);
}
%with-x-square-24-mask {
@extend %with-mask, %x-square-24-svg-prop;
-webkit-mask-image: var(--x-square-24-svg);
mask-image: var(--x-square-24-svg);
}
%with-x-square-fill-16-icon {
@extend %with-icon, %x-square-fill-16-svg-prop;
background-image: var(--x-square-fill-16-svg);
}
%with-x-square-fill-16-mask {
@extend %with-mask, %x-square-fill-16-svg-prop;
-webkit-mask-image: var(--x-square-fill-16-svg);
mask-image: var(--x-square-fill-16-svg);
}
%with-x-square-fill-24-icon {
@extend %with-icon, %x-square-fill-24-svg-prop;
background-image: var(--x-square-fill-24-svg);
}
%with-x-square-fill-24-mask {
@extend %with-mask, %x-square-fill-24-svg-prop;
-webkit-mask-image: var(--x-square-fill-24-svg);
mask-image: var(--x-square-fill-24-svg);
}
%with-zap-16-icon {
@extend %with-icon, %zap-16-svg-prop;
background-image: var(--zap-16-svg);
}
%with-zap-16-mask {
@extend %with-mask, %zap-16-svg-prop;
-webkit-mask-image: var(--zap-16-svg);
mask-image: var(--zap-16-svg);
}
%with-zap-24-icon {
@extend %with-icon, %zap-24-svg-prop;
background-image: var(--zap-24-svg);
}
%with-zap-24-mask {
@extend %with-mask, %zap-24-svg-prop;
-webkit-mask-image: var(--zap-24-svg);
mask-image: var(--zap-24-svg);
}
%with-zap-off-16-icon {
@extend %with-icon, %zap-off-16-svg-prop;
background-image: var(--zap-off-16-svg);
}
%with-zap-off-16-mask {
@extend %with-mask, %zap-off-16-svg-prop;
-webkit-mask-image: var(--zap-off-16-svg);
mask-image: var(--zap-off-16-svg);
}
%with-zap-off-24-icon {
@extend %with-icon, %zap-off-24-svg-prop;
background-image: var(--zap-off-24-svg);
}
%with-zap-off-24-mask {
@extend %with-mask, %zap-off-24-svg-prop;
-webkit-mask-image: var(--zap-off-24-svg);
mask-image: var(--zap-off-24-svg);
}
%with-zoom-in-16-icon {
@extend %with-icon, %zoom-in-16-svg-prop;
background-image: var(--zoom-in-16-svg);
}
%with-zoom-in-16-mask {
@extend %with-mask, %zoom-in-16-svg-prop;
-webkit-mask-image: var(--zoom-in-16-svg);
mask-image: var(--zoom-in-16-svg);
}
%with-zoom-in-24-icon {
@extend %with-icon, %zoom-in-24-svg-prop;
background-image: var(--zoom-in-24-svg);
}
%with-zoom-in-24-mask {
@extend %with-mask, %zoom-in-24-svg-prop;
-webkit-mask-image: var(--zoom-in-24-svg);
mask-image: var(--zoom-in-24-svg);
}
%with-zoom-out-16-icon {
@extend %with-icon, %zoom-out-16-svg-prop;
background-image: var(--zoom-out-16-svg);
}
%with-zoom-out-16-mask {
@extend %with-mask, %zoom-out-16-svg-prop;
-webkit-mask-image: var(--zoom-out-16-svg);
mask-image: var(--zoom-out-16-svg);
}
%with-zoom-out-24-icon {
@extend %with-icon, %zoom-out-24-svg-prop;
background-image: var(--zoom-out-24-svg);
}
%with-zoom-out-24-mask {
@extend %with-mask, %zoom-out-24-svg-prop;
-webkit-mask-image: var(--zoom-out-24-svg);
mask-image: var(--zoom-out-24-svg);
}