feat(layout): add animation for title and some style changed

pogor-dev · Nov 23, 2019 · b97cd8c · b97cd8c
1 parent d056fd4
commit b97cd8c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/assets/css/_page/_post.scss b/assets/css/_page/_post.scss
@@ -1,7 +1,7 @@
 /** Post **/
 .post-title {
   margin: 0 !important;
-  font-size: 2rem;
+  font-size: 1.8rem;
   line-height: 3rem;
 }
 

diff --git a/assets/css/_partial/_navbar.scss b/assets/css/_partial/_navbar.scss
@@ -20,6 +20,7 @@
 
     .navbar-header a {
       padding: 0 8px;
+      font-size: 20px;
 
       i {
         line-height: 2em;
@@ -65,14 +66,18 @@
       padding-left: 1em;
       box-sizing: border-box;
 
+      .navbar-header-title {
+        font-size: 20px;
+      }
+
       .menu-toggle {
         cursor: pointer;
         line-height: 4.5em;
 
         span {
           display: block;
           background: #000;
-          width: 36px;
+          width: 24px;
           height: 2px;
           -webkit-border-radius: 3px;
           -moz-border-radius: 3px;

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -1,6 +1,6 @@
 <nav class="navbar">
     <div class="navbar-container">
-        <div class="navbar-header">
+        <div class="navbar-header animated bounceIn">
             <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
         </div>
         <div class="navbar-menu">
@@ -15,7 +15,9 @@
 <nav class="navbar-mobile">
      <div class="navbar-container">
         <div class="navbar-header">
-            <div><a href="javascript:void(0);" class="theme-switch"><i class="fas fa-adjust fa-rotate-180 fa-fw"></i></a><a href="{{.Site.BaseURL}}">{{ .Site.Title }}</a></div>
+            <div class="navbar-header-title animated bounceIn">
+                <a href="{{.Site.BaseURL}}">{{ .Site.Title }}</a>
+            </div>
             <div class="menu-toggle" id="menu-toggle">
                 <span></span><span></span><span></span>
             </div>
@@ -25,6 +27,7 @@
             {{ range .Site.Menus.main }}
                 <a class="menu-item" href="{{ .URL | absLangURL }}" title="{{ .Title }}">{{ .Name | safeHTML }}</a>
             {{ end }}
+            <a href="javascript:void(0);" class="theme-switch"><i class="fas fa-adjust fa-rotate-180 fa-fw"></i></a>
         </div>
     </div>
 </nav>
diff --git a/resources/_gen/assets/scss/css/style.scss_b95b077eb505d5c0aff8055eaced30ad.content b/resources/_gen/assets/scss/css/style.scss_b95b077eb505d5c0aff8055eaced30ad.content