Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Automattic/default-blogging-theme-dev
Development project the next Gutenberg-Ready, Default Blogging Theme for WordPress.com.
https://github.com/Automattic/default-blogging-theme-dev
Last synced: about 2 months ago
JSON representation
Development project the next Gutenberg-Ready, Default Blogging Theme for WordPress.com.
- Host: GitHub
- URL: https://github.com/Automattic/default-blogging-theme-dev
- Owner: Automattic
- License: gpl-2.0
- Created: 2018-08-31T00:53:25.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-10-09T19:34:40.000Z (almost 6 years ago)
- Last Synced: 2024-05-09T19:47:07.333Z (5 months ago)
- Language: PHP
- Homepage: https://blogging-theme.ernesto.blog/
- Size: 876 KB
- Stars: 6
- Watchers: 3
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: readme-cssvars.md
- License: LICENSE
Awesome Lists containing this project
README
# CSS Variables Framework – README
When using the `sass-variables` post-processing tool, it is good to have in mind the following DO's and DON'Ts:
- - -
**DO NOT** specify property values containing CSS4 variables in multiple lines:
```css
.box-shadow: 0 0 0 $x-box-shadow-color inset,
0 0 10px $x-box-shadow-color inset;
```
**DO** specify property values in a single line:
```css
.box-shadow: 0 0 0 $x-box-shadow-color inset, 0 0 10px $x-box-shadow-color inset;
```
Having the property values in a single line, makes it easier for the variable replacements and the fallback generation. At this moment, the `sass-variables` parser only supports single line property values.
- - -
**DO NOT** use CSS4 variable names that contain colors:
```css
$x-blue: #0000ff;
```
**DO** use CSS4 variable names that are semantic:
```css
$x-accent-color: #0000ff;
```
Sass will replace color names with the hex counterpart, resulting in broken CSS4 variables. Assuming the `$x-blue` variable above was used, you would end up with `color: var(--#0000ff)`. This replacement is done by Sass, not by the `sass-variables` script.