This repository has been archived on 2022-05-10. You can view files and clone it, but cannot push or open issues or pull requests.
tghandbook/style/pages/welcome.scss

83 lines
1.2 KiB
SCSS
Raw Permalink Normal View History

2020-06-27 23:39:47 +00:00
#Welcome {
2020-07-02 10:26:08 +00:00
display: flex;
flex-direction: column;
&.center {
align-items: center;
justify-content: center;
}
&:not(.center) {
header {
margin-top: 20px;
}
}
font-size: 12pt;
line-height: 1.4em;
header {
2020-06-27 23:39:47 +00:00
display: flex;
2020-07-02 10:26:08 +00:00
flex-direction: row;
align-items: center;
justify-content: center;
padding: 20pt;
.icon {
max-width: 25vw;
width: 200px;
margin-right: 20px;
2020-06-28 15:44:59 +00:00
}
2020-07-02 10:26:08 +00:00
.type {
max-width: 50vw;
width: 400px;
2020-06-27 23:39:47 +00:00
}
2020-07-02 10:26:08 +00:00
}
2020-06-28 15:44:59 +00:00
2020-07-02 10:26:08 +00:00
.hidden {
width: 100%;
opacity: 0;
display: none;
transition: all 200ms;
}
2020-06-28 15:44:59 +00:00
2020-07-02 10:26:08 +00:00
h1,
h2 {
margin-top: 2em;
}
2020-06-28 15:44:59 +00:00
2020-07-02 10:26:08 +00:00
h3 {
font-size: 15pt;
}
2020-06-28 15:44:59 +00:00
2020-07-02 10:26:08 +00:00
h3.nobg {
background: transparent;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
z-index: 2;
&:before {
display: none;
2020-06-28 15:44:59 +00:00
}
2020-07-02 10:26:08 +00:00
}
2020-06-28 15:44:59 +00:00
2020-07-02 10:26:08 +00:00
code {
display: inline-block;
background-color: #222;
border-radius: 3px;
padding: 2px 5px;
}
.images {
display: flex;
flex-wrap: wrap;
img {
margin: 10px;
2020-06-28 00:22:11 +00:00
}
2020-07-02 10:26:08 +00:00
}
2020-07-02 10:46:41 +00:00
.action_buttons {
text-align: center;
button {
font-size: 12pt;
padding: 10pt 12pt;
}
}
2020-06-27 23:39:47 +00:00
}