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.scss113
1 files changed, 63 insertions, 50 deletions
diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss
index 39d474a..8d944ff 100644
--- a/assets/scss/_footer.scss
+++ b/assets/scss/_footer.scss
@@ -3,75 +3,88 @@ body > footer {
position: relative;
left: 0;
right: 0;
-
font-size: smaller;
-
margin: 5rem auto 2rem auto;
width: 80vw;
+ max-width: 60rem;
+ font-size: 1.15rem;
+
+ h4 {
+ margin: 0;
+ font-size: 1.6rem;
+
+ a {
+ text-decoration:none;
+ }
+ }
a {
- white-space: nowrap;
+ 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;
- }
+ > 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;
+ }
+ > span:first-child + span {
+ display: inline-block;
+ transform: rotate(180deg) translateY(0.1rem);
+ }
}
}
footer > nav {
ul {
- display: inline-block;
- margin: 0;
- padding: 0;
- list-style: none;
+ 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;
+ 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;
- }
+ 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);
+ &:hover {
+ border-color: rgba(220, 201, 133, 1);
- a {
- font-weight: bold;
- background: rgba(0,0,0,0.5);
- }
- }
+ a {
+ font-weight: bold;
+ background: rgba(0,0,0,0.5);
+ }
+ }
}
}