mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-29 12:44:20 +00:00
155 lines
3.1 KiB
SCSS
155 lines
3.1 KiB
SCSS
@import url('https://fonts.googleapis.com/css2?family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
|
|
|
|
@font-face {
|
|
font-family: "ornaments";
|
|
src: url("/fonts/ornaments.eot"); /* IE9 Compat Modes */
|
|
src: url("/fonts/ornaments.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
|
url("/fonts/ornaments.otf") format("opentype"), /* Open Type Font */
|
|
url("/fonts/ornaments.svg") format("svg"), /* Legacy iOS */
|
|
url("/fonts/ornaments.ttf") format("truetype"), /* Safari, Android, iOS */
|
|
url("/fonts/ornaments.woff") format("woff"), /* Modern Browsers */
|
|
url("/fonts/ornaments.woff2") format("woff2"); /* Modern Browsers */
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
$srd-font-family: "srd" !default;
|
|
$srd-font-path: "/fonts" !default;
|
|
|
|
$icon-bookmark: "\e900";
|
|
|
|
@font-face {
|
|
font-family: '#{$srd-font-family}';
|
|
src: url('#{$srd-font-path}/#{$srd-font-family}.eot?u95p4y');
|
|
src: url('#{$srd-font-path}/#{$srd-font-family}.eot?u95p4y#iefix') format('embedded-opentype'),
|
|
url('#{$srd-font-path}/#{$srd-font-family}.ttf?u95p4y') format('truetype'),
|
|
url('#{$srd-font-path}/#{$srd-font-family}.woff?u95p4y') format('woff'),
|
|
url('#{$srd-font-path}/#{$srd-font-family}.svg?u95p4y##{$srd-font-family}') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
[class^="icon-"], [class*=" icon-"] {
|
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
font-family: '#{$srd-font-family}' !important;
|
|
speak: never;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.icon-bookmark {
|
|
&:before {
|
|
content: $icon-bookmark;
|
|
}
|
|
}
|
|
|
|
.home-logo {
|
|
font-size: 20rem;
|
|
color: $color-gold;
|
|
display: block;
|
|
margin: 1rem;
|
|
}
|
|
.breadcrumb-logo {
|
|
color: $color-gold;
|
|
}
|
|
.brand-logo {
|
|
font-size: 2rem;
|
|
}
|
|
.sidebar-logo {
|
|
color: $color-hero;
|
|
font-size: 2rem;
|
|
}
|
|
.theme--dark {
|
|
.sidebar-logo {
|
|
color: $color-gold;
|
|
}
|
|
}
|
|
|
|
.srd {
|
|
.content {
|
|
a {
|
|
//color: #4c6477;
|
|
}
|
|
}
|
|
}
|
|
|
|
.source {
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.v-application {
|
|
h1, h2, h3, h4, h5, h6, .title, .subtitle, .subtitle-2, .site-title {
|
|
font-family: 'Spectral SC', serif !important;
|
|
}
|
|
}
|
|
|
|
.theme--light {
|
|
h1, h2, .v-card__title {
|
|
color: $color-dragon;
|
|
}
|
|
|
|
h2 {
|
|
border-bottom: 1px solid $color-dragon;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
h3, h4, h5, h6 {
|
|
color: $color-hero;
|
|
}
|
|
}
|
|
|
|
.theme--dark {
|
|
h2 {
|
|
border-bottom: 1px solid #fff;
|
|
margin-bottom: 12px;
|
|
}
|
|
}
|
|
|
|
ul, ol {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.theme--dark.v-application {
|
|
color: #ddd;
|
|
background-color: #333;
|
|
|
|
h1, h2, h3, h4, h5, h6, table thead, strong {
|
|
color: #eee;
|
|
}
|
|
}
|
|
|
|
.orn {
|
|
font-family: 'ornaments';
|
|
font-weight: normal;
|
|
}
|
|
|
|
.theme--light {
|
|
.v-icon {
|
|
.orn {
|
|
color:rgba(0, 0, 0, 0.54);
|
|
}
|
|
}
|
|
|
|
.v-list-item--active {
|
|
.v-icon {
|
|
.orn {
|
|
color: $color-hero;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.v-btn {
|
|
.orn {
|
|
font-size: 1.5rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
}
|