aside.right-off-canvas-menu li.page_item_has_children a.toggle {
padding: 0;
position: absolute;
- right: 20px;
+ right: 30px;
top: 23px;
width: 0;
text-decoration: none; }
aside.right-off-canvas-menu li.page_item_has_children a.toggle.open {
text-decoration: none;
- top: 22px; }
+ top: 14px;
+ right: 45px; }
aside.right-off-canvas-menu li.page_item_has_children a.toggle.open:before {
content: '>';
transform: rotate(-90deg);
display: block; }
.right-off-canvas-menu {
- list-style: none; }
+ list-style: none;
+ transform: translate3d(100%, 0, 10px); }
.right-off-canvas-menu .off-canvas-list li {
color: #FFFFFF; }
.right-off-canvas-menu .off-canvas-list li a {
- font-size: 1.125rem; }
+ font-size: 1.25rem; }
.right-off-canvas-menu .off-canvas-list li a:hover {
color: #FFFFFF;
background: transparent; }
.right-off-canvas-menu li {
color: #FFFFFF; }
.right-off-canvas-menu li a {
- font-size: 1.125rem; }
+ font-size: 1.25rem; }
.right-off-canvas-menu li a:hover {
color: #FFFFFF;
background: transparent; }
</div>
<div class="row">
<div class="small-12 columns">
- <h2 id="block-title">Recent Projects</h2>
+ <h2 id="block-title">Recently Launched</h2>
</div>
<?php
get_template_part('parts/glm-blocks');
aside.right-off-canvas-menu li.page_item_has_children a.toggle {
padding: 0;
position: absolute;
- right: 20px;
+ right: 30px;
top: 23px;
width: 0;
text-decoration: none;
}
aside.right-off-canvas-menu li.page_item_has_children a.toggle.open {
text-decoration: none;
- top: 22px;
+ top: 14px;
+ right: 45px;
&:before {
@include off-canvas-point(up, $white, 20px);
}
}
.right-off-canvas-menu {
list-style: none;
+ transform: translate3d(100%, 0, 10px);
.off-canvas-list {
li {
color: $white;
a {
// color: $black;
- font-size: rem-calc(18);
+ font-size: rem-calc(20);
// line-height: 150%;
// border-color: white;
}
color: $white;
a {
// color: $black;
- font-size: rem-calc(18);
+ font-size: rem-calc(20);
// line-height: 150%;
// border-color: white;
}
// $off-canvas-overlay-background-hover: rgba($white, 0.05);
// Transition Variables
-// $menu-slide: "transform 500ms ease";
+ $menu-slide: "transform 500ms ease";
// 19. Orbit
// - - - - - - - - - - - - - - - - - - - - - - - - -