fortune-css
Advanced tools
Comparing version 0.0.13 to 0.0.14
{ | ||
"name": "fortune-css", | ||
"version": "0.0.13", | ||
"version": "0.0.14", | ||
"author": "Vikram Babu", | ||
@@ -23,3 +23,3 @@ "description": "Fortune is your friendly CSS framework.", | ||
}, | ||
"homepage": "https://fortune.dance", | ||
"homepage": "https://fortunecss.com", | ||
"devDependencies": { | ||
@@ -26,0 +26,0 @@ "gulp": "latest", |
# 🔮 Fortune | ||
### Your friendly CSS framework. | ||
### Your friendly CSS framework. | ||
[![](https://data.jsdelivr.com/v1/package/npm/fortune-css/badge)](https://www.jsdelivr.com/package/npm/fortune-css) | ||
@@ -12,2 +13,17 @@ Fortune helps prototype sites by providing a set of non-blocking utilities and basic components. | ||
To load Fortune via CDN, add this to your `<head>`: | ||
``` | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fortune-css/dist/fortune.min.css"> | ||
``` | ||
To theme your site, add `:root` or `:scope` to your CSS: | ||
``` | ||
:root { | ||
--font-family: 'Roboto', sans-serif; | ||
--headings-font-family: 'Roboto', sans-serif; | ||
--container-width: 125em; | ||
--column-gutter: var(--space-4); | ||
} | ||
``` | ||
## Fortune Cheat Sheet | ||
@@ -35,1 +51,10 @@ | ||
Text `body | a | abbr | blockquote | code | del | figure | h* | hr | img | ins | kbd | mark | p | pre | .pre | .pre-line | .pre-wrap | .nowrap | .small | sub | sup | .ellipsis | .italic | .normal | .oblique | .thin | .regular | .medium | .bold | .muted | .center | .justify | .left | .right | .line-through | .overline | .underline | .capitalize | .lowercase | .uppercase | .break-word` | ||
### Utilities | ||
Border `.radius-* | .b-*` | ||
Blend `.gradient-* | bg-blend-` | ||
Color `.* | bg-* | border-*` | ||
Column `.cols | .cols-flush | .col | .col-* | .offset-* | .multi-col-* || --column-gutter | --columns-width` | ||
Dimension `.h-* | .minvh-* | .w-* | .minvw-*` | ||
Display `.clearfix | .grid | .block | .flex | .inline | .inline-block | .inline-flex | .inline-table | .none | .table | .table-cell | .table-colun | .table-row | .float-* | .absolute | .fixed | .relative | .sticky | .bottom-* | .left-* | .right-* | .top-* | .z-* | .overflow-hidden | .overflow-scroll` | ||
Flex `.flex-wrap | .flex-wrap-reverse | .flex-reverse | .flexcolumn | .flex-center` |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
300960
41
6616
59