@carto/airship-style
Advanced tools
Airship style is a css framework oriented to develop your Location Intelligence apps.
You can install airship-style using npm or downloading it from a CDN.
Airship styles are distributed in small files so you can choose to load only the components that you are going to use improving your page speed performance. We also provide an airship.css file with all the styles packaged in a single file.
The following files are available:
core.css: Common CSS, including layouts, fonts, etcutilities.css: CSS helpers<element>.css: The specific styles for an element, for example the button styles would be in button.cssThe simplest way to use airship styles is just load them from a CDN this way you can choose which components to dowload. Remember to load the core first and the utils at the end.
<head>
<!-- Include core first -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@carto/airship-style/dist/core/core.css">
<!-- Include the needed components -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@carto/airship-style/dist/button/button.css">
<!-- Include utils at the end -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@carto/airship-style/dist/utils/utils.css">
<head>
You can use jsDelivery to combine our files and generate a single request:
<head>
<!-- Include Styles combined with jsDelivery -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/npm/@carto/airship-style/dist/core/core.css,npm/@carto/airship-style/dist/button/button.css">
<head>
Or you can load all our styles at once:
<head>
<!-- Include all styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/npm/@carto/airship-style/dist/airship.css">
<head>
Just install our package and use it as you wish:
npm i @carto/airship-style
We provide both dist and src files so you can create a custom sass build.
TBD
FAQs
Airship is a set of tools designed to facilitate the development of location intelligence apps by offering layouts, basic patterns, templates, CSS classes, components, widgets and much more.
The npm package @carto/airship-style receives a total of 11 weekly downloads. As such, @carto/airship-style popularity was classified as not popular.
We found that @carto/airship-style demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 10 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.