tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

worked on links

Browse Source
This commit is contained in:
newick 2019-08-12 17:40:11 +02:00
parent e91c66eef4
commit f0da02371d
1 changed files with 49 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
src/assets/scss/atoms/_links.scss
View File

@ -1,33 +1,56 @@
@charset "UTF-8"; @charset "UTF-8";
nav {
a { a {
position: relative; display: inline-block;
font-family: $default_font; position: relative;
font-weight: 600; font-family: $default_font;
font-size: 1.6rem; font-weight: 600;
color: $black; font-size: 1.6rem;
color: $font_color;
&,
&:hover {
text-decoration: none; text-decoration: none;
}
&::before { &::before,
content: ""; &::after {
position: absolute; content: "";
top: 0; }
bottom: 0;
display: block;
width: 100%;
height: 6px;
margin: auto;
background-color: $primary_color;
z-index: -1;
}
&::after { &.next::before,
content: ">"; &.prev::after {
} position: absolute;
bottom: 0.7rem;
display: block;
width: 100%;
height: 0.6rem;
background-color: $primary_color;
z-index: -1;
}
&.next::after,
&.prev::before {
display: inline-block;
width: 1rem;
height: 1rem;
border-bottom: 2px solid #000;
}
&.next::after {
margin-right: 1rem;
border-right: 2px solid #000;
transform: rotate(-45deg);
}
&.prev::before {
margin-left: 1rem;
border-left: 2px solid #000;
transform: rotate(45deg);
}
span {
padding-right: 1rem;
padding-left: 1rem;
} }
} }
.home_link {
text-decoration: none;
}