_sass/base/_helpers.scss in jekyll-sleek-0.1.2 vs _sass/base/_helpers.scss in jekyll-sleek-0.1.3
- old
+ new
@@ -1,31 +1,19 @@
-.blur-up {
- -webkit-filter: blur(5px);
- filter: blur(5px);
- transition: filter 400ms, -webkit-filter 400ms;
-}
+.blur {
+ background: $bg-color;
+ filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="16" /></filter></svg>#filter');
+ -webkit-filter: blur(1rem);
+ filter: blur(1rem);
+ transition: filter 400ms, -webkit-filter 400ms;
-.blur-up.lazyloaded {
- -webkit-filter: blur(0);
- filter: blur(0);
+ &.lazyloaded {
+ -webkit-filter: blur(0);
+ filter: blur(0);
+ }
}
-.title {
- position: relative;
- margin: 0 0 85px;
- text-align: center;
- text-transform: capitalize;
-
- &::after {
- position: absolute;
- content: "";
- left: 50%;
- transform: translateX(-50%);
- bottom: -8px;
- width: 50px;
- height: 2px;
- background-color: $primary;
- }
+.dark-bg {
+ background-color: $dark-light;
}
.hidden {
display: none;
visibility: hidden;