Update CSS & change SVG assets colors
This commit is contained in:
benber86
parent
f98fb7b238
commit
7ff7fd3439
|
|
@ -1 +1,5 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M 25 2 C 15.058594 2 7 4.6875 7 8 C 7 8 7 16.082031 7 25 C 7 30.082031 12.417969 44.082031 25 47 C 37.582031 44.082031 43 30.082031 43 25 C 43 16.082031 43 8 43 8 C 43 4.6875 34.941406 2 25 2 Z M 17 11 C 20.4375 11 22.195313 14.074219 22.5625 14.4375 C 23.148438 15.023438 23.148438 15.976563 22.5625 16.558594 C 21.976563 17.144531 21.023438 17.144531 20.441406 16.558594 C 20.027344 16.148438 18.6875 13 16 13 C 14.613281 13 12.953125 13.640625 11 15 C 12.855469 11.878906 15.003906 11 17 11 Z M 20 18.5 C 19.082031 19.40625 17.640625 20 16 20 C 14.359375 20 12.917969 19.40625 12 18.5 C 12.917969 17.59375 14.359375 17 16 17 C 17.640625 17 19.082031 17.59375 20 18.5 Z M 27 43 L 25 45 L 23 43 L 23 38 L 27 38 Z M 34 34 L 27 34 L 25 32 L 23 34 L 16 34 L 11 26 L 17 31 L 21 31 L 24 28 L 26 28 L 29 31 L 33 31 L 39 26 Z M 30 18.5 C 30.917969 17.59375 32.359375 17 34 17 C 35.640625 17 37.082031 17.59375 38 18.5 C 37.082031 19.40625 35.640625 20 34 20 C 32.359375 20 30.917969 19.40625 30 18.5 Z M 34 13 C 31.3125 13 29.972656 16.148438 29.5625 16.5625 C 28.976563 17.148438 28.023438 17.148438 27.441406 16.5625 C 26.855469 15.976563 26.855469 15.023438 27.441406 14.441406 C 27.804688 14.074219 29.5625 11 33 11 C 34.996094 11 37.144531 11.878906 39 15 C 37.046875 13.640625 35.386719 13 34 13 Z" fill="#94FEBF"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
|
||||
<path
|
||||
d="M 25 2 C 15.058594 2 7 4.6875 7 8 C 7 8 7 16.082031 7 25 C 7 30.082031 12.417969 44.082031 25 47 C 37.582031 44.082031 43 30.082031 43 25 C 43 16.082031 43 8 43 8 C 43 4.6875 34.941406 2 25 2 Z M 17 11 C 20.4375 11 22.195313 14.074219 22.5625 14.4375 C 23.148438 15.023438 23.148438 15.976563 22.5625 16.558594 C 21.976563 17.144531 21.023438 17.144531 20.441406 16.558594 C 20.027344 16.148438 18.6875 13 16 13 C 14.613281 13 12.953125 13.640625 11 15 C 12.855469 11.878906 15.003906 11 17 11 Z M 20 18.5 C 19.082031 19.40625 17.640625 20 16 20 C 14.359375 20 12.917969 19.40625 12 18.5 C 12.917969 17.59375 14.359375 17 16 17 C 17.640625 17 19.082031 17.59375 20 18.5 Z M 27 43 L 25 45 L 23 43 L 23 38 L 27 38 Z M 34 34 L 27 34 L 25 32 L 23 34 L 16 34 L 11 26 L 17 31 L 21 31 L 24 28 L 26 28 L 29 31 L 33 31 L 39 26 Z M 30 18.5 C 30.917969 17.59375 32.359375 17 34 17 C 35.640625 17 37.082031 17.59375 38 18.5 C 37.082031 19.40625 35.640625 20 34 20 C 32.359375 20 30.917969 19.40625 30 18.5 Z M 34 13 C 31.3125 13 29.972656 16.148438 29.5625 16.5625 C 28.976563 17.148438 28.023438 17.148438 27.441406 16.5625 C 26.855469 15.976563 26.855469 15.023438 27.441406 14.441406 C 27.804688 14.074219 29.5625 11 33 11 C 34.996094 11 37.144531 11.878906 39 15 C 37.046875 13.640625 35.386719 13 34 13 Z"
|
||||
fill="#138198"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
|
@ -1 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="9" height="16"><path fill-rule="evenodd" d="M8.713 1.691L2.404 8l6.309 6.309a.992.992 0 1 1-1.404 1.404L.353 8.758C.332 8.74.306 8.733.287 8.713A.984.984 0 0 1-.002 8a.984.984 0 0 1 .289-.713c.019-.02.045-.027.066-.044L7.309.287a.992.992 0 1 1 1.404 1.404z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="9" height="16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M8.713 1.691L2.404 8l6.309 6.309a.992.992 0 1 1-1.404 1.404L.353 8.758C.332 8.74.306 8.733.287 8.713A.984.984 0 0 1-.002 8a.984.984 0 0 1 .289-.713c.019-.02.045-.027.066-.044L7.309.287a.992.992 0 1 1 1.404 1.404z"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 312 B After Width: | Height: | Size: 325 B |
|
|
@ -1 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path fill-rule="evenodd" fill="#94FEBF" d="M15 14h-1v1a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3zM3 6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H3zm13-3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v1h5a3 3 0 0 1 3 3v5h1a1 1 0 0 0 1-1V3z"></path></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">
|
||||
<path fill-rule="evenodd" fill="#138198"
|
||||
d="M15 14h-1v1a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3zM3 6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H3zm13-3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v1h5a3 3 0 0 1 3 3v5h1a1 1 0 0 0 1-1V3z"></path>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 374 B After Width: | Height: | Size: 386 B |
|
|
@ -1 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17"><path fill="#94FEBF" fill-rule="evenodd" d="M8.999 0C4.03 0 0 3.902 0 8.716c0 3.85 2.578 7.116 6.156 8.269.45.081.614-.188.614-.42 0-.207-.008-.755-.012-1.482-2.503.526-3.032-1.169-3.032-1.169-.408-1.007-.999-1.274-.999-1.274-.818-.541.061-.53.061-.53.903.062 1.378.898 1.378.898.803 1.332 2.107.948 2.62.724.081-.563.314-.947.572-1.165-1.999-.22-4.1-.968-4.1-4.307 0-.952.351-1.73.927-2.34-.093-.22-.402-1.106.088-2.305 0 0 .756-.235 2.475.893a8.827 8.827 0 0 1 4.507.001c1.717-1.128 2.472-.893 2.472-.893.491 1.2.182 2.085.09 2.305.577.61.925 1.388.925 2.34 0 3.348-2.104 4.084-4.108 4.3.322.269.61.801.61 1.614 0 1.165-.011 2.105-.011 2.39 0 .234.162.505.619.419C15.424 15.83 18 12.565 18 8.716 18 3.902 13.97 0 8.999 0z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17">
|
||||
<path fill="#138198" fill-rule="evenodd"
|
||||
d="M8.999 0C4.03 0 0 3.902 0 8.716c0 3.85 2.578 7.116 6.156 8.269.45.081.614-.188.614-.42 0-.207-.008-.755-.012-1.482-2.503.526-3.032-1.169-3.032-1.169-.408-1.007-.999-1.274-.999-1.274-.818-.541.061-.53.061-.53.903.062 1.378.898 1.378.898.803 1.332 2.107.948 2.62.724.081-.563.314-.947.572-1.165-1.999-.22-4.1-.968-4.1-4.307 0-.952.351-1.73.927-2.34-.093-.22-.402-1.106.088-2.305 0 0 .756-.235 2.475.893a8.827 8.827 0 0 1 4.507.001c1.717-1.128 2.472-.893 2.472-.893.491 1.2.182 2.085.09 2.305.577.61.925 1.388.925 2.34 0 3.348-2.104 4.084-4.108 4.3.322.269.61.801.61 1.614 0 1.165-.011 2.105-.011 2.39 0 .234.162.505.619.419C15.424 15.83 18 12.565 18 8.716 18 3.902 13.97 0 8.999 0z"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 796 B After Width: | Height: | Size: 808 B |
|
|
@ -1 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 40 40"><path fill="#94FEBF" fill-rule="evenodd" d="M36 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8a2 2 0 1 1 0 4H6a2 2 0 0 0-2 2v28a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-6a2 2 0 1 1 4 0v8a4 4 0 0 1-4 4zm2-22a2 2 0 0 1-2-2V6.801l-3.601 3.602-6.162 6.162-3.834 3.834-7 7a2.004 2.004 0 0 1-2.833-2.833l7-7L33.136 4H24a2 2 0 1 1 0-4h13.897c.083-.004.161.008.243.014.165.012.324.043.476.093.054.018.107.027.159.049.227.096.431.235.606.403.005.005.012.006.018.011A1.993 1.993 0 0 1 40 2v14a2 2 0 0 1-2 2z"></path></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 40 40">
|
||||
<path fill="#138198" fill-rule="evenodd"
|
||||
d="M36 40H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h8a2 2 0 1 1 0 4H6a2 2 0 0 0-2 2v28a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-6a2 2 0 1 1 4 0v8a4 4 0 0 1-4 4zm2-22a2 2 0 0 1-2-2V6.801l-3.601 3.602-6.162 6.162-3.834 3.834-7 7a2.004 2.004 0 0 1-2.833-2.833l7-7L33.136 4H24a2 2 0 1 1 0-4h13.897c.083-.004.161.008.243.014.165.012.324.043.476.093.054.018.107.027.159.049.227.096.431.235.606.403.005.005.012.006.018.011A1.993 1.993 0 0 1 40 2v14a2 2 0 0 1-2 2z"></path>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 577 B After Width: | Height: | Size: 589 B |
|
|
@ -1 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18"><path fill="#94FEBF" fill-rule="evenodd" d="M17 18H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v3h14v-3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zm-7.134-6.332a1.08 1.08 0 0 1-.78.315C9.056 11.985 9.03 12 9 12c-.03 0-.056-.015-.086-.017a1.08 1.08 0 0 1-.78-.315L4.298 7.833a1.086 1.086 0 0 1 1.534-1.535L8 8.466V1a1 1 0 0 1 2 0v7.466l2.167-2.168a1.087 1.087 0 0 1 1.535 0 1.087 1.087 0 0 1 0 1.535l-3.836 3.835z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18">
|
||||
<path fill="#138198" fill-rule="evenodd"
|
||||
d="M17 18H1a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v3h14v-3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zm-7.134-6.332a1.08 1.08 0 0 1-.78.315C9.056 11.985 9.03 12 9 12c-.03 0-.056-.015-.086-.017a1.08 1.08 0 0 1-.78-.315L4.298 7.833a1.086 1.086 0 0 1 1.534-1.535L8 8.466V1a1 1 0 0 1 2 0v7.466l2.167-2.168a1.087 1.087 0 0 1 1.535 0 1.087 1.087 0 0 1 0 1.535l-3.836 3.835z"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 460 B After Width: | Height: | Size: 472 B |
|
|
@ -1,3 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
|
||||
<path fill="#94FEBF" fill-rule="evenodd" d="M15.678 15.678a1.045 1.045 0 0 1-1.478 0l-3.06-3.06A6.941 6.941 0 0 1 7 14a7 7 0 1 1 7-7 6.941 6.941 0 0 1-1.382 4.14l3.06 3.06c.408.408.408 1.07 0 1.478zM7 2a5 5 0 1 0 .001 10.001A5 5 0 0 0 7 2z"/>
|
||||
<path fill="#138198" fill-rule="evenodd" d="M15.678 15.678a1.045 1.045 0 0 1-1.478 0l-3.06-3.06A6.941 6.941 0 0 1 7 14a7 7 0 1 1 7-7 6.941 6.941 0 0 1-1.382 4.14l3.06 3.06c.408.408.408 1.07 0 1.478zM7 2a5 5 0 1 0 .001 10.001A5 5 0 0 0 7 2z"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 318 B After Width: | Height: | Size: 318 B |
|
|
@ -1 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="15"><path fill="#94FEBF" fill-rule="evenodd" d="M18 1.776a7.518 7.518 0 0 1-2.126.597A3.743 3.743 0 0 0 17.497.282a7.269 7.269 0 0 1-2.34.916A3.653 3.653 0 0 0 12.462 0c-2.043 0-3.688 1.701-3.688 3.786 0 .3.025.588.085.863C5.791 4.495 3.077 2.987 1.253.69a3.89 3.89 0 0 0-.505 1.913c0 1.311.658 2.473 1.639 3.145A3.569 3.569 0 0 1 .72 5.282v.042c0 1.839 1.279 3.367 2.957 3.719a3.611 3.611 0 0 1-.968.124c-.236 0-.475-.014-.699-.064.479 1.499 1.835 2.6 3.448 2.636a7.29 7.29 0 0 1-4.575 1.614c-.302 0-.593-.013-.883-.051A10.203 10.203 0 0 0 5.661 15c6.79 0 10.503-5.769 10.503-10.77 0-.167-.006-.329-.014-.489A7.466 7.466 0 0 0 18 1.776z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="15">
|
||||
<path fill="#138198" fill-rule="evenodd"
|
||||
d="M18 1.776a7.518 7.518 0 0 1-2.126.597A3.743 3.743 0 0 0 17.497.282a7.269 7.269 0 0 1-2.34.916A3.653 3.653 0 0 0 12.462 0c-2.043 0-3.688 1.701-3.688 3.786 0 .3.025.588.085.863C5.791 4.495 3.077 2.987 1.253.69a3.89 3.89 0 0 0-.505 1.913c0 1.311.658 2.473 1.639 3.145A3.569 3.569 0 0 1 .72 5.282v.042c0 1.839 1.279 3.367 2.957 3.719a3.611 3.611 0 0 1-.968.124c-.236 0-.475-.014-.699-.064.479 1.499 1.835 2.6 3.448 2.636a7.29 7.29 0 0 1-4.575 1.614c-.302 0-.593-.013-.883-.051A10.203 10.203 0 0 0 5.661 15c6.79 0 10.503-5.769 10.503-10.77 0-.167-.006-.329-.014-.489A7.466 7.466 0 0 0 18 1.776z"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 706 B After Width: | Height: | Size: 718 B |
|
|
@ -17,7 +17,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
background: #03283d url('../img/mountains.png') no-repeat bottom center;
|
||||
background: #03283d url('../img/mountains.png') no-repeat top center fixed;
|
||||
|
||||
> .main-content {
|
||||
flex: 1;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,10 @@ $white: #eee;
|
|||
$primary: #138198;
|
||||
$primary-invert: #03283d;
|
||||
$warning: #FF8F50;
|
||||
$primary-complement: #FF8F50;
|
||||
$sherpa: #ff3a44;
|
||||
$black: #08252b;
|
||||
$deep-black: #08070c;
|
||||
$danger: #F44C6A;
|
||||
$dark: #242424;
|
||||
$pre: $white;
|
||||
|
|
@ -55,11 +58,11 @@ $button-disabled-border-color: #393939;
|
|||
|
||||
$input-color: $white;
|
||||
$input-background-color: transparent;
|
||||
$input-border-color: #393939;
|
||||
$input-border-color: $primary;
|
||||
$input-hover-border-color: $white;
|
||||
$input-hover-color: $white;
|
||||
$input-focus-border-color: $primary;
|
||||
$input-placeholder-color: #393939;
|
||||
$input-focus-border-color: $white;
|
||||
$input-placeholder-color: $primary;
|
||||
$input-focus-box-shadow-size: 0 0 0;
|
||||
|
||||
$input-disabled-background-color: #181818;
|
||||
|
|
@ -160,7 +163,11 @@ $pagination-current-color: $primary-invert;
|
|||
$pagination-current-background-color: $primary;
|
||||
$pagination-current-border-color: $primary;
|
||||
|
||||
$pre-background: rgba($primary, 0.104);
|
||||
$pre-background: rgba($deep-black, 0.404);
|
||||
|
||||
.highlight {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.columns {
|
||||
@include from(576px) {
|
||||
|
|
|
|||
|
|
@ -3,13 +3,15 @@
|
|||
font-weight: $weight-bold;
|
||||
|
||||
&.is-primary.is-outlined {
|
||||
background-color: rgba($primary, .104);
|
||||
color: $white;
|
||||
border-color: $white;
|
||||
background-color: rgba($primary-invert, .104);
|
||||
|
||||
&.is-loading:focus {
|
||||
background-color: rgba($primary, .104);
|
||||
background-color: rgba($primary-invert, .104);
|
||||
|
||||
&::after {
|
||||
border-color: transparent transparent $primary $primary !important;
|
||||
border-color: transparent transparent $white $white !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
text-align: center;
|
||||
backdrop-filter: blur( 13.5px );
|
||||
-webkit-backdrop-filter: blur( 13.5px );
|
||||
background: rgba( 74, 144, 226, 0.20 );
|
||||
background: rgba( 7, 26, 46, 0.60 );
|
||||
margin:10px;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
}
|
||||
|
||||
.p {
|
||||
font-size: .857rem;
|
||||
font-size: 1rem;
|
||||
max-width: 66.6666%;
|
||||
margin: 0 auto;
|
||||
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
}
|
||||
|
||||
a {
|
||||
color: $primary;
|
||||
color: $primary-invert;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
|
|
@ -50,6 +50,9 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
border: solid 1px #424542;
|
||||
background: rgba($deep-black, 0.604);
|
||||
border-radius: 7px;
|
||||
|
||||
&:hover, &.is-hovered {
|
||||
color: $primary;
|
||||
|
|
@ -161,7 +164,7 @@
|
|||
}
|
||||
|
||||
.currently {
|
||||
font-size: .85rem;
|
||||
font-size: 1.25rem;
|
||||
|
||||
span {
|
||||
color: $primary;
|
||||
|
|
@ -185,3 +188,12 @@
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
.summary {
|
||||
|
||||
padding: 5px 10px;
|
||||
margin: 50px 50px;
|
||||
|
||||
background: rgba($deep-black, .6);
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
.sherpa-header-label {
|
||||
padding-right: 1.5rem;
|
||||
color: #ff3a44;
|
||||
color: $sherpa;
|
||||
font-size: 50px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue