diff --git a/dist/react-sidenav.css b/dist/react-sidenav.css index 75d9f03..72a4b96 100644 --- a/dist/react-sidenav.css +++ b/dist/react-sidenav.css @@ -1,4 +1,4 @@ -/*! react-sidenav v0.1.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-sidenav */ +/*! react-sidenav v0.2.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-sidenav */ .sidenav---sidenav---_2tBP { position: absolute; top: 0; diff --git a/dist/react-sidenav.min.css b/dist/react-sidenav.min.css index 266d621..638bca8 100644 --- a/dist/react-sidenav.min.css +++ b/dist/react-sidenav.min.css @@ -1 +1 @@ -/*! react-sidenav v0.1.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-sidenav */.sidenav---sidenav---_2tBP{position:absolute;top:0;bottom:0;left:0;z-index:1006;min-width:64px;background:#db3d44;-webkit-transition:min-width .15s;-moz-transition:min-width .15s;-o-transition:min-width .15s;-ms-transition:min-width .15s;transition:min-width .15s}.sidenav---sidenav---_2tBP.sidenav---collapsed---LQDEv .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ- .sidenav---sidenav-subnav---1EN61{display:none}.sidenav---sidenav---_2tBP.sidenav---collapsed---LQDEv .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---sidenav-subnav---1EN61{display:block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL{min-width:240px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ- .sidenav---sidenav-nav-icon---2Pjcn+.sidenav---sidenav-nav-text---1k3He{display:inline-block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a{cursor:pointer}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{position:static;border:none;float:left;clear:both;width:100%;background:0 0;overflow:hidden;-webkit-box-shadow:none;box-shadow:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{display:block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{display:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47{position:relative}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47::before{content:" ";width:100%;height:28px;position:absolute;top:0;z-index:-1}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:first-child{display:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:hover::before{background:#fff;opacity:.15}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47::before{content:" ";width:100%;height:28px;position:absolute;top:0;z-index:-1}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>a{color:#fff}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>a::before{content:" ";width:2px;height:20px;left:10px;top:4px;position:absolute;border-left:2px #fff solid}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:hover>a{background:0 0;color:#fff}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>a{color:#f9dcdd;padding:0 14px 0 20px;line-height:28px}.sidenav---sidenav-toggle---1KRjR{position:relative;float:left;width:64px;height:64px;padding:0;margin:0;background-color:transparent;background-image:none;border:0;border-radius:0;cursor:pointer}.sidenav---sidenav-toggle---1KRjR:focus{outline:0}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{display:block;width:20px;height:2px;margin:0 auto;background-color:#fff;border-radius:1px;-webkit-transition:all .15s;-moz-transition:all .15s;-o-transition:all .15s;-ms-transition:all .15s;transition:all .15s;opacity:.7}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02+.sidenav---icon-bar---u1f02{margin-top:4px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{width:25px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(2){opacity:0}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(3){margin-top:-8px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sidenav---sidenav-nav---3tvij{float:left;padding:0;margin:0;clear:both;list-style:none;width:100%}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-{clear:both;position:relative}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a{cursor:default}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a::after{background:#fff;opacity:.15}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a::after,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover.sidenav---selected---1EK3y>a::after{background:#000;opacity:.2}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a .sidenav---sidenav-nav-icon---2Pjcn,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a .sidenav---sidenav-nav-icon---2Pjcn{opacity:1;-ms-filter:none;filter:none}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a .sidenav---sidenav-nav-icon---2Pjcn,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a .sidenav---sidenav-nav-text---1k3He,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a .sidenav---sidenav-nav-icon---2Pjcn,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a .sidenav---sidenav-nav-text---1k3He{color:#fff}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a{position:relative;display:block;line-height:50px;height:50px;white-space:nowrap;text-decoration:none;color:#fff;font-size:14px}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a::after{content:'';position:absolute;width:100%;top:0;bottom:0;left:0;background:#fff;opacity:0;z-index:-1}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a .sidenav---sidenav-nav-icon---2Pjcn{display:block;float:left;width:64px;height:50px;margin-right:-6px;vertical-align:top;background-repeat:no-repeat;background-position:center center;background-color:transparent;opacity:.7;line-height:50px;text-align:center;color:#f9dcdd}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a .sidenav---sidenav-nav-icon---2Pjcn>*{color:#f9dcdd}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a .sidenav---sidenav-nav-icon---2Pjcn+.sidenav---sidenav-nav-text---1k3He{display:none}.sidenav---sidenav-subnav---1EN61{min-width:200px;position:absolute;list-style:none;padding:0;margin:0;top:0;left:64px;background:#fff;border:1px #bbb solid;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.15);box-shadow:2px 2px 10px rgba(0,0,0,.15)}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:first-child{margin:0 24px;line-height:48px;border-bottom:1px #ccc solid;font-size:14px;font-weight:400}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:nth-child(2){margin-top:8px}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:last-child{margin-bottom:8px}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>a{color:#db3d44;font-weight:700;background:0 0;cursor:default}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>a{display:block;text-decoration:none;color:#222;font-size:13px;line-height:30px;padding:0 24px}.sidenav---sidenav---_2tBP{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:20px}.sidenav---sidenav---_2tBP *,.sidenav---sidenav---_2tBP :after,.sidenav---sidenav---_2tBP :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit} \ No newline at end of file +/*! react-sidenav v0.2.0 | (c) 2017 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-sidenav */.sidenav---sidenav---_2tBP{position:absolute;top:0;bottom:0;left:0;z-index:1006;min-width:64px;background:#db3d44;-webkit-transition:min-width .15s;-moz-transition:min-width .15s;-o-transition:min-width .15s;-ms-transition:min-width .15s;transition:min-width .15s}.sidenav---sidenav---_2tBP.sidenav---collapsed---LQDEv .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ- .sidenav---sidenav-subnav---1EN61{display:none}.sidenav---sidenav---_2tBP.sidenav---collapsed---LQDEv .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---sidenav-subnav---1EN61{display:block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL{min-width:240px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ- .sidenav---sidenav-nav-icon---2Pjcn+.sidenav---sidenav-nav-text---1k3He{display:inline-block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a{cursor:pointer}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{position:static;border:none;float:left;clear:both;width:100%;background:0 0;overflow:hidden;-webkit-box-shadow:none;box-shadow:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{display:block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{display:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47{position:relative}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47::before{content:" ";width:100%;height:28px;position:absolute;top:0;z-index:-1}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:first-child{display:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:hover::before{background:#fff;opacity:.15}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47::before{content:" ";width:100%;height:28px;position:absolute;top:0;z-index:-1}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>a{color:#fff}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>a::before{content:" ";width:2px;height:20px;left:10px;top:4px;position:absolute;border-left:2px #fff solid}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:hover>a{background:0 0;color:#fff}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>a{color:#f9dcdd;padding:0 14px 0 20px;line-height:28px}.sidenav---sidenav-toggle---1KRjR{position:relative;float:left;width:64px;height:64px;padding:0;margin:0;background-color:transparent;background-image:none;border:0;border-radius:0;cursor:pointer}.sidenav---sidenav-toggle---1KRjR:focus{outline:0}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{display:block;width:20px;height:2px;margin:0 auto;background-color:#fff;border-radius:1px;-webkit-transition:all .15s;-moz-transition:all .15s;-o-transition:all .15s;-ms-transition:all .15s;transition:all .15s;opacity:.7}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02+.sidenav---icon-bar---u1f02{margin-top:4px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{width:25px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(2){opacity:0}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(3){margin-top:-8px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.sidenav---sidenav-nav---3tvij{float:left;padding:0;margin:0;clear:both;list-style:none;width:100%}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-{clear:both;position:relative}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a{cursor:default}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a::after{background:#fff;opacity:.15}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a::after,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover.sidenav---selected---1EK3y>a::after{background:#000;opacity:.2}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a .sidenav---sidenav-nav-icon---2Pjcn,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a .sidenav---sidenav-nav-icon---2Pjcn{opacity:1;-ms-filter:none;filter:none}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a .sidenav---sidenav-nav-icon---2Pjcn,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---selected---1EK3y>a .sidenav---sidenav-nav-text---1k3He,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a .sidenav---sidenav-nav-icon---2Pjcn,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>a .sidenav---sidenav-nav-text---1k3He{color:#fff}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a{position:relative;display:block;line-height:50px;height:50px;white-space:nowrap;text-decoration:none;color:#fff;font-size:14px}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a::after{content:'';position:absolute;width:100%;top:0;bottom:0;left:0;background:#fff;opacity:0;z-index:-1}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a .sidenav---sidenav-nav-icon---2Pjcn{display:block;float:left;width:64px;height:50px;margin-right:-6px;vertical-align:top;background-repeat:no-repeat;background-position:center center;background-color:transparent;opacity:.7;line-height:50px;text-align:center;color:#f9dcdd}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a .sidenav---sidenav-nav-icon---2Pjcn>*{color:#f9dcdd}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->a .sidenav---sidenav-nav-icon---2Pjcn+.sidenav---sidenav-nav-text---1k3He{display:none}.sidenav---sidenav-subnav---1EN61{min-width:200px;position:absolute;list-style:none;padding:0;margin:0;top:0;left:64px;background:#fff;border:1px #bbb solid;-webkit-box-shadow:2px 2px 10px rgba(0,0,0,.15);box-shadow:2px 2px 10px rgba(0,0,0,.15)}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:first-child{margin:0 24px;line-height:48px;border-bottom:1px #ccc solid;font-size:14px;font-weight:400}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:nth-child(2){margin-top:8px}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:last-child{margin-bottom:8px}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>a{color:#db3d44;font-weight:700;background:0 0;cursor:default}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>a{display:block;text-decoration:none;color:#222;font-size:13px;line-height:30px;padding:0 24px}.sidenav---sidenav---_2tBP{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:20px}.sidenav---sidenav---_2tBP *,.sidenav---sidenav---_2tBP :after,.sidenav---sidenav---_2tBP :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit} \ No newline at end of file diff --git a/package.json b/package.json index 3d4afc0..8a355b5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@trendmicro/react-sidenav", - "version": "0.1.0", + "version": "0.2.0", "description": "React SideNav", "main": "lib/index.js", "files": [