Styling

The Findstr plugin uses global CSS variables that can be overriden in your theme.

Variables

Usage

The variables can be overriden like this:

body {
  --findstr-primary-color: #000000;
  --findstr-secondary-color: #000000;
}

With Sass, Sass variables can be used to override CSS variables like this:

body {
  --findstr-primary-color: #{$your-sass-variable};
}

The variables can also be used to style custom elements like this:

.your-element {
  color: var(--findstr-primary-color);
}

Overriding styles

Every style applied to Findstr elements can be overriden in your theme to make customizations. Just make sure either the stylesheet of your theme is called after the plugin's stylesheet or that you use more specific CSS rules, like this:

body .findstr-field {
  margin: 20px;
}

Useful CSS classes to know