65 lines
1.7 KiB
SCSS
65 lines
1.7 KiB
SCSS
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts" !default;
|
|
@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
|
|
@import "~@fortawesome/fontawesome-free/scss/brands.scss";
|
|
@import "~@fortawesome/fontawesome-free/scss/regular.scss";
|
|
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
|
|
@import "~unsemantic/assets/sass/unsemantic-grid-responsive.scss";
|
|
|
|
@import "stylesheets/chem-elements.scss";
|
|
@import "stylesheets/footer.scss";
|
|
@import "stylesheets/header.scss";
|
|
@import "stylesheets/identities.scss";
|
|
@import "stylesheets/intro.scss";
|
|
@import "stylesheets/labels.scss";
|
|
|
|
body {
|
|
background: url('./assets/images/header-background.svg') #466685;
|
|
background-size: cover;
|
|
|
|
font-size: 1em;
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
padding: 0;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
html {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, PingFangTC-Light, "Microsoft YaHei", 微软雅黑, "STHeiti Light", STXihei, "华文细黑", Heiti, 黑体, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#container {
|
|
background-position: center;
|
|
box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
|
|
margin: 0 auto;
|
|
margin-bottom: 1em;
|
|
margin-top: -1em;
|
|
max-width: 64em;
|
|
}
|
|
|
|
.no-wrap {
|
|
display: inline-block;
|
|
}
|
|
|
|
$section-border-radius: 2em;
|
|
|
|
#container, #container>*:first-child {
|
|
border-top-left-radius: $section-border-radius;
|
|
}
|
|
|
|
#container, #container>*:last-child, #container>*:last-child>*:last-child {
|
|
border-bottom-right-radius: $section-border-radius;
|
|
}
|
|
|
|
.header .small-labels .group::before, .header .small-labels .label::before {
|
|
color: #eee;
|
|
}
|
|
|
|
.identities .small-labels .group::before, .identities .small-labels .label::before {
|
|
color: #333;
|
|
}
|