|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- // reset
- body,h1,h2,h3,h4,h5,h6,ul {
- // margin:0;
- // padding:0;
- }
-
- #main-nav {
- //dev:
- // display: none;
- @media #{$view-mobile} {
- display: none;
- }
- }
-
- .featherlight .featherlight-content {
- background: none;
- overflow: visible;
- .featherlight-close-icon {
- background: none;
- top: -10px;
- right: -10px;
- font-size: 1.5em;
- }
- @media #{$view_mobile} {
- iframe { width:100%; height:100%;}
- }
- }
-
- /////////////////////////////////////////////////////////////////////
- #mobile-nav {
- display: none;
- @media #{$view-mobile} {
- display: block;
- a.menu-toggle {
- display: block;
- }
- }
- .the_list {
- display: none;
- }
- &.open .the_list {
- display: block;
- position: fixed;
- top:0;
- left:0;
- z-index:99;
- background: rgba(255,255,255,0.9);
- height:100%;
- width: 100%;
- overflow: scroll;
- }
- a.menu-toggle {
- position: fixed;
- top:0;
- right:0;
- width:50px;
- height:50px;
- z-index:100;
- cursor: pointer;
- background: rgba(255,255,255,0.9);
- background-image: url('menu-icon.png');
- background-position: top;
- background-size: 100%;
- }
- &.open a.menu-toggle {
- background-position: bottom;
- }
- }
-
|