From 78ac601d95866a30dda2256c330f468e8008cd52 Mon Sep 17 00:00:00 2001 From: Matt Rude Date: Fri, 2 Feb 2018 04:21:50 -0600 Subject: Add SASS Support --- _sass/site.scss | 180 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 180 insertions(+) create mode 100644 _sass/site.scss (limited to '_sass') diff --git a/_sass/site.scss b/_sass/site.scss new file mode 100644 index 0000000..cdf494d --- /dev/null +++ b/_sass/site.scss @@ -0,0 +1,180 @@ +$site-color: #9FCF6C; +$site-color: #c3950d; + +html { + position: relative; + min-height: 100%; +} + +body { + position: relative; +} + +a { + color: darken($site-color, 10%); +} + +a:hover { + color: darken($site-color, 30%); + text-decoration: underline; +} + +.wrapper { + margin-bottom: 120px; +} + +.jumbotron { + background-color: adjust-color($site-color, $blue: 5); +} + +#register-window { + .card { + border-color: $site-color; + margin-left: 25px; + min-height: unset; + margin-bottom: unset; + } + .panel-heading { + background-color: $site-color; + border-color: transparent; + color: darken($site-color, 60%); + } +} + +.footer { + position: absolute; + bottom: 0; + width: 100%; + background-color: $site-color; + a { + color: #fff; + } + a:hover { + color: darken($site-color, 40%); + text-decoration: underline; + } +} + +.btn-success { + color: #fff; + background-color: darken($site-color, 20%); + border-color: darken($site-color, 25%); +} + +.alert-warning { + color: darken($site-color, 30%); + background-color: lighten($site-color, 20%); + border-color: lighten($site-color, 15%); + a { + color: darken($site-color, 40%); + } +} + +.index-section { + padding: 100px 0 40px; +} + +.index-section-last { + padding: 100px 0 70px; +} + +.list-inline { + display: inline; +} + +.site-title { + text-align: right; +} + +.site-title h1 { + font-size: 4em; +} + +.feature-section { + padding-bottom: 40px; +} + +#accordion .card { + min-height: unset; + margin-bottom: unset; +} + +#creating-account { + .jumbotron { + background-color: lighten($site-color, 20%); + } + #nav-body { + background-color: lighten($site-color, 20%)!important; + a { + color: darken($site-color, 20%); + } + } + .nav-pills .nav-link.active, .nav-pills .show>.nav-link { + background-color: darken($site-color, 30%); + color: #fff; + } +} + +.card { + min-height: 600px; + margin-bottom: 25px; +} +.card-img-top { + width: 100px; + margin: 30px auto 0; +} + +.contact-list { + font-size:2em; + text-align: center; + padding: unset; +} + +td.PASSED { + background-color: green; + color: white; +} +td.FAILED { + background-color: red; + color: white; +} + +.h1, .h2, .h3, h1, h2, h3 { +/* padding-top: 60px; */ +} + +#definitions h2 { + padding-top: 60px; +} + +.nav-item a { + padding: 0 10px; + color: #fff; +} + +@media (max-width: 990px) { + .contact-list { + font-size: 1.7em; + } + .client-mobile h4 { + font-size: 1rem; + } +} + +@media (max-width: 768px) { + .pull-right, .pull-left { + text-align: center; + } + .site-title { + display: none; + } + .client-mobile h4 { + font-size: 1.3rem; + } +} + +@media (min-width: 992px) { + .container { + max-width: 960px; + } +} -- cgit v1.2.3-59-ga6da