hugo-theme-introduction/assets/sass/_base.sass

287 lines
4.8 KiB
Sass
Raw Normal View History

2018-02-03 18:05:48 +00:00
html
background-color: $background
body
font-size: $body-size
font-family: $family-sans-serif
color: $body-color
background-color: $background
2018-07-11 07:55:47 +00:00
html.modal-open
overflow: hidden
2018-07-10 07:23:19 +00:00
@keyframes fadeIn
2018-02-03 18:05:48 +00:00
from
opacity: 0
to
opacity: 1
2018-07-10 07:23:19 +00:00
2018-02-03 18:05:48 +00:00
.fade-in
opacity: 0
animation: fadeIn ease-in 1
animation-fill-mode: forwards
animation-duration: 1s
2018-07-10 07:23:19 +00:00
2018-02-03 18:05:48 +00:00
.fade-in.one
animation-delay: 0.7s
2018-07-10 07:23:19 +00:00
2018-02-03 18:05:48 +00:00
.fade-in.two
animation-delay: 1.4s
2018-07-10 07:23:19 +00:00
2018-02-03 18:05:48 +00:00
.fade-in.three
animation-delay: 1.8s
.section
background-color: $background
.hero
background-color: $background
a
color: $primary
2018-07-10 07:23:19 +00:00
&:hover
color: $link-hover
2018-02-03 18:05:48 +00:00
font-style: none
2018-07-10 07:23:19 +00:00
&:active
2018-02-03 18:05:48 +00:00
color: $primary
.title
color: $h-color
.subtitle
color: $h-color
h1
color: $h-color
font-family: $title-stack
h2
color: $h-color
font-family: $title-stack
ul
padding: 0
2018-07-10 07:23:19 +00:00
img
2018-02-03 18:05:48 +00:00
border-radius: 5px
border: 1px solid $secondary
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4)
2018-07-10 07:23:19 +00:00
hr
background-color: #dbdbdb
height: 1px
2018-02-03 18:05:48 +00:00
.container
max-width: 1000px
.noborder
border-radius: 0px
border: none
box-shadow: none
2018-07-10 07:23:19 +00:00
.img-responsive
2018-02-03 18:05:48 +00:00
border-radius: 5px
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4)
2018-07-10 07:23:19 +00:00
.avatar
2018-02-03 18:05:48 +00:00
border: none
@include mobile
max-width: 50%
.thumbnail
border: none
.bold-title
font-size: 6rem
@include mobile
font-size: 3rem
text-align: center
.tagline
font-size: 2.5rem
@include mobile
font-size: 1.5rem
.top-pad
padding-top: 1rem
.bottom-pad
padding-bottom: 1rem
.no-padding
padding: 0
2018-07-11 07:55:47 +00:00
.no-padding-top
padding-top: 0
2018-02-03 18:05:48 +00:00
.strong-post-title
font-weight: $weight-bold
.post-item
display: block
list-style: none
list-style-position: outside
margin-left: 0
.post-data
font-size: 1rem
line-height: 2rem
.blog-share
.icon
height: 1rem
width: 1rem
vertical-align: baseline
margin: 0 5px
2018-07-10 07:23:19 +00:00
.navbar
2018-02-03 18:05:48 +00:00
background-color: $background
2018-07-10 07:23:19 +00:00
.navbar-burger
margin-right: auto
2018-02-03 18:05:48 +00:00
2018-07-10 07:23:19 +00:00
.navbar-burger:hover
background-color: $background
.navbar-item
2018-02-03 18:05:48 +00:00
text-transform: uppercase
font-size: 14px
2018-07-11 07:55:47 +00:00
a.navbar-item:hover
2018-07-10 07:23:19 +00:00
color: $secondary
2018-02-03 18:05:48 +00:00
.expanding-menu
ul
list-style: none
display: none
.expanding-menu:hover ul
display: block
transition: height 1s ease
.social-icons
padding: 0 10px
.icon
height: 2rem
width: 2rem
margin: 0 10px
2018-07-12 10:15:25 +00:00
.fab
2018-07-11 07:55:47 +00:00
font-size: 21px
2018-02-03 18:05:48 +00:00
.footer-text
font-size: 0.8em
a
color: $body-color
2018-07-12 10:15:25 +00:00
.fab
2018-02-03 18:05:48 +00:00
font-size: 0.8em
vertical-align: baseline
.tags-list
width: 70%
margin: 0 auto
text-align: center
font-family: $h-color
font-size: 1.5rem
@include mobile
width: 100%
.tag-cloud
font-size: 1.5rem
margin-right: 1.5rem
@include mobile
font-size: 1.5rem
margin-right: 1rem
.card
box-shadow: none
.card-content
background-color: $background
font-size: 1.5rem
2018-07-10 07:23:19 +00:00
.hidden
display: none
2018-02-03 18:05:48 +00:00
.markdown
p
margin-bottom: 1em
h1
font-size: $size-1
@include mobile
font-size: $size-2
h2
font-size: $size-2
line-height: 1em
margin-top: 1em
margin-bottom: 0.5em
@include mobile
font-size: $size-3
h3
font-size: $size-3
@include mobile
font-size: $size-4
h4
font-size: $size-4
@include mobile
font-size: $size-5
h5
font-size: $size-5
h6
font-size: $size-6
a
color: $primary
:hover
color: $secondary
font-style: none
:active
color: $primary
ul
margin-bottom: 1.25rem
margin-left: 1.5em
list-style: none
li
2018-07-10 07:23:19 +00:00
list-style-type: disc
2018-02-03 18:05:48 +00:00
margin-left: 1.5em
list-style-position: outside
padding-left: 1em
em
font-style: italic
strong
font-weight: 700
hr
position: relative
margin: 1.75rem 0
border: 0
border-top: 1px solid $secondary
abbr
font-size: 0.8rem
font-weight: bold
color: #666666
text-transform: uppercase
abbr[title]
cursor: help
border-bottom: 1px dotted #808080
blockquote
padding: .5rem 1rem
margin: .8rem 0
color: #7a7a7a
border-left: .25rem solid #e5e5e5
blockquote p:last-child
margin-bottom: 0
table
margin: 2em 0 2em 0
width: 100%
border: 1px solid #e5e5e5
border-collapse: collapse
td, th
padding: .25rem .5rem
border: 1px solid #e5e5e5
text-align: center
tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th
background-color: #f7f7f7
pre
border-radius: 3px