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

310 lines
5.5 KiB
Sass
Raw Normal View History

html, body
2018-02-03 18:05:48 +00:00
background-color: $background
html
scroll-behavior: smooth
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-19 15:47:51 +00:00
&.one
animation-delay: 0.7s
&.two
animation-delay: 1.4s
&.three
animation-delay: 1.8s
2018-02-03 18:05:48 +00:00
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
2018-07-19 15:47:51 +00:00
h1, h2, .title, .subtitle
color: $h-color
2018-02-03 18:05:48 +00:00
p
color: $body-color
2018-07-19 15:47:51 +00:00
.title
font-weight: $title-weight
2018-02-03 18:05:48 +00:00
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: $secondary
2018-07-10 07:23:19 +00:00
height: 1px
details
padding: .5em .5em 0
summary
margin: -.5em -.5em 0
padding: .5em
cursor: pointer
details[open]
padding: .5em
details[open] summary
margin-bottom: .5em
2018-02-03 18:05:48 +00:00
.container
max-width: 1000px
.noborder
border-radius: 0px
border: none
box-shadow: none
2018-07-19 15:47:51 +00:00
.hidden
display: 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
.card-thumbnail
width: 100%
height: 100%
object-fit: cover
2018-02-03 18:05:48 +00:00
.bold-title
font-size: 6rem
line-height: 1.2
margin-bottom: 0.25em
2018-02-03 18:05:48 +00:00
@include mobile
font-size: 3rem
text-align: center
.top-pad
padding-top: 1rem
.bottom-pad
padding-bottom: 1rem
.strong-post-title
font-weight: $weight-bold
.post-item
display: block
list-style: none
list-style-position: outside
margin-left: 0
.post-data, .blog-share, .footer-text
2018-02-03 18:05:48 +00:00
font-size: 1rem
line-height: 2rem
color: $body-color
2018-02-03 18:05:48 +00:00
2018-07-29 07:21:19 +00:00
.social-icons
padding: 0 10px
a
margin: 0 5px
2018-07-29 07:21:19 +00:00
.icon
height: 2rem
width: 2rem
margin: 0 10px
.fab
font-size: 1.3rem
2018-07-29 07:21:19 +00:00
2018-02-03 18:05:48 +00:00
.blog-share
2019-04-08 05:05:15 +00:00
.icon
2018-02-03 18:05:48 +00:00
height: 1rem
width: 1rem
vertical-align: baseline
margin: 0 5px
2021-04-17 18:50:54 +00:00
.navbar
background-color: $navbar-background-color
2018-07-10 07:23:19 +00:00
.navbar-burger
margin-right: auto
color: $primary
2018-02-03 18:05:48 +00:00
2018-07-10 07:23:19 +00:00
.navbar-burger:hover
2018-07-19 15:47:51 +00:00
background-color: $navbar-background-color
2018-07-10 07:23:19 +00:00
.navbar-item
2018-02-03 18:05:48 +00:00
text-transform: uppercase
font-size: 0.875rem
color: $body-color
&:hover, &:active
2021-03-20 10:39:36 +00:00
background-color: $navbar-background-color !important
2018-02-03 18:05:48 +00:00
.owl-nav
height: 50px
2018-02-03 18:05:48 +00:00
.owl-next, .owl-prev
height: 30px
span
font-size: 3rem
line-height: 30px
2018-07-11 07:55:47 +00:00
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-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
background-color: transparent
2018-02-03 18:05:48 +00:00
box-shadow: none
.card-content
font-size: 1.5rem
.has-content-centered
justify-content: center
2018-02-03 18:05:48 +00:00
.markdown
color: $body-color !important
2018-02-03 18:05:48 +00:00
p
margin: 1em 0
2018-02-03 18:05:48 +00:00
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
2018-07-19 15:47:51 +00:00
&:hover
2018-02-03 18:05:48 +00:00
color: $secondary
ul
margin-bottom: 1.25rem
2020-04-13 11:11:03 +00:00
list-style: disc
ul ul
margin-left: 0.5em
2020-04-13 11:11:03 +00:00
margin-bottom: 0
2018-02-03 18:05:48 +00:00
li
margin-left: 1em
2018-02-03 18:05:48 +00:00
list-style-position: outside
padding-left: 0.25em
2020-04-13 11:11:03 +00:00
ol
margin-bottom: 1.25rem
ol ol
margin-left: 0.5em
2020-04-13 11:11:03 +00:00
list-style-type: lower-alpha
margin-bottom: 0
ol ol ol
list-style-type: lower-roman
2018-02-03 18:05:48 +00:00
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
2018-07-29 07:21:19 +00:00
margin-bottom: 0
2018-02-03 18:05:48 +00:00
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
background-color: #f7f7f7
2018-02-03 18:05:48 +00:00
tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th
background-color: darken(#f7f7f7, 10%)
tbody tr:nth-child(even) td,
tbody tr:nth-child(even) th
2018-02-03 18:05:48 +00:00
background-color: #f7f7f7
2021-12-19 14:51:11 +00:00
code, pre
2018-02-03 18:05:48 +00:00
border-radius: 3px
p>code, p>a>code
background-color: rgba($secondary, 0.3) !important
img
display: block
margin: 2rem auto
max-width: 100%
figure > img
margin: auto
figcaption
margin: 0.5rem auto
max-width: 500px
text-align: center
figcaption > h4
font-size: 0.8rem