Skip to content

Commit

Permalink
Remove level css (#525)
Browse files Browse the repository at this point in the history
* Remove unused level sytling

* Remove more level styling

* Remove more

* Final
  • Loading branch information
jarrodmillman authored Mar 4, 2024
1 parent 8edd54b commit 96a0042
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 59 deletions.
47 changes: 0 additions & 47 deletions assets/theme-css/bulma.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@
.block:not(:last-child),
.box:not(:last-child),
.content:not(:last-child),
.level:not(:last-child),
.title:not(:last-child) {
margin-bottom: 1.5rem;
}
Expand Down Expand Up @@ -76,52 +75,6 @@ a.box:active {
.field:not(:last-child) {
margin-bottom: 0.75rem;
}
.level {
align-items: center;
justify-content: space-between;
}
.level code {
border-radius: 4px;
}
.level img {
display: inline-block;
vertical-align: top;
}
.level.is-mobile {
display: flex;
}
.level.is-mobile .level-item:not(:last-child) {
margin-bottom: 0;
margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
flex-grow: 1;
}
@media screen and (min-width: 769px), print {
.level {
display: flex;
}
.level > .level-item:not(.is-narrow) {
flex-grow: 1;
}
}
.level-item {
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
}
.level-item .subtitle,
.level-item .title {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.level-item:not(:last-child) {
margin-bottom: 0.75rem;
}
}
.column {
display: block;
flex-basis: 0;
Expand Down
5 changes: 5 additions & 0 deletions assets/theme-css/footer.css
Original file line number Diff line number Diff line change
Expand Up @@ -73,12 +73,17 @@
/* Icon size slightly enlargened for footer */
font-size: 2.3em;
max-width: 25rem;
margin-bottom: 1.5rem;
}

#footer .community-icons a {
display: inline-block;
}

#footer .community-icons a:not(:last-child) {
margin-right: 0.75rem;
}

#footer svg.icon {
fill: var(--colorSecondary);
margin-right: 0.5rem;
Expand Down
22 changes: 10 additions & 12 deletions layouts/partials/footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -25,19 +25,17 @@
{{- end }}
<div class="footer-actions">
{{ partial "footer_actions.html" . }}
<nav class="level is-mobile">
<div class="community-icons">
{{- range $socialMedia }}
<a class="level-item" href="{{ .link }}" aria-label="{{ .link }}">
{{if .icon -}}
{{- partial "svg-icon" .icon -}}
{{- else -}}
<span class="icon"></span>
{{- end }}
</a>
<div class="community-icons">
{{- range $socialMedia }}
<a href="{{ .link }}" aria-label="{{ .link }}">
{{if .icon -}}
{{- partial "svg-icon" .icon -}}
{{- else -}}
<span class="icon"></span>
{{- end }}
</div>
</nav>
</a>
{{- end }}
</div>
<div class="copyright">&copy; {{ now.Year}} {{ $author }}. All rights reserved.</div>
</div>
</div>
Expand Down

0 comments on commit 96a0042

Please sign in to comment.