--- /dev/null
+<?php $args = array( 'numberposts' => 4);?>
+<div id="home-feed-posts">
+<?php
+$lastposts = get_posts( $args );
+ $count = 0;
+foreach($lastposts as $post) : setup_postdata($post); ?>
+ <div class="home-feed-post">
+ <div class="row">
+ <?php if (has_post_thumbnail( $post->ID )) { ?>
+ <div class="small-11 small-centered columns text-center home-feed-post-image">
+ <?php echo get_the_post_thumbnail($post->ID, array(190, 190), array('class' => 'blog-excerpt-img-wrap')); ?>
+ </div>
+ <div class="small-12 medium-12 columns home-feed-post-content">
+ <?php } else { ?>
+ <div class="small-12 columns home-feed-post-content">
+ <?php } ?>
+ <span class="meta date"><?php the_time('F j, Y') ?></span>
+ <h2 class="title-posts" href="<?php the_permalink(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+
+ <div class="excerpt<?php echo $count ?>"><?php echo the_advanced_excerpt('length=265&length_type=characters&no_custom=1&ellipsis=%26hellip;&exclude_tags=a,img,p,strong,h1,h2,h3,hr,div'); ?></div>
+ </div>
+ </div>
+ </div>
+ <hr>
+ <?php $count++; ?>
+<?php endforeach; ?>
+</div>
\ No newline at end of file
line-height: 1;
ul{
li {
- background: none;
- padding: 12px 0;
- border-left: 2px solid $white;
- max-width: 166.5px;
- line-height: 1.25;
- &:first-child {
- border: none;
- }
- &:hover {
- background: $white;
- }
+
a {
- text-align: center;
- padding: 0 20px;
- font-size: 20px;
- font-weight: bold;
- color: $white;
- &:hover {
- color: $d-blue;
- text-shadow: 0 0 1px $d-blue;
- text-shadow: 1 0 1px $d-blue;
- text-shadow: 0 1 1px $d-blue;
- text-shadow: -1 0 1px $d-blue;
- text-shadow: 0 -1 1px $d-blue;
- }
+
}
&:not(.has-form):not(.active) {
& > a:not(.button) {
background: transparent;
}
}
- &.drop-left {
- ul.dropdown {
- padding-left: 21px;
- padding-right: 250px;
- top: 74px;
- background: $white;
- border-bottom-left-radius: 10px;
- border-bottom-right-radius: 10px;
- min-width: 500px;
- box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- li {
- white-space: nowrap;
- border-bottom: 1px solid #e7e7e8;
- padding: 5px 0;
- &.nav-img-container {
- img {
- position: absolute;
- right: 20px;
- top: 23px;
- border: 6px solid #fdefd4;
- }
- border: none;
- }
- a {
- padding-left: 0;
- text-align: left;
- font-size: 18px;
- &:hover {
- color: $d-blue;
- text-shadow: 0 0 1px $green;
- text-shadow: 1 0 1px $green;
- text-shadow: 0 1 1px $green;
- text-shadow: -1 0 1px $green;
- text-shadow: 0 -1 1px $green;
- }
- }
- }
- }
- }
- &.drop-right {
- ul.dropdown {
- padding-left: 250px;
- padding-right: 21px;
- right: -1%;
- left: auto;
- top: 74px;
- background: $white;
- border-bottom-left-radius: 10px;
- border-bottom-right-radius: 10px;
- min-width: 500px;
- box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
- li {
- white-space: nowrap;
- background: $white;
- text-align: right;
- border-bottom: 1px solid #e7e7e8;
- padding: 5px 0;
- &.nav-img-container {
- img {
- position: absolute;
- left: 20px;
- top: 23px;
- border: 6px solid #fdefd4;
- }
- border: none;
- }
- a {
- padding-left: 0;
- text-align: left;
- font-size: 18px;
- &:hover {
- color: $d-blue;
- text-shadow: 0 0 1px $green;
- text-shadow: 1 0 1px $green;
- text-shadow: 0 1 1px $green;
- text-shadow: -1 0 1px $green;
- text-shadow: 0 -1 1px $green;
- }
- }
- }
- }
- }
+// &.drop-left {
+// ul.dropdown {
+// padding-left: 21px;
+// padding-right: 250px;
+// top: 74px;
+// background: $white;
+// border-bottom-left-radius: 10px;
+// border-bottom-right-radius: 10px;
+// min-width: 500px;
+// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// li {
+// white-space: nowrap;
+// border-bottom: 1px solid #e7e7e8;
+// padding: 5px 0;
+// &.nav-img-container {
+// img {
+// position: absolute;
+// right: 20px;
+// top: 23px;
+// border: 6px solid #fdefd4;
+// }
+// border: none;
+// }
+// a {
+// padding-left: 0;
+// text-align: left;
+// font-size: 18px;
+// &:hover {
+// color: $d-blue;
+// text-shadow: 0 0 1px $green;
+// text-shadow: 1 0 1px $green;
+// text-shadow: 0 1 1px $green;
+// text-shadow: -1 0 1px $green;
+// text-shadow: 0 -1 1px $green;
+// }
+// }
+// }
+// }
+// }
+// &.drop-right {
+// ul.dropdown {
+// padding-left: 250px;
+// padding-right: 21px;
+// right: -1%;
+// left: auto;
+// top: 74px;
+// background: $white;
+// border-bottom-left-radius: 10px;
+// border-bottom-right-radius: 10px;
+// min-width: 500px;
+// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5);
+// li {
+// white-space: nowrap;
+// background: $white;
+// text-align: right;
+// border-bottom: 1px solid #e7e7e8;
+// padding: 5px 0;
+// &.nav-img-container {
+// img {
+// position: absolute;
+// left: 20px;
+// top: 23px;
+// border: 6px solid #fdefd4;
+// }
+// border: none;
+// }
+// a {
+// padding-left: 0;
+// text-align: left;
+// font-size: 18px;
+// &:hover {
+// color: $d-blue;
+// text-shadow: 0 0 1px $green;
+// text-shadow: 1 0 1px $green;
+// text-shadow: 0 1 1px $green;
+// text-shadow: -1 0 1px $green;
+// text-shadow: 0 -1 1px $green;
+// }
+// }
+// }
+// }
+// }
}
}
}