icd/casper-modified-ghost-theme
icd/casper-modified-ghost-theme
2
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity

Update footer

Browse Source
This commit is contained in:
Arkadiusz Wieczorek 2022-01-07 11:44:23 +01:00
parent fcbe437e32
commit d31cbd42d5
4 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

17
assets/css/screen.css
View File

@ -288,7 +288,7 @@ body {
align-items: flex-start; align-items: flex-start;
overflow: hidden; overflow: hidden;
height: 64px; height: 64px;
font-size: 1.3rem; font-size: 1.333rem;
} }
.site-nav-left-wrapper { .site-nav-left-wrapper {
@ -328,7 +328,7 @@ body {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
margin-right: 10px; margin-right: 10px;
padding: 10px 0 80px; padding: 10px 0 80px;
font-weight: 500; font-weight: 600;
letter-spacing: 0.2px; letter-spacing: 0.2px;
text-transform: uppercase; text-transform: uppercase;
white-space: nowrap; white-space: nowrap;
@ -354,7 +354,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
flex-shrink: 0; flex-shrink: 0;
display: inline-block; display: inline-block;
margin-right: 32px; margin-right: 32px;
padding: 12px 0; padding: 10px 0;
color: #fff; color: #fff;
font-size: 1.7rem; font-size: 1.7rem;
line-height: 1.8rem; line-height: 1.8rem;
@ -370,7 +370,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o
.site-nav-logo img { .site-nav-logo img {
display: block; display: block;
width: auto; width: auto;
height: 21px; height: 24px;
} }
.site-home-header .site-nav-logo { .site-home-header .site-nav-logo {
@ -2818,8 +2818,8 @@ Usage (In Ghost editor):
.site-footer { .site-footer {
position: relative; position: relative;
padding-top: 20px; padding-top: 2.4rem;
padding-bottom: 60px; padding-bottom: 3.2rem;
color: #fff; color: #fff;
background: color(var(--darkgrey) l(-5%)); background: color(var(--darkgrey) l(-5%));
} }
@ -2830,11 +2830,12 @@ Usage (In Ghost editor):
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-size: 1.3rem; font-size: 1.4rem;
} }
.site-footer-content a { .site-footer-content a {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-size: 1.4rem;
} }
.site-footer-content a:hover { .site-footer-content a:hover {
@ -2849,6 +2850,8 @@ Usage (In Ghost editor):
.site-footer-nav a { .site-footer-nav a {
position: relative; position: relative;
margin-left: 20px; margin-left: 20px;
font-size: 1.4rem;
color: #fff;
} }
.site-footer-nav a:before { .site-footer-nav a:before {

15
default.hbs
View File

@ -30,15 +30,12 @@
<div class="site-footer-content inner"> <div class="site-footer-content inner">
<section class="copyright"><a href="{{@site.url}}">{{@site.title}}</a> &copy; {{date format="YYYY"}}</section> <section class="copyright"><a href="{{@site.url}}">{{@site.title}}</a> &copy; {{date format="YYYY"}}</section>
<nav class="site-footer-nav"> <nav class="site-footer-nav">
<a href="{{@site.url}}">Najnowsze posty</a> <a href="{{@site.url}}">Najnowsze posty</a>
<a href="https://www.internet-czas-dzialac.pl/rss/" rel="noopener">RSS</a> <a href="https://www.internet-czas-dzialac.pl/rss/" rel="noopener">RSS</a>
<a href="https://101010.pl/@midline" rel="noopener">Mastodon</a> <a href="https://patronite.pl/internet-czas-dzialac" rel="noopener">Patronite</a>
{{#if @site.twitter}}<a href="{{twitter_url @site.twitter}}" rel="noopener">Twitter</a>{{/if}} <a href="/press">Materiały prasowe</a>
{{#if @site.facebook}}<a href="{{facebook_url @site.facebook}}" rel="noopener">Facebook</a>{{/if}} <a href="/contact">Nasze social media</a>
<a href="https://patronite.pl/internet-czas-dzialac" rel="noopener">Patronite</a> <a href="/contact">Kontakt</a>
<a href="/press">Materiały dla prasy</a>
<a href="/contact">Nasze social media</a>
<a href="/contact">Kontakt</a>
</nav> </nav>
</div> </div>
</footer> </footer>