linkedin / linkedin/css-blocks

Unnecessary property conflict error(s?).

Open
#370 1 comment 0 reactions 1 assignee Claimed by @chriseppstein View on GitHub
Dominant language
TypeScript
Stars
6.3k
Forks
154
PR merge metrics
No merged PRs in 30d

Description

```scss
// grid.block.scss
:scope {
width: 1128px;
box-sizing: content-box;
padding: 0 30px;
display: block;
margin: auto;
position: relative;
}
```

```scss
// header.block.scss
.content {
display: flex;
display: resolve("grid"); // Feels like this should be resolved by the cascade when using composes, but acceptable for now.
height: 100%;
}

.content[width="fixed"] {
composes: grid;
}

.content[width="full"] {
margin: resolve("grid"); // is exclusive with .content[width="fixed"] so there's not a conflict.
margin: 0 item-spacing(6);
}
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.