jeffrey-suits v0.1.63
jeffrey
jeffrey is a style guide and pattern library for building websites rapidly, designed for maintainability and modularity.
Quick links
Main Features
Follows BEM — Block Element Modifier methodology
Follows Atomic Design principles
Built with Sass, that means:
- Modular - import just what you need
- Reusable - apply styles on your own components by using Sass mixins
- Customizable - "tweak" the look and feel by overriding variables or extending existing classes
Updated interactive demo site
Getting Started
Requirements
- modernizer ~2.8.2 included in the
<head>of your web page.
Installation
npm install jeffrey-suits --savetired of having to install NodeJS on your PC?
Usage
Include this in your <head>:
<link href="node_modules/jeffrey-suits/dist/css/jeffrey.min.css" rel="stylesheet">How to use jeffrey with Sass
If you are already using Sass in your project, you can import jeffrey directly.
@import "node_modules/jeffrey-suits/dist/sass/jeffrey";License
Copyright (c) 2018 LOVEThESIGN
jeffrey is released under the MIT license. See LICENSE for details.
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.