bem-constructor 0.2.0 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/README.md +3 -2
- data/lib/bem-constructor.rb +1 -1
- data/stylesheets/_bem-constructor.scss +1 -28
- data/stylesheets/_defaults.scss +19 -0
- data/stylesheets/_logger.scss +1 -3
- data/stylesheets/logger/_global.scss +6 -0
- metadata +3 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: df231fc76b0bc8615cc5634a72126ccfb3df62f2
|
4
|
+
data.tar.gz: 269f157f0874927226870a5dc473d6631dbc0b7e
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5b39a0af0f8f1452df90ffdf018c661369c19c51e66cfb495e127d824c39092bb1ea8a62b95c562f2cabf9381158e573a722a58a4b221ef5592279731563f67b
|
7
|
+
data.tar.gz: c5fa49d6e419dc4cb57a570c6e456212dcdf1fce75319458bf8ad8c1c9f08df4ae318a4d6459f75ff05f820c7f2abaa3da0f2643726daccf159a68c3e1970a7d
|
data/CHANGELOG.md
CHANGED
data/README.md
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
# BEM Constructor
|
1
|
+
# BEM Constructor [![Build Status](https://travis-ci.org/danielguillan/bem-constructor.svg?branch=master)](https://travis-ci.org/danielguillan/bem-constructor)
|
2
2
|
|
3
3
|
BEM Constructor is a Sass library for building immutable and namespaced BEM-style CSS objects.
|
4
4
|
|
@@ -6,6 +6,7 @@ By enforcing a consistent and programatic way of defining objects (blocks, eleme
|
|
6
6
|
|
7
7
|
Jump to [:hamburger: The Burger Example™](#example) to see the mixins in action.
|
8
8
|
|
9
|
+
|
9
10
|
## Key ideas
|
10
11
|
|
11
12
|
The key ideas behind this library are well explained by Harry Roberts in his articles [Immutable CSS](http://csswizardry.com/2015/03/immutable-css/), [More Transparent UI Code with Namespaces](http://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/) and [MindBEMding – getting your head ’round BEM syntax](http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/),
|
@@ -39,7 +40,7 @@ There are 3 ways of installing BEM Constructor:
|
|
39
40
|
|
40
41
|
### Download
|
41
42
|
|
42
|
-
Download
|
43
|
+
Download [bem-constructor.scss](/dist/_bem-constructor.scss) and place it in your Sass directory.
|
43
44
|
|
44
45
|
### Bower
|
45
46
|
|
data/lib/bem-constructor.rb
CHANGED
@@ -1,36 +1,9 @@
|
|
1
1
|
// -----------------------------------------------------------------------------
|
2
2
|
// BEM constructor
|
3
3
|
// -----------------------------------------------------------------------------
|
4
|
-
// Table of contents
|
5
|
-
// 1. Default settings
|
6
|
-
// 2. Imports
|
7
4
|
|
8
|
-
// -----------------------------------------------------------------------------
|
9
|
-
// 1. Default settings
|
10
|
-
// -----------------------------------------------------------------------------
|
11
|
-
|
12
|
-
/// Use namespaced class names
|
13
|
-
/// @public
|
14
|
-
$bem-use-namespaces: true !default;
|
15
|
-
|
16
|
-
/// Bem style element separator
|
17
|
-
/// @public
|
18
|
-
$bem-element-separator: '__' !default;
|
19
|
-
|
20
|
-
/// Bem style modifier separator
|
21
|
-
/// @public
|
22
|
-
$bem-modifier-separator: '--' !default;
|
23
|
-
|
24
|
-
/// Throw errors
|
25
|
-
/// @public
|
26
|
-
$bem-throw-errors: true !default;
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
// -----------------------------------------------------------------------------
|
31
|
-
// 2. Imports
|
32
|
-
// -----------------------------------------------------------------------------
|
33
5
|
|
6
|
+
@import 'defaults';
|
34
7
|
@import 'logger';
|
35
8
|
@import 'error-checks';
|
36
9
|
@import 'block';
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// -----------------------------------------------------------------------------
|
2
|
+
// Defaults
|
3
|
+
// -----------------------------------------------------------------------------
|
4
|
+
|
5
|
+
/// Use namespaced class names
|
6
|
+
/// @public
|
7
|
+
$bem-use-namespaces: true !default;
|
8
|
+
|
9
|
+
/// Bem style element separator
|
10
|
+
/// @public
|
11
|
+
$bem-element-separator: '__' !default;
|
12
|
+
|
13
|
+
/// Bem style modifier separator
|
14
|
+
/// @public
|
15
|
+
$bem-modifier-separator: '--' !default;
|
16
|
+
|
17
|
+
/// Throw errors
|
18
|
+
/// @public
|
19
|
+
$bem-throw-errors: true !default;
|
data/stylesheets/_logger.scss
CHANGED
@@ -2,9 +2,7 @@
|
|
2
2
|
// Logger
|
3
3
|
// -----------------------------------------------------------------------------
|
4
4
|
|
5
|
-
|
6
|
-
$_bem-log: () !global;
|
7
|
-
|
5
|
+
@import 'logger/_global';
|
8
6
|
@import 'logger/_context-logger';
|
9
7
|
@import 'logger/_block-logger';
|
10
8
|
@import 'logger/_element-logger';
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bem-constructor
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.3.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Daniel Guillan
|
@@ -50,6 +50,7 @@ files:
|
|
50
50
|
- lib/bem-constructor.rb
|
51
51
|
- stylesheets/_bem-constructor.scss
|
52
52
|
- stylesheets/_block.scss
|
53
|
+
- stylesheets/_defaults.scss
|
53
54
|
- stylesheets/_element.scss
|
54
55
|
- stylesheets/_error-checks.scss
|
55
56
|
- stylesheets/_hack.scss
|
@@ -63,6 +64,7 @@ files:
|
|
63
64
|
- stylesheets/logger/_block-logger.scss
|
64
65
|
- stylesheets/logger/_context-logger.scss
|
65
66
|
- stylesheets/logger/_element-logger.scss
|
67
|
+
- stylesheets/logger/_global.scss
|
66
68
|
- stylesheets/logger/_modifier-logger.scss
|
67
69
|
- stylesheets/logger/_scope-logger.scss
|
68
70
|
- stylesheets/test.css
|