survey/templates/main.scss

107 lines
2.2 KiB
SCSS

/*
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import "./components/footer/main";
@import "./components/form/main";
@import "./components/error/main";
@import "./auth/main";
@import "./panel/main";
@import "./panel/campaigns/new/main";
@import "./panel/campaigns/get/main";
@import "./errors/main";
@import "./components/error/main";
* {
margin: 0;
padding: 0;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto",
"Segoe UI", Helvetica, Arial, sans-serif;
}
a {
text-decoration: none;
color: rgb(0, 86, 179);
}
a:hover {
text-decoration: underline;
}
body {
max-width: 100vw;
overflow-x: hidden;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.survey__body {
width: 100vw;
min-height: 100vh;
}
.survey__container {
width: 60%;
margin: 50px auto;
display: flex;
flex-direction: column;
}
.survey__container {
h1 {
margin: auto;
}
h2 {
margin: 10px 0px;
}
.link__btn {
margin: auto;
width: 100%;
}
section {
margin: 30px 0px;
}
}
.survey__prize-section {
width: 100%;
display: flex;
flex-direction: column;
}
.prize__preview {
display: flex;
margin: auto;
flex-direction: column;
align-items: center;
}
.survey__prize {
height: 250px;
}
.survey__captcha-widget {
margin: auto;
margin-top: 40px;
}