jeffrey is a style guide and pattern library for building websites rapidly, designed for maintainability and modularity.
-
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
- modernizer ~2.8.2 included in the
<head>
of your web page.
npm install jeffrey-suits --save
tired of having to install NodeJS on your PC?
Include this in your <head>
:
<link href="node_modules/jeffrey-suits/dist/css/jeffrey.min.css" rel="stylesheet">
If you are already using Sass in your project, you can import jeffrey directly.
@import "node_modules/jeffrey-suits/dist/sass/jeffrey";
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.