jquery-slideoutpanel
Advanced tools
Comparing version 1.0.10 to 1.0.11
{ | ||
"name": "jquery-slideoutpanel", | ||
"version": "1.0.10", | ||
"version": "1.0.11", | ||
"description": "jQuery SlideOutPanel is a jQuery Plugin to add a sliding out panel.", | ||
@@ -5,0 +5,0 @@ "main": "Gruntfile.js", |
@@ -48,17 +48,17 @@ | ||
Name | Type | Default | Options | Description | ||
:----- | :------ | :----- | :----- | :----- | ||
bodyPush | boolean | false | true <br> false| Enables pushing the body when the tab opens (works with slideFrom right and left | ||
closeBtn | html | `✕` <br> ✕ | | Add a custom close button instead of the default | ||
closeBtnSize | String | 12px | | Adjust the close button size | ||
enableEscapeKey | Boolean | false | true <br> false | Enables the esc key to close all panels | ||
offsetTop | String | 0 | | Offset the top of the panel | ||
screenClose | Boolean | true | true <br> false | Enables closing of panels by clicking on the background screen. | ||
screenOpacity | String | 0.5 | | Set the background screen's opacity | ||
screenZindex | String | 9998 | | Set the background screen's z-index | ||
showScreen | Boolean | true | true <br> false | Enable/Disable showing the background screen | ||
slideFrom | String | right | top <br> right <br> bottom <br> left | Set to choose where the panel should slide out from | ||
transition | String | ease | | Set the transition-timing-function. Accepts the standard values used with CSS. | ||
transitionDuration | String | 0.35s | | Set the duration of the transitions. Adding "s" is optional. | ||
width | String | 350px | | Set the panels width | ||
Name | Type | Default | Options | Description | ||
:----- | :------ | :----- | :----- | :----- | ||
bodyPush | boolean | false | true <br> false| Enables pushing the body when the tab opens (works with slideFrom right and left | ||
closeBtn | html | `✕` <br> ✕ | | Add a custom close button instead of the default | ||
closeBtnSize | String | 12px | | Adjust the close button size | ||
enableEscapeKey | Boolean | false | true <br> false | Enables the esc key to close all panels | ||
offsetTop | String | 0 | | Offset the top of the panel | ||
screenClose | Boolean | true | true <br> false | Enables closing of panels by clicking on the background screen. | ||
screenOpacity | String | 0.5 | | Set the background screen's opacity | ||
screenZindex | String | 9998 | | Set the background screen's z-index | ||
showScreen | Boolean | true | true <br> false | Enable/Disable showing the background screen | ||
slideFrom | String | right | top <br> right <br> bottom <br> left | Set to choose where the panel should slide out from | ||
transition | String | ease | | Set the transition-timing-function. Accepts the standard values used with CSS. | ||
transitionDuration | String | 0.35s | | Set the duration of the transitions. Adding "s" is optional. | ||
width | String | 350px | | Set the panels width | ||
@@ -151,18 +151,18 @@ <br> | ||
Variable | Type | Default | Description | ||
:----- | :----- | :----- | :----- | ||
$pieces-padding | string | `15px` | Padding for the panel pieces (header, section, footer) | ||
$so-screen-sm | | `768px` | Responsive breakpoint | ||
$so-close-btn-color | | `#000` | Color of the close button | ||
$so-close-font-size | | `12px` | Font size of the close button | ||
$so-container-background | | `#fff` | The panel background color | ||
$so-container-box-shadow | | `-3px 3px 9px rgba(0, 0, 0, .3)` | The panel box shadow | ||
$so-container-transition | | `top ease, right ease, bottom ease, left ease` | | ||
$so-container-z-index | | `9999` | The panel z-index | ||
$so-content-no-header-padding-top | | `$pieces-padding * 2` | The top padding of the `<section>` when there is no header | ||
$so-header-background-color | | `#fff` | The header background color | ||
$so-header-border-color | | `#e5e5e5` | The header bottom border color | ||
$so-header-border-width | | `1px` | The header border width | ||
$so-content-background-color | | `#fff` | The `<section>` background color | ||
$so-footer-background-color | | `#fff` | The `<footer>` background color | ||
Variable | Type | Default | Description | ||
:----- | :----- | :----- | :----- | ||
$pieces-padding | string | 15px | Padding for the panel pieces (header, section, footer) | ||
$so-screen-sm | | 768px | Responsive breakpoint | ||
$so-close-btn-color | | #000 | Color of the close button | ||
$so-close-font-size | | 12px | Font size of the close button | ||
$so-container-background | | #fff | The panel background color | ||
$so-container-box-shadow | | -3px 3px 9px rgba(0, 0, 0, .3) | The panel box shadow | ||
$so-container-transition | | top ease, right ease, bottom ease, left ease | | ||
$so-container-z-index | | 9999 | The panel z-index | ||
$so-content-no-header-padding-top | | $pieces-padding * 2 | The top padding of the `<section>` when there is no header | ||
$so-header-background-color | | #fff | The header background color | ||
$so-header-border-color | | #e5e5e5 | The header bottom border color | ||
$so-header-border-width | | 1px | The header border width | ||
$so-content-background-color | | #fff | The `<section>` background color | ||
$so-footer-background-color | | #fff | The `<footer>` background color | ||
@@ -169,0 +169,0 @@ <br> |
87013