diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss index 012e76dc6066eb1dbe6ee400a4f0ee6c5a504b37..ba91d57e040e471182528ca50ef7e0a911814fd2 100644 --- a/static/src/scss/app.scss +++ b/static/src/scss/app.scss @@ -41,6 +41,10 @@ body { } } +.text-upper { + text-transform: uppercase; +} + .navbar-collapse { margin-left: $padding-left-default; } @@ -183,4 +187,66 @@ main.container-fluid { width: 100%; height: 480px; filter: grayscale(100%); -} \ No newline at end of file +} + +.btn-lg { + padding: 0.8rem 4.5rem; + font-size: 1rem; + line-height: 1.5; +} + +.btn { + padding: 0.4rem 2.25rem; + font-size: 1rem; + border-radius: 0; + text-transform: uppercase; +} + +.jumbotron { + border-radius: 0; + background-color: rgba(204, 213, 197, 0.1); + border: 1px $primary solid; + color: $primary; + padding: 5rem 6rem ; +} + +.col-form-label, .form-check-label { + font-weight: bold; +} + +.form-text.text-muted { + color: $primary !important; + margin-bottom: 1rem; +} + +fieldset { + blockquote { + font-size: 80%; + } +} + +.form-control { + border-radius: 0; + border: 2px $primary solid; + + &:focus { + border: 2px $primary solid; + } +} + +label.form-check-label { + display: flex; + align-items: center +} + +h3 { + text-transform: uppercase; +} + + +main { + a { + color: #f5843e; + font-weight: 600; + } +}