mirror of
https://git.adityakumar.xyz/hugo-theme-introduction.git
synced 2024-11-12 16:29:44 +00:00
Dry up stylesheed
This commit is contained in:
parent
e375687f26
commit
ce33fc7917
11 changed files with 33 additions and 85 deletions
|
@ -1,6 +1,8 @@
|
||||||
$family-sans-serif: Nunito Sans, sans-serif
|
$family-sans-serif: Nunito Sans, sans-serif
|
||||||
$title-stack: Nunito Sans, sans-serif
|
|
||||||
$body-size: 16px
|
$body-size: 16px
|
||||||
$code: $primary
|
$code: $primary
|
||||||
$code-background: $background
|
$code-background: $background
|
||||||
$title-weight: 300
|
$title-weight: 300
|
||||||
|
$navbar-background-color: $background
|
||||||
|
$navbar-item-hover-background-color: $background
|
||||||
|
$navbar-item-hover-color: $secondary
|
||||||
|
|
|
@ -1,10 +1,4 @@
|
||||||
html
|
|
||||||
background-color: $background
|
|
||||||
|
|
||||||
body
|
body
|
||||||
font-size: $body-size
|
|
||||||
font-family: $family-sans-serif
|
|
||||||
color: $body-color
|
|
||||||
background-color: $background
|
background-color: $background
|
||||||
|
|
||||||
html.modal-open
|
html.modal-open
|
||||||
|
@ -21,21 +15,12 @@ html.modal-open
|
||||||
animation: fadeIn ease-in 1
|
animation: fadeIn ease-in 1
|
||||||
animation-fill-mode: forwards
|
animation-fill-mode: forwards
|
||||||
animation-duration: 1s
|
animation-duration: 1s
|
||||||
|
&.one
|
||||||
.fade-in.one
|
animation-delay: 0.7s
|
||||||
animation-delay: 0.7s
|
&.two
|
||||||
|
animation-delay: 1.4s
|
||||||
.fade-in.two
|
&.three
|
||||||
animation-delay: 1.4s
|
animation-delay: 1.8s
|
||||||
|
|
||||||
.fade-in.three
|
|
||||||
animation-delay: 1.8s
|
|
||||||
|
|
||||||
.section
|
|
||||||
background-color: $background
|
|
||||||
|
|
||||||
.hero
|
|
||||||
background-color: $background
|
|
||||||
|
|
||||||
a
|
a
|
||||||
color: $primary
|
color: $primary
|
||||||
|
@ -45,21 +30,12 @@ a
|
||||||
&:active
|
&:active
|
||||||
color: $primary
|
color: $primary
|
||||||
|
|
||||||
|
h1, h2, .title, .subtitle
|
||||||
|
color: $h-color
|
||||||
|
|
||||||
.title
|
.title
|
||||||
color: $h-color
|
|
||||||
font-weight: 400
|
font-weight: 400
|
||||||
|
|
||||||
.subtitle
|
|
||||||
color: $h-color
|
|
||||||
|
|
||||||
h1
|
|
||||||
color: $h-color
|
|
||||||
font-family: $title-stack
|
|
||||||
|
|
||||||
h2
|
|
||||||
color: $h-color
|
|
||||||
font-family: $title-stack
|
|
||||||
|
|
||||||
ul
|
ul
|
||||||
padding: 0
|
padding: 0
|
||||||
|
|
||||||
|
@ -80,6 +56,9 @@ hr
|
||||||
border: none
|
border: none
|
||||||
box-shadow: none
|
box-shadow: none
|
||||||
|
|
||||||
|
.hidden
|
||||||
|
display: none
|
||||||
|
|
||||||
.img-responsive
|
.img-responsive
|
||||||
border-radius: 5px
|
border-radius: 5px
|
||||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4)
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4)
|
||||||
|
@ -98,23 +77,12 @@ hr
|
||||||
font-size: 3rem
|
font-size: 3rem
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
||||||
.tagline
|
|
||||||
font-size: 2.5rem
|
|
||||||
@include mobile
|
|
||||||
font-size: 1.5rem
|
|
||||||
|
|
||||||
.top-pad
|
.top-pad
|
||||||
padding-top: 1rem
|
padding-top: 1rem
|
||||||
|
|
||||||
.bottom-pad
|
.bottom-pad
|
||||||
padding-bottom: 1rem
|
padding-bottom: 1rem
|
||||||
|
|
||||||
.no-padding
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
.no-padding-top
|
|
||||||
padding-top: 0
|
|
||||||
|
|
||||||
.strong-post-title
|
.strong-post-title
|
||||||
font-weight: $weight-bold
|
font-weight: $weight-bold
|
||||||
|
|
||||||
|
@ -135,31 +103,16 @@ hr
|
||||||
vertical-align: baseline
|
vertical-align: baseline
|
||||||
margin: 0 5px
|
margin: 0 5px
|
||||||
|
|
||||||
.navbar
|
|
||||||
background-color: $background
|
|
||||||
|
|
||||||
.navbar-burger
|
.navbar-burger
|
||||||
margin-right: auto
|
margin-right: auto
|
||||||
|
|
||||||
.navbar-burger:hover
|
.navbar-burger:hover
|
||||||
background-color: $background
|
background-color: $navbar-background-color
|
||||||
|
|
||||||
.navbar-item
|
.navbar-item
|
||||||
text-transform: uppercase
|
text-transform: uppercase
|
||||||
font-size: 14px
|
font-size: 14px
|
||||||
|
|
||||||
a.navbar-item:hover
|
|
||||||
color: $secondary
|
|
||||||
|
|
||||||
.expanding-menu
|
|
||||||
ul
|
|
||||||
list-style: none
|
|
||||||
display: none
|
|
||||||
|
|
||||||
.expanding-menu:hover ul
|
|
||||||
display: block
|
|
||||||
transition: height 1s ease
|
|
||||||
|
|
||||||
.social-icons
|
.social-icons
|
||||||
padding: 0 10px
|
padding: 0 10px
|
||||||
|
|
||||||
|
@ -183,7 +136,6 @@ a.navbar-item:hover
|
||||||
width: 70%
|
width: 70%
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
text-align: center
|
text-align: center
|
||||||
font-family: $h-color
|
|
||||||
font-size: 1.5rem
|
font-size: 1.5rem
|
||||||
@include mobile
|
@include mobile
|
||||||
width: 100%
|
width: 100%
|
||||||
|
@ -202,9 +154,6 @@ a.navbar-item:hover
|
||||||
background-color: $background
|
background-color: $background
|
||||||
font-size: 1.5rem
|
font-size: 1.5rem
|
||||||
|
|
||||||
.hidden
|
|
||||||
display: none
|
|
||||||
|
|
||||||
.markdown
|
.markdown
|
||||||
p
|
p
|
||||||
margin-bottom: 1em
|
margin-bottom: 1em
|
||||||
|
@ -232,12 +181,8 @@ a.navbar-item:hover
|
||||||
h6
|
h6
|
||||||
font-size: $size-6
|
font-size: $size-6
|
||||||
a
|
a
|
||||||
color: $primary
|
&:hover
|
||||||
:hover
|
|
||||||
color: $secondary
|
color: $secondary
|
||||||
font-style: none
|
|
||||||
:active
|
|
||||||
color: $primary
|
|
||||||
ul
|
ul
|
||||||
margin-bottom: 1.25rem
|
margin-bottom: 1.25rem
|
||||||
margin-left: 1.5em
|
margin-left: 1.5em
|
||||||
|
|
3
assets/sass/_fontawesome-import.sass
Normal file
3
assets/sass/_fontawesome-import.sass
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
@import "../vendor/fontawesome-free/scss/fontawesome.scss"
|
||||||
|
@import "../vendor/fontawesome-free/scss/fa-brands.scss"
|
||||||
|
@import "../vendor/fontawesome-free/scss/fa-solid.scss"
|
|
@ -2,12 +2,10 @@
|
||||||
$fa-font-path: {{ "/fonts/fontawesome-free/webfonts" | relURL }}
|
$fa-font-path: {{ "/fonts/fontawesome-free/webfonts" | relURL }}
|
||||||
$nunito-font-path: {{ "/fonts/NunitoSans" | relURL }}
|
$nunito-font-path: {{ "/fonts/NunitoSans" | relURL }}
|
||||||
|
|
||||||
@import "bulma-import"
|
|
||||||
@import "../vendor/fontawesome-free/scss/fontawesome.scss"
|
|
||||||
@import "../vendor/fontawesome-free/scss/fa-brands.scss"
|
|
||||||
@import "../vendor/fontawesome-free/scss/fa-solid.scss"
|
|
||||||
@import "fonts"
|
@import "fonts"
|
||||||
@import "base-variables"
|
|
||||||
@import "{{ $themeStyle }}-variables"
|
@import "{{ $themeStyle }}-variables"
|
||||||
|
@import "base-variables"
|
||||||
|
@import "bulma-import"
|
||||||
|
@import "fontawesome-import"
|
||||||
@import "base"
|
@import "base"
|
||||||
@import "{{ $themeStyle }}-style"
|
@import "{{ $themeStyle }}-style"
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1 +1 @@
|
||||||
{"Target":"styles/main.min.84c42c7a3665b49259fb9858108552fbc0d7063a0c7f98634800c3d8e760abd7.css","MediaType":"text/css","Data":{"Integrity":"sha256-hMQsejZltJJZ+5hYEIVS+8DXBjoMf5hjSADD2Odgq9c="}}
|
{"Target":"styles/main.min.88e4a525bef0c5911f208d47535e56f02a7e2658dd19eaab52840dde669f1dd3.css","MediaType":"text/css","Data":{"Integrity":"sha256-iOSlJb7wxZEfII1HU15W8Cp+JljdGeqrUoQN3mafHdM="}}
|
File diff suppressed because one or more lines are too long
|
@ -1 +1 @@
|
||||||
{"Target":"styles/main.min.84c42c7a3665b49259fb9858108552fbc0d7063a0c7f98634800c3d8e760abd7.css","MediaType":"text/css","Data":{"Integrity":"sha256-hMQsejZltJJZ+5hYEIVS+8DXBjoMf5hjSADD2Odgq9c="}}
|
{"Target":"styles/main.min.88e4a525bef0c5911f208d47535e56f02a7e2658dd19eaab52840dde669f1dd3.css","MediaType":"text/css","Data":{"Integrity":"sha256-iOSlJb7wxZEfII1HU15W8Cp+JljdGeqrUoQN3mafHdM="}}
|
File diff suppressed because one or more lines are too long
|
@ -1 +1 @@
|
||||||
{"Target":"styles/main.min.84c42c7a3665b49259fb9858108552fbc0d7063a0c7f98634800c3d8e760abd7.css","MediaType":"text/css","Data":{"Integrity":"sha256-hMQsejZltJJZ+5hYEIVS+8DXBjoMf5hjSADD2Odgq9c="}}
|
{"Target":"styles/main.min.88e4a525bef0c5911f208d47535e56f02a7e2658dd19eaab52840dde669f1dd3.css","MediaType":"text/css","Data":{"Integrity":"sha256-iOSlJb7wxZEfII1HU15W8Cp+JljdGeqrUoQN3mafHdM="}}
|
|
@ -34,7 +34,7 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<!-- Done with Hero -->
|
<!-- Done with Hero -->
|
||||||
<div class="section no-padding-top {{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
|
<div class="{{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
|
||||||
<!-- Tell them all about it! -->
|
<!-- Tell them all about it! -->
|
||||||
{{ partial "nav.html" . }}
|
{{ partial "nav.html" . }}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue