diff --git a/src/Yavsc/wwwroot/css/site.scss b/src/Yavsc/wwwroot/css/site.scss index dc7b923b..a13e90f8 100644 --- a/src/Yavsc/wwwroot/css/site.scss +++ b/src/Yavsc/wwwroot/css/site.scss @@ -2,10 +2,10 @@ $color: #f5f7db; $background-color: #000000; $post-color: #fff4ca; $post-background-color: #290505; -$post-border-color:rgb(178, 158, 158); +$post-border-color: rgb(178, 158, 158); $card-border-color: rgb(253, 129, 52); $card-photo-border-color: #ffffffd4; -$carousel-color: rgb(255,255,200); +$carousel-color: rgb(255, 255, 200); $carousel-background-color: #11415f4a; $primary: #00c40d; $danger: #dc0505d5; @@ -32,10 +32,10 @@ $danger: #dc0505d5; } .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } -div.carousel-inner > div.item > div.carousel-caption-s { +div.carousel-inner>div.item>div.carousel-caption-s { margin: .5em; background-color: $carousel-background-color; color: $carousel-color; @@ -63,22 +63,20 @@ input[type='checkbox'] { .post { background-color: $post-background-color; - color:#d1d1d1; + color: #d1d1d1; padding: 2.3em; border-radius: 2em; border: solid #5d7f0ca4 2pt; -} +} -.actiongroup -{ +.actiongroup { float: right; - margin:.5em; + margin: .5em; } -.float-left -{ +.float-left { float: left; - margin:.5em; + margin: .5em; } @@ -87,55 +85,67 @@ a { color: var(--blue); } -a.close -{ +a.close { cursor: pointer; } .grants-page .card { margin-top: 20px; - border-bottom: 1px solid lightgray; } - .grants-page .card .card-title { - font-size: 120%; - font-weight: bold; } - .grants-page .card .card-title img { - width: 100px; - height: 100px; } + border-bottom: 1px solid lightgray; - .grants-page .card label { - font-weight: bold; } +} + +.grants-page .card .card-title { + font-size: 120%; + font-weight: bold; +} + +.grants-page .card .card-title img { + width: 100px; + height: 100px; +} + +.grants-page .card label { + font-weight: bold; +} .navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} -div.carousel-inner > div.item > div.carousel-caption-s { +div.carousel-inner>div.item>div.carousel-caption-s { margin: .5em; background-color: $carousel-background-color; color: $carousel-color; font-weight: bold; - padding: .5em; } + padding: .5em; +} img.blogphoto { max-width: 100%; - max-height: 100%; } + max-height: 100%; +} input[type='checkbox'] { appearance: auto; min-width: 1em; - min-height: 1em; } + min-height: 1em; +} .container { background-color: $background-color; color: $color; padding: .5em; - margin: .5em; } + margin: .5em; +} .post { background-color: $post-background-color; color: $post-color; padding: .7em; border-radius: 2em; - border: solid $post-border-color 2pt; + border: solid $post-border-color 2pt; + .photo { max-height: 100%; max-width: 100%; @@ -144,33 +154,34 @@ input[type='checkbox'] { .actiongroup { float: right; - margin: .5em; } + margin: .5em; +} .float-left { float: left; - margin: .5em; } + margin: .5em; +} - body { - font: 1rem/1.5 var(--font-family-sans-serif); - color: $color; - background-color: $background-color; +body { + font: 1rem/1.5 var(--font-family-sans-serif); + color: $color; + background-color: $background-color; - } +} - .card { - max-height: 20em; - max-width: 30em; - display: inline-table; +.card { + max-height: 20em; + max-width: 30em; + display: inline-table; - .card-photo - { + .card-photo { border: solid 1px $card-photo-border-color; max-height: 15em; max-width: 30em; } - .index-post-title - { + + .index-post-title { display: inline; } - } +}