### Installing concrete.css via npm (Shell) Source: https://github.com/louismerlin/concrete.css/blob/main/index.html Provides the command-line instruction to add concrete.css as a project dependency using the npm package manager, typically for JavaScript projects. ```shell npm install concrete.css ``` -------------------------------- ### Installing concrete.css via npm Source: https://github.com/louismerlin/concrete.css/blob/main/README.md Use the npm package manager to install concrete.css as a dependency in your JavaScript project. This command adds the package to your node_modules directory and updates package.json. ```npm npm install concrete.css ``` -------------------------------- ### Importing concrete.css in JavaScript (JavaScript) Source: https://github.com/louismerlin/concrete.css/blob/main/index.html Demonstrates the standard ES module import syntax to include the concrete.css stylesheet within a JavaScript file after installing it via npm. ```javascript import 'concrete.css' ``` -------------------------------- ### Including concrete.css via CDN (HTML) Source: https://github.com/louismerlin/concrete.css/blob/main/index.html Shows how to link the concrete.css stylesheet from a Content Delivery Network (CDN) in the
section of an HTML document for quick integration. ```html ``` -------------------------------- ### Styling for Badges, Figures, and Rows (CSS) Source: https://github.com/louismerlin/concrete.css/blob/main/index.html Defines basic styles for elements like badges, figures with highlights, and responsive row/column layouts using Flexbox, including a media query for larger screens. ```css .badge { height: 1.75rem; border: .1rem solid #111; } figure.highlight { margin-left: 0; margin-right: 0; } .row { display: flex; flex-direction: column; padding: 0; } .row .column { display: block; flex: 1 1 auto; margin-left: 0; max-width: 100%; width: 100%; } @media (min-width: 30.0rem) { .row { flex-direction: row; margin: 0 -.5rem; width: calc(100% + 1rem); } .row .column { margin-bottom: inherit; padding: 0 .5rem; } } ``` -------------------------------- ### Including concrete.css via CDN in HTML Source: https://github.com/louismerlin/concrete.css/blob/main/README.md Add this link tag to the section of your HTML document to include the concrete.css stylesheet directly from a CDN. ```html ``` -------------------------------- ### Importing concrete.css in JavaScript Source: https://github.com/louismerlin/concrete.css/blob/main/README.md Import the concrete.css stylesheet into your JavaScript module. This is typically used in projects that utilize module bundlers to include CSS as part of the build process. ```javascript import 'concrete.css' ``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.