Michael Bumann
81d86315aa
* form-submission-thank-you-page: Cleanup Remove testing page render Add icon svg on the submission thank you page Make codes more readable Make the submission thank you page vertically centered Fix the identation of codes Implement the submission thank you page Define a custom layout for submission thank you page
82 lines
1.4 KiB
SCSS
82 lines
1.4 KiB
SCSS
@import "bulma/sass/utilities/initial-variables";
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Lobster&family=Comfortaa:wght@400;500;600;700&display=swap');
|
|
@import url('https://use.fontawesome.com/releases/v5.12.0/css/all.css');
|
|
|
|
$family-sans-serif: 'Roboto',
|
|
sans-serif;
|
|
$family-secondary: 'Comfortaa',
|
|
cursive;
|
|
// // https://coolors.co/06aed5-086788-f0c808-fff1d0-dd1c1a
|
|
// $blue: #083d77;
|
|
// $red: #dd1c1a;
|
|
// $orange: #ee964b;
|
|
// $yellow: #f4d35e;
|
|
// $light: #f5fafe; // #ebebd3;
|
|
// $primary: $blue;
|
|
// $green: #007932; // hsl(141, 53%, 53%);
|
|
// $footer-background-color: $light;
|
|
|
|
$blue: #4c82fc;
|
|
$primary: $blue;
|
|
|
|
$text: $grey-dark;
|
|
$body-background-color: #FAFCFE;
|
|
$light: #fff;
|
|
|
|
@import 'bulma/bulma';
|
|
|
|
@import "checkmark-icon";
|
|
@import './demo';
|
|
|
|
.is-font-logo {
|
|
font-family: 'Lobster', cursive;
|
|
}
|
|
|
|
.card {
|
|
height: 100%;
|
|
}
|
|
|
|
.is-vcentered {
|
|
height: 100vh;
|
|
}
|
|
|
|
.content {
|
|
padding: 30px 60px 50px;
|
|
|
|
&>h1 {
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.button.google {
|
|
background: rgb(225, 98, 89);
|
|
color: white;
|
|
}
|
|
|
|
.button {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.table-wrapper {
|
|
overflow: auto;
|
|
overflow-y: scroll;
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
.submission-table tbody {
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
.inline-svg svg {
|
|
display: inline
|
|
}
|
|
|
|
.svg-icon {
|
|
align-items: center;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
} |