You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
portio-hugo/assets/scss/_typography.scss

77 lines
1.2 KiB

.base-font {
font-family: $font-family-base;
}
* {
transition: all 0.3s ease;
}
.logo {
font-family: $logo-font-family;
font-weight: 900;
color: #282f49;
}
.footer__widget_logo {
font-family: $logo-font-family;
font-weight: 900;
font-size: 18pt;
color: white;
}
a.text-light,
a.text-dark {
// transition: all 0.3s ease;
&:hover {
color: $primary !important;
}
}
.top-title {
font-size: 20px;
display: block;
color: $dark;
@extend .mb-3;
}
.pre-line {
margin-left: 20px;
position: relative;
&::before {
position: absolute;
content: "";
height: 2px;
width: 20px;
top: 50%;
left: -20px;
transform: translateX(-50%);
background: $secondary;
}
}
// This fixes the fact that with `markdownify` we can't add `text-light`
// directly onto the generated `h1`, `h2` etc.
.text-white {
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white;
}
}
@each $color, $value in $theme-colors {
.text-#{$color} {
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
color: $value;
}
}
}