Skip to content

Commit

Permalink
fix(content-block-mixed): fixed pictogram color on g90 and g100 theme (
Browse files Browse the repository at this point in the history
…carbon-design-system#4949)

### Related Ticket(s)

carbon-design-system#4933 

### Description

For web components, the pictograms on content block mixed weren't switching to white when on g90 and g100 theme

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "package: styles": Carbon Expressive -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
  • Loading branch information
andysherman2121 authored and IgnacioBecerra committed Feb 22, 2021
1 parent 1a79c7b commit c2a3872
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 1 deletion.
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
//
// Copyright IBM Corp. 2020, 2021
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

@import 'carbon-components/scss/globals/scss/theme-tokens';

/* stylelint-disable-next-line selector-type-no-unknown */
dds-pictogram-item svg g {
stroke: $text-01;
}
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@ import imgMd16x9 from '../../../../../storybook-images/assets/480/fpo--16x9--480
import imgSm16x9 from '../../../../../storybook-images/assets/320/fpo--16x9--320x180--001.jpg';
import readme from './README.stories.mdx';
import textNullable from '../../../../.storybook/knob-text-nullable';
import styles from './content-block-mixed.stories.scss';

const copy = `Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean et ultricies est. Mauris iaculis eget dolor nec hendrerit.
Expand Down Expand Up @@ -67,6 +68,9 @@ export default {
title: 'Components/Content Block Mixed',
decorators: [
story => html`
<style>
${styles}
</style>
<div class="bx--grid">
<div class="bx--row">
<div class="bx--col-sm-4 bx--col-lg-8 bx--offset-lg-4">
Expand Down Expand Up @@ -145,7 +149,7 @@ export const Default = ({ parameters }) => {
<g id="touch_screen">
<g id="touch_screen_1_">
<path
style="fill:none;stroke:#000000;stroke-width:0.72;stroke-linejoin:round;stroke-miterlimit:10;"
style="fill:none;stroke-width:0.72;stroke-linejoin:round;stroke-miterlimit:10;"
d="M15,29H9V10h25v19h-7
M34,26h-7 M15,26H9 M30,29v8h9V21h-5 M30,34h9 M20.998,27.621c0-0.573-0.447-1.037-0.998-1.037s-0.998,0.464-0.998,1.037v2.378
l-0.005-6.962c0-0.573-0.447-1.037-0.998-1.037S17,22.464,17,23.037v5.882v4.924C17,36.139,18.792,38,21.002,38
Expand Down

0 comments on commit c2a3872

Please sign in to comment.