Package Exports

@finpress/base-styles
@finpress/base-styles/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@finpress/base-styles) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Base Styles

Base SCSS utilities and variables for FinPress.

Note: This package requires Dart Sass to compile. When using this package, make sure you are using Sass version 1.23.0 or later, which is based on Dart Sass.

Installation

Install the module

npm install @finpress/base-styles --save-dev

Usage

In your application's SCSS file, include styles like so:

@use '@finpress/base-styles/colors';
@use '@finpress/base-styles/variables';
@use '@finpress/base-styles/mixins';
@use '@finpress/base-styles/breakpoints';
@use '@finpress/base-styles/animations';
@use '@finpress/base-styles/z-index';
@use '@finpress/base-styles/default-custom-properties';

Make sure to use namespaces when accessing utilities, variables, functions, etc. For example:

.selector {
    color: colors.$gray-300;

    @include mixins.break-medium() {
        font-size: variables.$font-size-large;
    }
}

CSS Admin Themes

The package also includes a built version of the output generated by the finpress-admin-schemes() mixin which can be used directly in your project. The CSS file is located at node_modules/@finpress/base-styles/build-style/admin-schemes.css.

Contributing to this package

This is an individual package that's part of the Gutenberg project. The project is organized as a monorepo. It's made up of multiple self-contained software packages, each with a specific purpose. The packages in this monorepo are published to npm and used by FinPress as well as other software projects.

To find out more about contributing to this package or Gutenberg as a whole, please read the project's main contributor guide.

Code is Poetry.