Nextrek
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
@import 'bourbon/bourbon';
@import 'normalize/normalize';
@import 'neat/neat';
@import 'base/base';
@mixin vertical-align($extra)
{
top: calc(50% - #{$extra});
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@mixin omega-reset($nth) {
&:nth-child(#{$nth}) { margin-right: flex-gutter($grid-columns, $gutter); }
&:nth-child(#{$nth}+1) { clear: none }
}
/**
* float
*/
.left
{
float: left;
}
.right
{
float: right;
}
/* ==================================================== */
/* vertical center */
/* ==================================================== */
/* This parent can be any width and height */
.block {
//text-align: center;
height: 100%;
width: 100%;
}
/* The ghost, nudged to maintain perfect centering */
.block:before {
content: '';
//@include inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; /* Adjusts for spacing */
}
/* The element to be centered, can
also be of any width and height */
.centered {
//@include inline-block;
vertical-align: middle;
}
/**
* hidden
*/
.hidden
{
display: none;
}
/* headlines with lines */
.decorated
{
overflow: hidden;
text-align: center;
&.nop
{
> span:before, > span:after
{
@include transition (all 0s $ease-out-quad);
width: 0px; /* half of limiter*/
}
}
&.yep
{
> span:before, > span:after
{
width: 1000px; /* half of limiter*/
}
}
}
.decorated > span{
position: relative;
display: inline-block;
}
.decorated > span:before, .decorated > span:after{
@include transition (all 1.5s $ease-out-quad);
content: '';
position: absolute;
top: 50%;
border-bottom: 2px solid;
width: 1000px; /* half of limiter*/
margin: 0 20px;
}
.decorated > span:before{
right: 100%;
}
.decorated > span:after{
left: 100%;
}
|
Revision |
Author |
Commited |
Message |
1464
|
MOliva
|
Tue 13 Oct, 2020 11:16:56 +0000 |
|