shinyoukai/spyda
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add missing icnos

Browse Source
This commit is contained in:
James Mills
2021-01-31 14:50:25 +10:00
parent 23e030a95d
commit bd794790cc
2 changed files with 52 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
internal/static/css/03-icons.css
View File

@@ -103,3 +103,55 @@ i.icss-gear:after {
transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);
box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em; box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
} }
i.icss-exit {
width: .6em;
height: .8em;
background-color: transparent;
box-shadow: inset 0 0 0 .065em;
border-radius: .05em;
margin: .1em .3em .1em .1em;
}
i.icss-exit:before {
width: .4em;
height: .8em;
transform: perspective(1em) rotateY(-30deg);
transform-origin: 0 50%;
box-shadow:
inset -.06em .37em,
inset .24em .37em,
inset -.06em -.36em,
inset .24em -.36em;
border-radius: .03em;
top: 0;
left: 0;
}
i.icss-exit:after {
width: .36em;
height: .36em;
border: .18em solid transparent;
border-right-color: currentColor;
transform: translateY(-50%);
box-shadow: .16em 0 0 -.08em;
top: 50%;
left: .45em;
}
i.icss-bars{
margin: .41em 0;
}
i.icss-bars,
i.icss-bars:before,
i.icss-bars:after {
width: 1em;
height: .18em;
border-radius: .06em;
background-color: currentColor;
}
i.icss-bars:before {
top: -0.36em;
left: 0;
}
i.icss-bars:after{
top: 0.36em;
left: 0;
}

9
internal/templates/base.html
View File

@@ -33,15 +33,6 @@
<body> <body>
<nav id="mainNav" class="container-fluid"> <nav id="mainNav" class="container-fluid">
<ul> <ul>
<li class="mobile-menu">
{{ if .Authenticated }}
<a id="messagesMenu" href="/messages">
<i class="icss-mail-box"></i>
{{ if gt $.NewMessages 0 }}
<span class="badge">{{ $.NewMessages }}</span>
{{ end }}
</a>
{{ end }}
<a id="burgerMenu" href="javascript:void(0);"> <a id="burgerMenu" href="javascript:void(0);">
<i class="icss-bars"></i> <i class="icss-bars"></i>
</a> </a>