mirror of
https://github.com/flextype/flextype.git
synced 2025-08-24 13:52:56 +02:00
refactor(core): Decouple content and plugins from default package #267
This commit is contained in:
@@ -1,20 +0,0 @@
|
||||
.blog-post {
|
||||
color: #000;
|
||||
margin-bottom: 40px;
|
||||
padding-top: 40px;
|
||||
display: block;
|
||||
border-top: 1px solid #efefef;
|
||||
|
||||
&:first-of-type {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-read {
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
@@ -1,63 +0,0 @@
|
||||
.gallery-grid-item-title {
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
padding: 8px 20px;
|
||||
background: rgba(0,0,0,.4);
|
||||
font-size: 20px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.gallery-grid-item-img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* clear fix */
|
||||
.gallery-grid:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* ---- .grid-item ---- */
|
||||
|
||||
.gallery-grid-item,
|
||||
.gallery-grid-sizer {
|
||||
width: 33.333%;
|
||||
}
|
||||
|
||||
.gallery-grid-item {
|
||||
float: left;
|
||||
padding: 10px;
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.gallery-grid-item img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gallery-img-box-left-bottom {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.gallery-grid-item-title {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 812px) {
|
||||
.gallery-grid-item {
|
||||
display: block;
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
@@ -18,8 +18,6 @@
|
||||
// Components
|
||||
// Discrete, complete chunks of UI
|
||||
@import "components/nav";
|
||||
@import "components/blog";
|
||||
@import "components/gallery";
|
||||
@import "components/footer";
|
||||
|
||||
// Thumps
|
||||
|
@@ -12,7 +12,6 @@
|
||||
"gulp-sass": "^4.0.2",
|
||||
"gulp-sourcemaps": "^2.6.5",
|
||||
"jquery": "^3.4.1",
|
||||
"popper.js": "^1.15.0",
|
||||
"simplelightbox": "^1.17.2"
|
||||
"popper.js": "^1.15.0"
|
||||
}
|
||||
}
|
||||
|
@@ -64,30 +64,6 @@
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/8.7.1/lazyload.min.js"></script>
|
||||
<script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="//unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
if ($('.gallery-grid a').length) {
|
||||
var lightbox = $('.gallery-grid a').simpleLightbox({'fileExt': false});
|
||||
}
|
||||
|
||||
if ($('.gallery-grid').length) {
|
||||
var $grid = $('.gallery-grid').imagesLoaded()
|
||||
.done( function( instance ) {
|
||||
$('.preloader').hide();
|
||||
$grid.masonry({
|
||||
visibleStyle: { transform: 'translateY(0)', opacity: 1 },
|
||||
hiddenStyle: { transform: 'translateY(100px)', opacity: 0 },
|
||||
});
|
||||
})
|
||||
.progress( function( instance, image ) {
|
||||
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
{% do emitter.emit('onThemeTail') %}
|
||||
</body>
|
||||
</html>
|
||||
|
Reference in New Issue
Block a user