astephanus ad8df5c9ad
Redesigned header / footer integration copied from project site. (#5702)
* Adds remote loading of header component from project site

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Integrates the redesigned header; removes the old copy-banner and search field

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Updates footer design and menu items

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Consolidates SCSS mixins and color palette

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Reduce classname verbosity slightly

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Removes redundant mobile menu button handler

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Corects spacing issue

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Corrects nav menu margins

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Corrects header logo clipping

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Updates navigation menu items

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Corrects top level navigation hover states

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Adds smoother responsive margins between top navigation header menu items

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

* Remove deleted SCSS file

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>

---------

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>
2023-12-12 15:59:47 -08:00

30 lines
583 B
SCSS

// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}