diff --git a/README.md b/README.md index 185e5df..ccfbe57 100644 --- a/README.md +++ b/README.md @@ -60,10 +60,10 @@ After adding the repo as a dependency you can import it into your SASS files. Al ### pixel-box -Options as above unless otherwise specified. - | Property | Default | Type | Description | | ------------------------ | ----------------------------- | ------------------------ | ------------------------------------------------------------------------ | +| `$corner-size` | | Number | Number of pixels taken out of the corner. | +| `$border-size` | | Number(px) | Border size. | | `$background-color` | | Hexadecimal color | Background colour for the box, this is used as a base for colour theme. | | `$border-color` | Darkened `$background-color` | False/Hexadecimal colour | Border colour. | | `$border-inset` | true | Boolean | Add a inset border. | diff --git a/src/index.html b/src/index.html index 579f121..8e4119a 100644 --- a/src/index.html +++ b/src/index.html @@ -95,24 +95,24 @@ // Available options @include pixel-borders( - $corner-size: 1, - $border-size: 4px, - $border-color: #000, + $corner-size: 1, + $border-size: 4px, + $border-color: #000, $border-inset-color: false ); // Helper method to create custom styles e.g. colour themes, inset border, highlight @include pixel-box( $corner-size, - $border-size, - $background-color, - $border-color: false, - $border-inset: true, - $border-inset-size: false, - $border-inset-color: false, - $border-inset-sides: false, // Sides to apply inset border: 'all', 'top-left' or 'bottom-right' - $border-inset-color-br: false, // Bottom right inset border colour - $border-inset-color-tl: false // Top left inset border colour + $border-size, + $background-color, + $border-color: false, + $border-inset: true, + $border-inset-size: false, + $border-inset-color: false, + $border-inset-sides: false, + $border-inset-color-br: false, + $border-inset-color-tl: false ); @@ -152,7 +152,6 @@
Options as above unless otherwise specified.
Type | Description | ||
---|---|---|---|
$corner-size |
+ + | Number | +Number of pixels taken out of the corner. | +
$border-size |
+ + | Number(px) | +Border size. | +
$background-color |