daleyjem

// Z-index
$z-indexes: (
	base: 	1,
	modal:	1000
);

@mixin z-index($key, $increment: 0) {
	z-index: map-get($z-indexes, $key) + $increment;
}

daleyjem

.slide-down-cover {
	@include z-index(base, 1);

	&.ng-enter,
	&.ng-leave {
		transition: all 0.5s ease-out;
	}

	&.ng-enter {
		transform: translate(0, -100%);

daleyjem

{
	"completions": [
		{"trigger": "ease-in-quad", "contents": "cubic-bezier(0.550, 0.085, 0.680, 0.530)"},
		{"trigger": "ease-in-cubic", "contents": "cubic-bezier(0.550, 0.055, 0.675, 0.190)"},
		{"trigger": "ease-in-quart", "contents": "cubic-bezier(0.895, 0.030, 0.685, 0.220)"},
		{"trigger": "ease-in-quint", "contents": "cubic-bezier(0.755, 0.050, 0.855, 0.060)"},
		{"trigger": "ease-in-sine", "contents": "cubic-bezier(0.470, 0.000, 0.745, 0.715)"},
		{"trigger": "ease-in-expo", "contents": "cubic-bezier(0.950, 0.050, 0.795, 0.035)"},
		{"trigger": "ease-in-circ", "contents": "cubic-bezier(0.600, 0.040, 0.980, 0.335)"},
		{"trigger": "ease-in-back", "contents": "cubic-bezier(0.600, -0.280, 0.735, 0.045)"},

daleyjem

<label>
  <input class="checkbox-custom" type="checkbox" name="exclude" value="exclude">Don't remind me again
</label>

daleyjem

@screen-xs: 640px !default;
@screen-sm: 768px !default;
@screen-md: 1024px !default;
@screen-lg: 1280px !default;

.ratio {
    position: relative;
    
    &:before {
        content: '';