first init
This commit is contained in:
35
resources/scss/structure/_footer.scss
Executable file
35
resources/scss/structure/_footer.scss
Executable file
@@ -0,0 +1,35 @@
|
||||
//
|
||||
// _footer.scss
|
||||
//
|
||||
|
||||
.footer {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 calc(#{$spacer} * 0.5);
|
||||
color: $footer-color;
|
||||
height: $footer-height;
|
||||
border-top: $card-border-width solid $card-border-color;
|
||||
}
|
||||
|
||||
.footer-text {
|
||||
background: linear-gradient(to right, $primary 10%, $warning 50%, $success 60%);
|
||||
background-size: auto auto;
|
||||
background-clip: border-box;
|
||||
background-size: 200% auto;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
animation: textclip 2.5s linear infinite;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@keyframes textclip {
|
||||
to {
|
||||
background-position: 200% center;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user