Skip to content

Add breckets #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
andremnds wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add breckets #3

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
112 changes: 56 additions & 56 deletions src/components/googlenav/googlenav.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,87 +1,87 @@
.nav-content
display: flex
font-size: small
font-family: arial,sans-serif
margin-top: 60px
display: flex;
font-size: small;
font-family: arial,sans-serif;
margin-top: 60px;

> .navitem
align-items: center
display: flex
justify-content: center
list-style: none
margin: 0 5px
align-items: center;
display: flex;
justify-content: center;
list-style: none;
margin: 0 5px;

.link
color: #4285f4
display: inline-flex
justify-content: center
position: relative
text-decoration: none
width: 10px
color: #4285f4;
display: inline-flex;
justify-content: center;
position: relative;
text-decoration: none;
width: 10px;

&:before
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat
background-position: -73px 0
content: ""
height: 30px
position: absolute
right: -4px
top: -45px
width: 20px
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat;
background-position: -73px 0;
content: "";
height: 30px;
position: absolute;
right: -4px;
top: -45px;
width: 20px;

&:hover
text-decoration: underline
text-decoration: underline;

.spacer
height: 15px
width: 45.5px
height: 15px;
width: 45.5px;

&.-last
width: 28px
width: 28px;

&.-first
padding: 0 25px 0 0
padding: 0 25px 0 0;

.link
width: max-content
width: max-content;

&:before
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat
content: ""
height: 30px
position: absolute
right: -28px
top: -44px
width: 52px
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat;
content: "";
height: 30px;
position: absolute;
right: -28px;
top: -44px;
width: 52px;

&.-last
padding: 0 0 0 25px
padding: 0 0 0 25px;

.link
width: max-content
width: max-content;

&:before
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat
background-position: -97px 0
content: ""
height: 37px
position: absolute
right: -13px
top: -45px
width: 70px
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat;
background-position: -97px 0;
content: "";
height: 37px;
position: absolute;
right: -13px;
top: -45px;
width: 70px;

&.-selected

.link
color: black
cursor: text
color: black;
cursor: text;

&:before
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat
background-position: -52px 0
content: ""
height: 30px
position: absolute
right: -4px
top: -45px
width: 20px
background: url(https://i.imgur.com/s1YuyPk.png) no-repeat;
background-position: -52px 0;
content: "";
height: 30px;
position: absolute;
right: -4px;
top: -45px;
width: 20px;