JarCasting
JarCasting JarCasting

bagpakk

WebJar for bagpakk

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

bagpakk
Last Version

Last Version

1.0.0
Release Date

Release Date
Type

Type

jar
Description

Description

bagpakk
WebJar for bagpakk
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/brutaldesign/bagpakk

Download bagpakk

Filename Size
bagpakk-1.0.0.pom
bagpakk-1.0.0.jar 50 KB
bagpakk-1.0.0-sources.jar 22 bytes
bagpakk-1.0.0-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/bagpakk/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>bagpakk</artifactId>
    <version>1.0.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/bagpakk/
implementation 'org.webjars.bower:bagpakk:1.0.0'
// https://jarcasting.com/artifacts/org.webjars.bower/bagpakk/
implementation ("org.webjars.bower:bagpakk:1.0.0")
'org.webjars.bower:bagpakk:jar:1.0.0'
<dependency org="org.webjars.bower" name="bagpakk" rev="1.0.0">
  <artifact name="bagpakk" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='bagpakk', version='1.0.0')
)
libraryDependencies += "org.webjars.bower" % "bagpakk" % "1.0.0"
[org.webjars.bower/bagpakk "1.0.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

Bagpakk

A minimal front-end CSS framework.

View project page

##What is Bagpakk?

Bagpakk is a minimal lightweight front-end framework.

Unlike huge CSS frameworks like twitter bootstrap or foundation, Bagpakk offers a minimal scaffold to build your web application.

  1. Wordpress Ready : The WP version of bagpakk comes with all wordpress default classes
  2. Responsive : Fits to any devices using Progressive Enhancement
  3. Developper Friendly : Build for developper with a simple & readable SCSS structure

##Features

  • typography
  • main container classes
  • grid system
  • buttons
  • form
  • fluid video wrapper
  • media queries
  • useful scss mixins and functions

##SCSS Usage

  1. Paste the content of the bagpakk SCSS folder into your web app SCSS folder
  2. Rename the bagpakk.scss file or bagpakk-wordpress.scss file with an underscore: _bagpakk.scss
  3. Import the bagpakk SCSS file into your main project stylsheet
  4. Edit the _settings.scss file variables if needed to change the accent color, fonts, mobile break points etc...
  5. Now you can extend your CSS selectors from any bagpakk class and use all mixins and functions
// Make sure the charset is set appropriately
@charset "UTF-8";

// Import bagpakk
@import "bagpakk";

// Example
#my-container{
	@extend .container;
	background:black(0.3); // black rgba mixin
}

Versions

Version
1.0.0