aboutsummaryrefslogtreecommitdiff
path: root/assets/scss/_footer.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss/_footer.scss')
-rw-r--r--assets/scss/_footer.scss77
1 files changed, 77 insertions, 0 deletions
diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss
new file mode 100644
index 0000000..39d474a
--- /dev/null
+++ b/assets/scss/_footer.scss
@@ -0,0 +1,77 @@
+body > footer {
+
+ position: relative;
+ left: 0;
+ right: 0;
+
+ font-size: smaller;
+
+ margin: 5rem auto 2rem auto;
+ width: 80vw;
+
+ a {
+ white-space: nowrap;
+ }
+
+ &:hover > p {
+ > span:first-child {
+ display: inline-block;
+ color: transparent;
+ line-height: 0;
+ }
+ > span:first-child:before {
+ content: 'Copyleft';
+ display: block;
+ color: black;
+ padding-right: 0.4rem;
+ }
+ > span + span {
+ display: inline-block;
+ transform: rotate(180deg);
+ padding-bottom: -0.07rem;
+ }
+ }
+}
+
+footer > nav {
+
+ ul {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ }
+
+ li {
+ display: inline-block;
+ margin: 0 0.75rem;
+ width: 4rem;
+ height: 3rem;
+ border: 1px solid;
+ border-bottom: 3px solid;
+ border-color: transparent;
+ border-top-right-radius: 0.5rem;
+ text-align: center;
+
+ a {
+ position: relative;
+ display: block;
+ width: 100%;
+ height: 100%;
+ line-height: 3rem;
+ margin: 0;
+ padding: 0;
+ background: rgba(0,0,0,0.25);
+ border-top-right-radius: 0.5rem;
+ }
+
+ &:hover {
+ border-color: rgba(220, 201, 133, 1);
+
+ a {
+ font-weight: bold;
+ background: rgba(0,0,0,0.5);
+ }
+ }
+ }
+}