mirror of
https://github.com/bonfire-networks/bonfire-app.git
synced 2024-05-16 16:12:41 +00:00
remove useless sass files
This commit is contained in:
bernini
parent
d64a60ecf6
commit
b09960e9ba
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -33,6 +33,9 @@ npm-debug.log
|
|||
# The directory NPM downloads your dependencies sources to.
|
||||
/assets/node_modules/
|
||||
|
||||
# ignore package.json lock.
|
||||
/assets/package-lock.json/
|
||||
|
||||
# Since we are building assets from assets/
|
||||
/priv/static/
|
||||
|
||||
|
|
|
|||
|
|
@ -4,23 +4,21 @@
|
|||
@import "../node_modules/nprogress/nprogress.css";
|
||||
|
||||
body {
|
||||
@apply bg-gray-200
|
||||
@apply bg-gray-100
|
||||
}
|
||||
|
||||
details {
|
||||
> summary {
|
||||
details > summary {
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
> summary::before { display: none; }
|
||||
> summary::-webkit-details-marker { display: none; }
|
||||
}
|
||||
details > summary::before { display: none; }
|
||||
details > summary::-webkit-details-marker { display: none; }
|
||||
|
||||
|
||||
.details-dropdown[open] > summary {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
.details-dropdown[open] > summary:before {
|
||||
content: " ";
|
||||
background: transparent;
|
||||
|
|
|
|||
|
|
@ -1,36 +0,0 @@
|
|||
#autocomplete-dropdown ul:empty { display: none }
|
||||
|
||||
#autocomplete-dropdown {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: auto;
|
||||
max-height: 300px;
|
||||
max-width: 500px;
|
||||
overflow: auto;
|
||||
display: block;
|
||||
z-index: 999999;
|
||||
}
|
||||
#autocomplete-dropdown ul {
|
||||
margin: 0;
|
||||
margin-top: 2px;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
background: #efefef;
|
||||
}
|
||||
#autocomplete-dropdown li {
|
||||
padding: 5px 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
#autocomplete-dropdown li.highlight {
|
||||
background: #ddd;
|
||||
}
|
||||
#autocomplete-dropdown li span {
|
||||
font-weight: bold;
|
||||
}
|
||||
#autocomplete-dropdown li.no-match {
|
||||
cursor: default;
|
||||
}
|
||||
#autocomplete-dropdown .menu-highlighted {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -1,158 +0,0 @@
|
|||
// DEFAULT BUTTON MIXIN
|
||||
@mixin button($bg: var(--color-primary), $color: var(--color-background-0)) {
|
||||
@include reset;
|
||||
font-family: inherit;
|
||||
border-radius: 5px;
|
||||
background: $bg;
|
||||
border: none;
|
||||
color: $color;
|
||||
padding: var(--m2) var(--m3);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
min-width: 100px;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
|
||||
&:hover {
|
||||
background: var(--color-primary-dark);
|
||||
color: $color;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 4px var(--color-border);
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
color: #d2d5db;
|
||||
background: #6c7589;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin button-classic(
|
||||
$bg: var(--color-primary),
|
||||
$color: var(--color-background-0)
|
||||
) {
|
||||
@include button($bg: $bg, $color:$color);
|
||||
background-color: $bg;
|
||||
border: none;
|
||||
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 4px var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin button-link($color: var(--color-primary)) {
|
||||
background: transparent;
|
||||
color: $color;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: inherit;
|
||||
color: var(--color-primary-dark);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin button-outline($bg: var(--color-primary), $color: var(--color-primary)) {
|
||||
@include button($bg: $bg, $color: $color);
|
||||
// border: 1px solid $bg;
|
||||
box-shadow: 0 0 0px 1px $bg;
|
||||
background: var(--color-background);
|
||||
color: $color;
|
||||
border: none;
|
||||
|
||||
&:hover {
|
||||
background: var(--color-background);
|
||||
color: var(--color-primary-dark);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 4px var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
// BUTTON ONLY ICON
|
||||
@mixin button-only-icon(
|
||||
$bg: var(--color-primary),
|
||||
$color: var(--color-text)
|
||||
) {
|
||||
@include button($bg: $bg, $color: $color);
|
||||
border: none;
|
||||
display: flex;
|
||||
padding: 6px 10px;
|
||||
min-width: initial;
|
||||
text-align: center;
|
||||
& i {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// BUTTON ONLY ICON
|
||||
@mixin button-outline-only-icon(
|
||||
$bg: var(--color-primary),
|
||||
$color: var(--color-primary)
|
||||
) {
|
||||
@include button-only-icon($bg: $bg, $color: $color);
|
||||
box-shadow: 0 0 0px 1px $bg;
|
||||
background: var(--color-background);
|
||||
color: $color;
|
||||
border: none;
|
||||
|
||||
&:hover {
|
||||
background: var(--color-background);
|
||||
color: lightness($color, 0.8);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 4px lightness($bg, 1.4);
|
||||
}
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* ---- DEFAULT TAG AND CLASSES --- */
|
||||
|
||||
button {
|
||||
@include button();
|
||||
}
|
||||
|
||||
.button {
|
||||
@include button-classic();
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
@include button();
|
||||
}
|
||||
|
||||
.button-link {
|
||||
@include button-link;
|
||||
}
|
||||
|
||||
.button-outline {
|
||||
@include button-outline();
|
||||
}
|
||||
|
||||
.button-classic-only-icon {
|
||||
@include button-classic;
|
||||
min-width: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.button-only-icon {
|
||||
@include button-only-icon(
|
||||
$bg: var(--color-primary),
|
||||
$color: var(--color-text)
|
||||
);
|
||||
}
|
||||
|
||||
.button-outline-only-icon {
|
||||
@include button-outline-only-icon(
|
||||
$bg: var(--color-primary),
|
||||
$color: var(--color-primary)
|
||||
);
|
||||
}
|
||||
|
|
@ -1,126 +0,0 @@
|
|||
dialog {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.dialog__container {
|
||||
width: auto;
|
||||
summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
summary {
|
||||
list-style: none;
|
||||
}
|
||||
&[open] {
|
||||
& > summary:before {
|
||||
content: " ";
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
&::before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dialog {
|
||||
position: fixed;
|
||||
margin: 10vh auto;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 9999999999;
|
||||
max-width: 90vw;
|
||||
animation-name: fade-in;
|
||||
animation-duration: 1s;
|
||||
animation-timing-function: ease-in-out;
|
||||
animation-duration: 300ms;
|
||||
width: 600px;
|
||||
background: var(--color-text);
|
||||
input[type="text"],input[type="date"], input, textarea {
|
||||
background: var(--color-text);
|
||||
color: var(--color-surface);
|
||||
border-radius: 4px;
|
||||
border: var(--border);
|
||||
padding: 4px;
|
||||
font-size: 14px;
|
||||
text-indent: 0;
|
||||
&:placeholder {
|
||||
color: var(--color-background);
|
||||
}
|
||||
}
|
||||
.dialog__header {
|
||||
padding: 16px;
|
||||
background-color: #f6f8fa;
|
||||
border-color: #d1d5da;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-top-left-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
display: flex;
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-size: 16px;
|
||||
color: var(--color-background);
|
||||
flex: 1;
|
||||
}
|
||||
i {
|
||||
font-size: 18px;
|
||||
color: var(--color-background);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.dialog__content {
|
||||
padding: 16px;
|
||||
form {
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
textarea {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dialog__footer {
|
||||
margin-top: var(--m2)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dialog__report {
|
||||
button {
|
||||
color: #fff !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-3rem);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
.dialog__backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: #000000ad;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9999999;
|
||||
}
|
||||
|
|
@ -1,372 +0,0 @@
|
|||
|
||||
input {
|
||||
background-color: var(--color-foreground-2);
|
||||
border: var(--border);
|
||||
border-radius: 4px;
|
||||
height: 34px;
|
||||
text-indent: 8px;
|
||||
color: var(--color-background-0);
|
||||
&::placeholder {
|
||||
color: var(--color-background-1);
|
||||
}
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize:none;
|
||||
overflow:auto;
|
||||
outline: none;
|
||||
border: var(--border);
|
||||
}
|
||||
|
||||
@supports(-webkit-appearance: none) or (-moz-appearance: none) {
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
--active: #275EFE;
|
||||
--active-inner: #fff;
|
||||
--focus: 2px rgba(39, 94, 254, .3);
|
||||
--border: #BBC1E1;
|
||||
--border-hover: #275EFE;
|
||||
--background: #fff;
|
||||
--disabled: #F6F8FF;
|
||||
--disabled-inner: #E1E6F9;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
height: 21px;
|
||||
outline: none;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--bc, var(--border));
|
||||
background: var(--b, var(--background));
|
||||
transition: background .3s, border-color .3s, box-shadow .2s;
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
left: 0;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
transition: transform var(--d-t, .3s) var(--d-t-e, ease), opacity var(--d-o, .2s);
|
||||
}
|
||||
&:checked {
|
||||
--b: var(--active);
|
||||
--bc: var(--active);
|
||||
--d-o: .3s;
|
||||
--d-t: .6s;
|
||||
--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
|
||||
}
|
||||
&:disabled {
|
||||
--b: var(--disabled);
|
||||
cursor: not-allowed;
|
||||
opacity: .9;
|
||||
&:checked {
|
||||
--b: var(--disabled-inner);
|
||||
--bc: var(--border);
|
||||
}
|
||||
& + label {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
&:not(:checked) {
|
||||
&:not(:disabled) {
|
||||
--bc: var(--border-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 var(--focus);
|
||||
}
|
||||
&:not(.switch) {
|
||||
width: 21px;
|
||||
&:after {
|
||||
opacity: var(--o, 0);
|
||||
}
|
||||
&:checked {
|
||||
--o: 1;
|
||||
}
|
||||
}
|
||||
& + label {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
cursor: pointer;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
input[type='checkbox'] {
|
||||
&:not(.switch) {
|
||||
border-radius: 7px;
|
||||
&:after {
|
||||
width: 5px;
|
||||
height: 9px;
|
||||
border: 2px solid var(--active-inner);
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
left: 7px;
|
||||
top: 4px;
|
||||
transform: rotate(var(--r, 20deg));
|
||||
}
|
||||
&:checked {
|
||||
--r: 43deg;
|
||||
}
|
||||
}
|
||||
&.switch {
|
||||
width: 38px;
|
||||
border-radius: 11px;
|
||||
&:after {
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
border-radius: 50%;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background: var(--ab, var(--border));
|
||||
transform: translateX(var(--x, 0));
|
||||
}
|
||||
&:checked {
|
||||
--ab: var(--active-inner);
|
||||
--x: 17px;
|
||||
}
|
||||
&:disabled {
|
||||
&:not(:checked) {
|
||||
&:after {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
input[type='radio'] {
|
||||
border-radius: 50%;
|
||||
&:after {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
border-radius: 50%;
|
||||
background: var(--active-inner);
|
||||
opacity: 0;
|
||||
transform: scale(var(--s, .7));
|
||||
}
|
||||
&:checked {
|
||||
--s: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Styling Cross-Browser Compatible Range Inputs with Sass
|
||||
// Github: https://github.com/darlanrod/input-range-sass
|
||||
// Author: Darlan Rod https://github.com/darlanrod
|
||||
// Version 1.5.2
|
||||
// MIT License
|
||||
|
||||
$track-color: #eceff1 !default;
|
||||
$thumb-color: var(--color-primary) !default;
|
||||
|
||||
$thumb-radius: 12px !default;
|
||||
$thumb-height: 24px !default;
|
||||
$thumb-width: 24px !default;
|
||||
$thumb-shadow-size: 4px !default;
|
||||
$thumb-shadow-blur: 4px !default;
|
||||
$thumb-shadow-color: rgba(0, 0, 0, .2) !default;
|
||||
$thumb-border-width: 2px !default;
|
||||
$thumb-border-color: #eceff1 !default;
|
||||
|
||||
$track-width: 100% !default;
|
||||
$track-height: 8px !default;
|
||||
$track-shadow-size: 1px !default;
|
||||
$track-shadow-blur: 1px !default;
|
||||
$track-shadow-color: rgba(0, 0, 0, .2) !default;
|
||||
$track-border-width: 2px !default;
|
||||
$track-border-color: #cfd8dc !default;
|
||||
|
||||
$track-radius: 5px !default;
|
||||
$contrast: 5% !default;
|
||||
|
||||
$ie-bottom-track-color: darken($track-color, $contrast) !default;
|
||||
|
||||
@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {
|
||||
box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color, 0 0 $shadow-size lighten($shadow-color, 5%);
|
||||
}
|
||||
|
||||
@mixin track {
|
||||
cursor: default;
|
||||
height: $track-height;
|
||||
transition: all .2s ease;
|
||||
width: $track-width;
|
||||
}
|
||||
|
||||
@mixin thumb {
|
||||
@include shadow($thumb-shadow-size, $thumb-shadow-blur, $thumb-shadow-color);
|
||||
background: $thumb-color;
|
||||
border: $thumb-border-width solid $thumb-border-color;
|
||||
border-radius: $thumb-radius;
|
||||
box-sizing: border-box;
|
||||
cursor: default;
|
||||
height: $thumb-height;
|
||||
width: $thumb-width;
|
||||
}
|
||||
|
||||
[type='range'] {
|
||||
-webkit-appearance: none;
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
width: $track-width;
|
||||
border: none;
|
||||
&::-moz-focus-outer {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
|
||||
&::-webkit-slider-runnable-track {
|
||||
background: lighten($track-color, $contrast);
|
||||
}
|
||||
|
||||
&::-ms-fill-lower {
|
||||
background: $track-color;
|
||||
}
|
||||
|
||||
&::-ms-fill-upper {
|
||||
background: lighten($track-color, $contrast);
|
||||
}
|
||||
}
|
||||
|
||||
&::-webkit-slider-runnable-track {
|
||||
@include track;
|
||||
@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
|
||||
background: $track-color;
|
||||
border: $track-border-width solid $track-border-color;
|
||||
border-radius: $track-radius;
|
||||
}
|
||||
|
||||
&::-webkit-slider-thumb {
|
||||
@include thumb;
|
||||
-webkit-appearance: none;
|
||||
margin-top: ((-$track-border-width * 2 + $track-height) / 2 - $thumb-height / 2);
|
||||
}
|
||||
|
||||
&::-moz-range-track {
|
||||
@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
|
||||
@include track;
|
||||
background: $track-color;
|
||||
border: $track-border-width solid $track-border-color;
|
||||
border-radius: $track-radius;
|
||||
height: $track-height / 2;
|
||||
}
|
||||
|
||||
&::-moz-range-thumb {
|
||||
@include thumb;
|
||||
}
|
||||
|
||||
&::-ms-track {
|
||||
@include track;
|
||||
background: transparent;
|
||||
border-color: transparent;
|
||||
border-width: ($thumb-height / 2) 0;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
&::-ms-fill-lower {
|
||||
@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
|
||||
background: $ie-bottom-track-color;
|
||||
border: $track-border-width solid $track-border-color;
|
||||
border-radius: ($track-radius * 2);
|
||||
}
|
||||
|
||||
&::-ms-fill-upper {
|
||||
@include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
|
||||
background: $track-color;
|
||||
border: $track-border-width solid $track-border-color;
|
||||
border-radius: ($track-radius * 2);
|
||||
}
|
||||
|
||||
&::-ms-thumb {
|
||||
@include thumb;
|
||||
margin-top: $track-height / 4;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
&::-webkit-slider-thumb,
|
||||
&::-moz-range-thumb,
|
||||
&::-ms-thumb,
|
||||
&::-webkit-slider-runnable-track,
|
||||
&::-ms-fill-lower,
|
||||
&::-ms-fill-upper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-css {
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
font-family: sans-serif;
|
||||
font-weight: 700;
|
||||
color: #444;
|
||||
line-height: 1.3;
|
||||
padding: .6em 1.4em .5em .8em;
|
||||
width: 100%;
|
||||
max-width: 100%; /* useful when width is set to anything other than 100% */
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
border: 1px solid #aaa;
|
||||
box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
|
||||
border-radius: .5em;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background-color: #fff;
|
||||
/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient.
|
||||
for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
|
||||
|
||||
*/
|
||||
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
|
||||
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
|
||||
background-repeat: no-repeat, repeat;
|
||||
/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
|
||||
background-position: right .7em top 50%, 0 0;
|
||||
/* icon size, then gradient */
|
||||
background-size: .65em auto, 100%;
|
||||
}
|
||||
/* Hide arrow icon in IE browsers */
|
||||
.select-css::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
/* Hover style */
|
||||
.select-css:hover {
|
||||
border-color: #888;
|
||||
}
|
||||
/* Focus style */
|
||||
.select-css:focus {
|
||||
border-color: #aaa;
|
||||
/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
|
||||
box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
|
||||
box-shadow: 0 0 0 3px -moz-mac-focusring;
|
||||
color: #222;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Set options to normal weight */
|
||||
.select-css option {
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
/* Support for rtl text, explicit support for Arabic and Hebrew */
|
||||
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
|
||||
background-position: left .7em top 50%, 0 0;
|
||||
padding: .6em .8em .5em 1.4em;
|
||||
}
|
||||
|
||||
/* Disabled styles */
|
||||
.select-css:disabled, .select-css[aria-disabled=true] {
|
||||
color: graytext;
|
||||
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
|
||||
linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
|
||||
}
|
||||
|
||||
.select-css:disabled:hover, .select-css[aria-disabled=true] {
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
@import "liveview";
|
||||
@import "theme";
|
||||
@import "mixins";
|
||||
@import "social";
|
||||
@import "generic/index";
|
||||
@import "forms";
|
||||
@import "buttons";
|
||||
@import "links";
|
||||
@import "typography";
|
||||
@import "dialog";
|
||||
@import "autocomplete";
|
||||
|
||||
@import "../../assets/node_modules/nprogress/nprogress.css";
|
||||
|
||||
html * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
@mixin link($color: var(--color-primary)) {
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
color: $color;
|
||||
transition: color .2s cubic-bezier(.3,0,.5,1);
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: var(--color-primary-dark);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@include link(var(--color-primary));
|
||||
}
|
||||
|
|
@ -1,97 +0,0 @@
|
|||
/* LiveView specific classes for your customizations */
|
||||
.invalid-feedback {
|
||||
color: #a94442;
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.phx-no-feedback.invalid-feedback,
|
||||
.phx-no-feedback .invalid-feedback {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.phx-click-loading {
|
||||
opacity: 0.5;
|
||||
transition: opacity 1s ease-out;
|
||||
}
|
||||
|
||||
.phx-disconnected {
|
||||
cursor: wait;
|
||||
}
|
||||
.phx-disconnected * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.phx-modal {
|
||||
opacity: 1 !important;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
background-color: rgb(0, 0, 0);
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.phx-modal-content {
|
||||
background-color: #fefefe;
|
||||
margin: 15% auto;
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.phx-modal-close {
|
||||
color: #aaa;
|
||||
float: right;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.phx-modal-close:hover,
|
||||
.phx-modal-close:focus {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Alerts and form errors */
|
||||
.alert {
|
||||
padding: 15px;
|
||||
margin-bottom: 20px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
margin: 0;
|
||||
right: 8px;
|
||||
z-index: 999;
|
||||
min-width: 240px;
|
||||
}
|
||||
.alert-info {
|
||||
color: #31708f;
|
||||
background-color: #d9edf7;
|
||||
border-color: #bce8f1;
|
||||
}
|
||||
.alert-warning {
|
||||
color: #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
border-color: #faebcc;
|
||||
}
|
||||
.alert-danger {
|
||||
color: #a94442;
|
||||
background-color: #f2dede;
|
||||
border-color: #ebccd1;
|
||||
}
|
||||
.alert p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.alert:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,492 +0,0 @@
|
|||
// --------------------------------
|
||||
|
||||
// Typography
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// edit font rendering -> tip: use for light text on dark backgrounds
|
||||
@mixin fontSmooth {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
// crop top space on text elements - caused by line height
|
||||
@mixin lhCrop($line-height, $capital-letter: 1) {
|
||||
&::before {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
margin-top: calc((#{$capital-letter} - #{$line-height}) * 0.5em);
|
||||
}
|
||||
}
|
||||
|
||||
// edit text unit and type scale on a component level
|
||||
@mixin textUnit($text-unit, $text-scale-ratio: 1.2) {
|
||||
--text-xs: calc((#{$text-unit} / #{$text-scale-ratio}) / #{$text-scale-ratio});
|
||||
--text-sm: calc(var(--text-xs) * #{$text-scale-ratio});
|
||||
--text-md: calc(var(--text-sm) * #{$text-scale-ratio} * #{$text-scale-ratio});
|
||||
--text-lg: calc(var(--text-md) * #{$text-scale-ratio});
|
||||
--text-xl: calc(var(--text-lg) * #{$text-scale-ratio});
|
||||
--text-xxl: calc(var(--text-xl) * #{$text-scale-ratio});
|
||||
--text-xxxl: calc(var(--text-xxl) * #{$text-scale-ratio});
|
||||
--text-xxxxl: calc(var(--text-xxxl) * #{$text-scale-ratio});
|
||||
font-size: $text-unit;
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// Spacing
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// edit space unit on a component level
|
||||
@mixin spaceUnit($space-unit) {
|
||||
--space-unit: #{$space-unit};
|
||||
--space-xxxxs: calc(0.125 * #{$space-unit});
|
||||
--space-xxxs: calc(0.25 * #{$space-unit});
|
||||
--space-xxs: calc(0.375 * #{$space-unit});
|
||||
--space-xs: calc(0.5 * #{$space-unit});
|
||||
--space-sm: calc(0.75 * #{$space-unit});
|
||||
--space-md: calc(1.25 * #{$space-unit});
|
||||
--space-lg: calc(2 * #{$space-unit});
|
||||
--space-xl: calc(3.25 * #{$space-unit});
|
||||
--space-xxl: calc(5.25 * #{$space-unit});
|
||||
--space-xxxl: calc(8.5 * #{$space-unit});
|
||||
--space-xxxxl: calc(13.75 * #{$space-unit});
|
||||
--component-padding: var(--space-md);
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// Reset
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// reset user agent style
|
||||
@mixin reset {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// Colors
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// define HSL color variable
|
||||
@mixin defineColorHSL($color, $hue, $saturation, $lightness){
|
||||
#{$color}: unquote("hsl(#{$hue}, #{$saturation}, #{$lightness})");#{$color}-h: #{$hue};#{$color}-s: #{$saturation};#{$color}-l: #{$lightness};
|
||||
}
|
||||
|
||||
// return color with different opacity value
|
||||
@function alpha($color, $opacity){
|
||||
$color: str-replace($color, 'var(');
|
||||
$color: str-replace($color, ')');
|
||||
$color-h: var(#{$color+'-h'});
|
||||
$color-s: var(#{$color+'-s'});
|
||||
$color-l: var(#{$color+'-l'});
|
||||
@return hsla($color-h, $color-s, $color-l, $opacity);
|
||||
}
|
||||
|
||||
// return color with different lightness value
|
||||
@function lightness($color, $lightnessMultiplier){
|
||||
$color: str-replace($color, 'var(');
|
||||
$color: str-replace($color, ')');
|
||||
$color-h: var(#{$color+'-h'});
|
||||
$color-s: var(#{$color+'-s'});
|
||||
$color-l: var(#{$color+'-l'});
|
||||
@return hsl($color-h, $color-s, calc(#{$color-l} * #{$lightnessMultiplier}));
|
||||
}
|
||||
|
||||
// replace substring with another string
|
||||
// credits: https://css-tricks.com/snippets/sass/str-replace-function/
|
||||
@function str-replace($string, $search, $replace: '') {
|
||||
$index: str-index($string, $search);
|
||||
@if $index {
|
||||
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
||||
}
|
||||
@return $string;
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// Accessibility
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// hide - content made available only to screen readers
|
||||
@mixin srHide {
|
||||
position: absolute;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
}
|
||||
|
||||
// show
|
||||
@mixin srShow {
|
||||
position: static;
|
||||
clip: auto;
|
||||
clip-path: none;
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// Grid & Layout
|
||||
|
||||
// --------------------------------
|
||||
|
||||
$grid-columns: 12 !default;
|
||||
|
||||
// used to round width to a number with 2 decimal places - used for IE fallback
|
||||
@function round-width ($i) {
|
||||
$width : floor(100% * $i * 100/ $grid-columns) / 100;
|
||||
@return $width;
|
||||
}
|
||||
|
||||
// used to create the auto-size columns of the grid system (.col class)
|
||||
@mixin autoSizedColumn {
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// CSS Grid Layout fallback
|
||||
@mixin gridFallback($gap: null) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@if( $gap == null ) {
|
||||
$gap: var(--space-md);
|
||||
}
|
||||
|
||||
margin: calc(#{$gap} * -1) 0 0 calc(#{$gap} * -1);
|
||||
|
||||
> * {
|
||||
padding: #{$gap} 0 0 #{$gap};
|
||||
background-clip: content-box;
|
||||
}
|
||||
|
||||
@supports (grid-area: auto) {
|
||||
margin: 0;
|
||||
|
||||
> * {
|
||||
padding: 0;
|
||||
max-width: none!important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin column($width) {
|
||||
@if unit($width) != '%' {
|
||||
$width: $width * 100%;
|
||||
}
|
||||
flex-basis: #{$width};
|
||||
max-width: #{$width};
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// CSS Triangle
|
||||
|
||||
// --------------------------------
|
||||
|
||||
@mixin triangle ($direction: up, $width: 12px, $color: red) {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border: $width solid transparent;
|
||||
|
||||
@if( $direction == left ) {
|
||||
border-right-color: $color;
|
||||
} @else if( $direction == right ) {
|
||||
border-left-color: $color;
|
||||
} @else if( $direction == down ) {
|
||||
border-top-color: $color;
|
||||
} @else {
|
||||
border-bottom-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin truncate($width){
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: $width;
|
||||
}
|
||||
|
||||
|
||||
// TEMPLATES
|
||||
@mixin content {
|
||||
display: grid;
|
||||
grid-template-rows: 60px 1fr;
|
||||
// height: 100vh;
|
||||
width: 990px;
|
||||
margin: 0 auto;
|
||||
margin-top: var(--m4);
|
||||
}
|
||||
|
||||
@mixin content_header {
|
||||
display: flex;
|
||||
height: 60px;
|
||||
align-items: center;
|
||||
margin-bottom: var(--m3);
|
||||
padding: 0 var(--m3);
|
||||
background: var(--color-surface);
|
||||
margin-bottom: 0;
|
||||
border-radius: 6px;
|
||||
|
||||
.suphero__left {
|
||||
flex: 1;
|
||||
color: var(--color-text);
|
||||
}
|
||||
.suphero__actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.follow {
|
||||
margin-right: var(--m3);
|
||||
}
|
||||
|
||||
.dialog__container {
|
||||
margin-right: var(--m2);
|
||||
}
|
||||
}
|
||||
|
||||
.suphero__actions button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.suphero__actions a:first-of-type {
|
||||
margin: 0;
|
||||
margin-right: var(--m3);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin content_two_sides {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 312px;
|
||||
margin: 0 auto;
|
||||
grid-column-gap: var(--m3);
|
||||
margin-top: var(--m3);
|
||||
.mainContent__selected {
|
||||
width: 660px;
|
||||
border: none;
|
||||
padding: var(--m3);
|
||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
|
||||
height: fit-content;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.layout__menu {
|
||||
border-bottom: var(--border);
|
||||
margin: 8px -16px;
|
||||
padding: 0 16px;
|
||||
padding-bottom: 16px;
|
||||
.navigation__item {
|
||||
margin-right: 32px;
|
||||
&.active::before {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.mainContent__all {
|
||||
width: 900px;
|
||||
border: none;
|
||||
background: #fff;
|
||||
padding: var(--m3);
|
||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
|
||||
height: fit-content;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
@mixin content_navigation {
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
background: var(--color-surface);
|
||||
padding: 8px;
|
||||
border-radius: 6px;
|
||||
height: fit-content;
|
||||
box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
|
||||
height: max-content;
|
||||
color: var(--color-text);
|
||||
a {
|
||||
display: block;
|
||||
height: 40px;
|
||||
align-self: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 var(--m2);
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 50px;
|
||||
align-items: center;
|
||||
i {
|
||||
margin-right: var(--m2);
|
||||
}
|
||||
&.active {
|
||||
font-weight: 500;
|
||||
&:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: var(--m2);
|
||||
bottom: var(--m2);
|
||||
width: 4px;
|
||||
height: auto;
|
||||
background-color: var(--color-primary);
|
||||
display: block;
|
||||
left: -8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// DROPDOWN
|
||||
@mixin icon-dropdown($orientation: "left") {
|
||||
position: relative;
|
||||
color: var(--color-primary);
|
||||
cursor: pointer;
|
||||
summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
summary {
|
||||
list-style: none;
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
&[open] {
|
||||
& > summary:before {
|
||||
content: " ";
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
&::before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.dropdown__list {
|
||||
.list__page-link {
|
||||
font-size: 16px;
|
||||
}
|
||||
&:before {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "";
|
||||
top: -16px;
|
||||
@if ($orientation == "right") {
|
||||
right: 16px;
|
||||
left: auto;
|
||||
} @else {
|
||||
left: 9px;
|
||||
right: auto;
|
||||
}
|
||||
border: 8px solid transparent;
|
||||
border-bottom-color: rgba(27, 31, 35, 0.15);
|
||||
}
|
||||
&:after {
|
||||
top: -14px;
|
||||
@if ($orientation == "right") {
|
||||
right: 17px;
|
||||
left: auto;
|
||||
} @else {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
border: 7px solid transparent;
|
||||
border-bottom-color: #fff;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "";
|
||||
}
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
@if ($orientation == "right") {
|
||||
right: 0;
|
||||
left: auto
|
||||
} @else {
|
||||
left: 0;
|
||||
}
|
||||
z-index: 100;
|
||||
width: 260px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-top: var(--m2);
|
||||
list-style: none;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #e1e4e8;
|
||||
border-radius: 6px;
|
||||
padding: var(--m2);
|
||||
box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
|
||||
h2 {
|
||||
margin: var(--m2) 0;
|
||||
color: var(--color-background);
|
||||
}
|
||||
li {
|
||||
color: var(--color-surface);
|
||||
display: block;
|
||||
// border-bottom: var(--border);
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
margin-bottom: var(--m2);
|
||||
a {
|
||||
font-size: 16px;
|
||||
}
|
||||
&:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
i {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
background: #e9e9e9;
|
||||
border-radius: 12px;
|
||||
margin-right: 8px;
|
||||
color: var(--color-surface);
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
&:hover {
|
||||
background-color: lightness(var(--color-primary), 1.6);
|
||||
}
|
||||
// button {
|
||||
// height: auto;
|
||||
// padding: 0;
|
||||
// width: 100%;
|
||||
// text-align: left;
|
||||
// padding: 0 var(--m2);
|
||||
// font-weight: 500;
|
||||
// color: var(--color-surface);
|
||||
// }
|
||||
a {
|
||||
font-weight: 500;
|
||||
display: block;
|
||||
width: 100%;
|
||||
color: var(--color-surface);
|
||||
text-align: left;
|
||||
padding: 0 var(--m2);
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
|
||||
/* HTML TEMPLATE
|
||||
<div class="named-avatar">
|
||||
<img alt="profile pic" src="<%= e(@user, :profile, :icon_url, "") %>" />
|
||||
<h3><%= e(@user, :profile, :name, "Me") %></h3>
|
||||
</div>
|
||||
*/
|
||||
|
||||
@mixin named-avatar($color: var(--color-surface), $squared: false) {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
width: var(--avatar_m);
|
||||
height: var(--avatar_m);
|
||||
border-radius: var(--avatar_m);
|
||||
border: 3px solid lightness(var(--color-primary), 1.5);
|
||||
background: var(--color-weird);
|
||||
|
||||
@if $squared {
|
||||
border-radius: var(--radius);
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
margin-left: var(--m2);
|
||||
}
|
||||
}
|
||||
|
||||
.named-avatar {
|
||||
@include named-avatar();
|
||||
}
|
||||
|
|
@ -1,122 +0,0 @@
|
|||
:root {
|
||||
--fontPrimary: "Fira Sans";
|
||||
--fontSecondary: "Merriweather";
|
||||
|
||||
// DARK THEME
|
||||
--color-foreground-1: #ECEFF4;
|
||||
--color-foreground-2: #E5E9F0;
|
||||
--color-foreground-3: #D8DEE9;
|
||||
--color-background-0: #2E3440;
|
||||
--color-background-1: #3B4252;
|
||||
--color-background-2: #434C5E;
|
||||
--color-background-3: #4C566A;
|
||||
|
||||
// LIGTH THEME
|
||||
// --color-foreground-1: #2E3440;
|
||||
// --color-foreground-2: #3B4252;
|
||||
// --color-foreground-3: #434C5E;
|
||||
// --color-background-0: #ECEFF4;
|
||||
// --color-background-1: #E5E9F0;
|
||||
// --color-background-2: #D8DEE9;
|
||||
// --color-background-3: #fff;
|
||||
|
||||
|
||||
|
||||
// color
|
||||
--color-background: var(--color-background-0);
|
||||
--color-background-dark: #2a2f3a;
|
||||
--color-surface: #3b4252;
|
||||
--color-selection: #434c5e;
|
||||
--color-border: #4c566a;
|
||||
--color-text: #eceff4;
|
||||
--color-text-subtle: #acadaf;
|
||||
--color-primary: #A0D7E8;
|
||||
--color-primary-dark: #92c0ce;
|
||||
--color-secondary: #0D4487;
|
||||
--color-secondary-dark: #093366;
|
||||
--color-tertiary: #5e81ac;
|
||||
--color-tertiary-dark: #4d6c92;
|
||||
--color-error: #bf616a;
|
||||
--color-warning: #ebcb8b;
|
||||
--color-success: #a3be8c;
|
||||
--color-weird: #b48ead;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// spaces
|
||||
--m1: 4px;
|
||||
--m2: 8px;
|
||||
--m3: 16px;
|
||||
--m4: 24px;
|
||||
--border: 1px solid var(--color-border);
|
||||
--avatar_xl: 150px;
|
||||
--avatar_m: 34px;
|
||||
--radius: 6px;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] {
|
||||
// color
|
||||
--color-background: #2e3440;
|
||||
--color-background-dark: #2a2f3az;
|
||||
--color-surface: #3b4252;
|
||||
--color-selection: #434c5e;
|
||||
--color-border: #4c566a;
|
||||
--color-text: #eceff4;
|
||||
--color-text-subtle: #e5e9f0;
|
||||
--color-primary: #88c0d0;
|
||||
--color-primary-dark: #6d9fad;
|
||||
--color-secondary: #81a1c1;
|
||||
--color-secondary-dark: #6a849e;
|
||||
--color-tertiary: #5e81ac;
|
||||
--color-tertiary-dark: #4d6c92;
|
||||
--color-error: #bf616a;
|
||||
--color-warning: #ebcb8b;
|
||||
--color-success: #a3be8c;
|
||||
--color-weird: #b48ead;
|
||||
}
|
||||
|
||||
:root[data-theme="light"] {
|
||||
// color
|
||||
--color-background: #eceff4;
|
||||
--color-background-dark: #dee3ea;
|
||||
--color-surface: #d8dee9;
|
||||
--color-selection: #e5e9f0;
|
||||
--color-border: #dee3ea;
|
||||
--color-text: #2e3440;
|
||||
--color-text-subtle: #3b4252;
|
||||
--color-primary: #88c0d0;
|
||||
--color-primary-dark: #6d9fad;
|
||||
--color-secondary: #81a1c1;
|
||||
--color-secondary-dark: #6a849e;
|
||||
--color-tertiary: #5e81ac;
|
||||
--color-tertiary-dark: #4d6c92;
|
||||
--color-error: #bf616a;
|
||||
--color-warning: #ebcb8b;
|
||||
--color-success: #a3be8c;
|
||||
--color-weird: #b48ead;
|
||||
}
|
||||
|
||||
// :root, [data-theme="default"] {
|
||||
// --color-primary: hsl(210, 97%, 61%);
|
||||
// --color-primary-h: 210;
|
||||
// --color-primary-s: 97%;
|
||||
// --color-primary-l: 61%;
|
||||
// --color-button-classic: hsl(210,25%,98%);
|
||||
// --color-button-classic-h: 210;
|
||||
// --color-button-classic-s: 25%;
|
||||
// --color-button-classic-l: 98%;
|
||||
// --color-surface: hsl(0,0%,24%);
|
||||
// --color-surface-h: 0;
|
||||
// --color-surface-s: 0%;
|
||||
// --color-surface-l: 24%;
|
||||
// }
|
||||
|
||||
/* PRIMARY */
|
||||
/* SECONDARY */
|
||||
/* BACKGROUND */
|
||||
/* SURFACE */
|
||||
/* SUCCESS */
|
||||
/* WARNING */
|
||||
/* ERROR */
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
@font-face {
|
||||
font-family: "Fira Sans";
|
||||
src: url(../fonts/FiraSans-Regular.ttf) format("truetype");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Fira Sans";
|
||||
src: url(../fonts/FiraSans-Bold.ttf) format("truetype");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Fira Sans";
|
||||
src: url(../fonts/FiraSans-Light.ttf) format("truetype");
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Fira Sans";
|
||||
src: url(../fonts/FiraSans-Medium.ttf) format("truetype");
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@mixin text-gray {
|
||||
font-size: 1em;
|
||||
color: lightness(var(--color-surface), 2.5);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@mixin sup-title {
|
||||
font-size: 1em;
|
||||
color: var(--color-text-subtle);
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
:root {
|
||||
// font family
|
||||
--font-primary: "Fira Sans";
|
||||
|
||||
// body font size
|
||||
--text-base-size: 1em;
|
||||
|
||||
// type scale
|
||||
--text-scale-ratio: 1.2;
|
||||
--text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio));
|
||||
--text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
|
||||
--text-md: calc(
|
||||
var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio)
|
||||
);
|
||||
--text-lg: calc(var(--text-md) * var(--text-scale-ratio));
|
||||
--text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
|
||||
--text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
|
||||
--text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
|
||||
--text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio));
|
||||
|
||||
// line-height
|
||||
--body-line-height: 1.4;
|
||||
--heading-line-height: 1.2;
|
||||
// capital letters - used in combo with the lhCrop mixin
|
||||
--font-primary-capital-letter: 1;
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// (END) Global Editor Code
|
||||
|
||||
// --------------------------------
|
||||
|
||||
.article {
|
||||
// e.g., blog posts
|
||||
--body-line-height: 1.58; // set body line-height
|
||||
--text-vspace-multiplier: 1.2; // increase vertical spacing
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: var(--text-base-size, 1em);
|
||||
font-family: var(--font-primary, sans-serif);
|
||||
color: var(--color-surface);
|
||||
background: var(--color-background);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
color: var(--color-text);
|
||||
line-height: var(--heading-line-height, 1.2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: var(--text-xxl, 2.074em);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: var(--text-xl, 1.728em);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: var(--text-lg, 1.44em);
|
||||
@include sup-title;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
color: var(--color-text-subtle);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: var(--text-sm, 0.833em);
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// Inline Text
|
||||
|
||||
// --------------------------------
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
s {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
u {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
// --------------------------------
|
||||
|
||||
// Classes
|
||||
|
||||
// --------------------------------
|
||||
|
|
@ -1,818 +0,0 @@
|
|||
@font-face {
|
||||
font-family: "Feather";
|
||||
src: url("../fonts/Feather.ttf?sdxovp") format("truetype"),
|
||||
url("../fonts/Feather.woff?sdxovp") format("woff"),
|
||||
url("../fonts/Feather.svg?sdxovp#Feather") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^="feather-"],
|
||||
[class*=" feather-"] {
|
||||
font-family: "feather" !important;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.feather-activity:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.feather-airplay:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.feather-alert-circle:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.feather-alert-octagon:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.feather-alert-triangle:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.feather-align-center:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.feather-align-justify:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.feather-align-left:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.feather-align-right:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.feather-anchor:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.feather-aperture:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.feather-archive:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.feather-arrow-down:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.feather-arrow-down-circle:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.feather-arrow-down-left:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.feather-arrow-down-right:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.feather-arrow-left:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.feather-arrow-left-circle:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.feather-arrow-right:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.feather-arrow-right-circle:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.feather-arrow-up:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.feather-arrow-up-circle:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.feather-arrow-up-left:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.feather-arrow-up-right:before {
|
||||
content: "\e917";
|
||||
}
|
||||
.feather-at-sign:before {
|
||||
content: "\e918";
|
||||
}
|
||||
.feather-award:before {
|
||||
content: "\e919";
|
||||
}
|
||||
.feather-bar-chart:before {
|
||||
content: "\e91a";
|
||||
}
|
||||
.feather-bar-chart-2:before {
|
||||
content: "\e91b";
|
||||
}
|
||||
.feather-battery:before {
|
||||
content: "\e91c";
|
||||
}
|
||||
.feather-battery-charging:before {
|
||||
content: "\e91d";
|
||||
}
|
||||
.feather-bell:before {
|
||||
content: "\e91e";
|
||||
}
|
||||
.feather-bell-off:before {
|
||||
content: "\e91f";
|
||||
}
|
||||
.feather-bluetooth:before {
|
||||
content: "\e920";
|
||||
}
|
||||
.feather-bold:before {
|
||||
content: "\e921";
|
||||
}
|
||||
.feather-book:before {
|
||||
content: "\e922";
|
||||
}
|
||||
.feather-book-open:before {
|
||||
content: "\e923";
|
||||
}
|
||||
.feather-bookmark:before {
|
||||
content: "\e924";
|
||||
}
|
||||
.feather-box:before {
|
||||
content: "\e925";
|
||||
}
|
||||
.feather-briefcase:before {
|
||||
content: "\e926";
|
||||
}
|
||||
.feather-calendar:before {
|
||||
content: "\e927";
|
||||
}
|
||||
.feather-camera:before {
|
||||
content: "\e928";
|
||||
}
|
||||
.feather-camera-off:before {
|
||||
content: "\e929";
|
||||
}
|
||||
.feather-cast:before {
|
||||
content: "\e92a";
|
||||
}
|
||||
.feather-check:before {
|
||||
content: "\e92b";
|
||||
}
|
||||
.feather-check-circle:before {
|
||||
content: "\e92c";
|
||||
}
|
||||
.feather-check-square:before {
|
||||
content: "\e92d";
|
||||
}
|
||||
.feather-chevron-down:before {
|
||||
content: "\e92e";
|
||||
}
|
||||
.feather-chevron-left:before {
|
||||
content: "\e92f";
|
||||
}
|
||||
.feather-chevron-right:before {
|
||||
content: "\e930";
|
||||
}
|
||||
.feather-chevron-up:before {
|
||||
content: "\e931";
|
||||
}
|
||||
.feather-chevrons-down:before {
|
||||
content: "\e932";
|
||||
}
|
||||
.feather-chevrons-left:before {
|
||||
content: "\e933";
|
||||
}
|
||||
.feather-chevrons-right:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.feather-chevrons-up:before {
|
||||
content: "\e935";
|
||||
}
|
||||
.feather-chrome:before {
|
||||
content: "\e936";
|
||||
}
|
||||
.feather-circle:before {
|
||||
content: "\e937";
|
||||
}
|
||||
.feather-clipboard:before {
|
||||
content: "\e938";
|
||||
}
|
||||
.feather-clock:before {
|
||||
content: "\e939";
|
||||
}
|
||||
.feather-cloud:before {
|
||||
content: "\e93a";
|
||||
}
|
||||
.feather-cloud-drizzle:before {
|
||||
content: "\e93b";
|
||||
}
|
||||
.feather-cloud-lightning:before {
|
||||
content: "\e93c";
|
||||
}
|
||||
.feather-cloud-off:before {
|
||||
content: "\e93d";
|
||||
}
|
||||
.feather-cloud-rain:before {
|
||||
content: "\e93e";
|
||||
}
|
||||
.feather-cloud-snow:before {
|
||||
content: "\e93f";
|
||||
}
|
||||
.feather-code:before {
|
||||
content: "\e940";
|
||||
}
|
||||
.feather-codepen:before {
|
||||
content: "\e941";
|
||||
}
|
||||
.feather-command:before {
|
||||
content: "\e942";
|
||||
}
|
||||
.feather-compass:before {
|
||||
content: "\e943";
|
||||
}
|
||||
.feather-copy:before {
|
||||
content: "\e944";
|
||||
}
|
||||
.feather-corner-down-left:before {
|
||||
content: "\e945";
|
||||
}
|
||||
.feather-corner-down-right:before {
|
||||
content: "\e946";
|
||||
}
|
||||
.feather-corner-left-down:before {
|
||||
content: "\e947";
|
||||
}
|
||||
.feather-corner-left-up:before {
|
||||
content: "\e948";
|
||||
}
|
||||
.feather-corner-right-down:before {
|
||||
content: "\e949";
|
||||
}
|
||||
.feather-corner-right-up:before {
|
||||
content: "\e94a";
|
||||
}
|
||||
.feather-corner-up-left:before {
|
||||
content: "\e94b";
|
||||
}
|
||||
.feather-corner-up-right:before {
|
||||
content: "\e94c";
|
||||
}
|
||||
.feather-cpu:before {
|
||||
content: "\e94d";
|
||||
}
|
||||
.feather-credit-card:before {
|
||||
content: "\e94e";
|
||||
}
|
||||
.feather-crop:before {
|
||||
content: "\e94f";
|
||||
}
|
||||
.feather-crosshair:before {
|
||||
content: "\e950";
|
||||
}
|
||||
.feather-database:before {
|
||||
content: "\e951";
|
||||
}
|
||||
.feather-delete:before {
|
||||
content: "\e952";
|
||||
}
|
||||
.feather-disc:before {
|
||||
content: "\e953";
|
||||
}
|
||||
.feather-dollar-sign:before {
|
||||
content: "\e954";
|
||||
}
|
||||
.feather-download:before {
|
||||
content: "\e955";
|
||||
}
|
||||
.feather-download-cloud:before {
|
||||
content: "\e956";
|
||||
}
|
||||
.feather-droplet:before {
|
||||
content: "\e957";
|
||||
}
|
||||
.feather-edit:before {
|
||||
content: "\e958";
|
||||
}
|
||||
.feather-edit-2:before {
|
||||
content: "\e959";
|
||||
}
|
||||
.feather-edit-3:before {
|
||||
content: "\e95a";
|
||||
}
|
||||
.feather-external-link:before {
|
||||
content: "\e95b";
|
||||
}
|
||||
.feather-eye:before {
|
||||
content: "\e95c";
|
||||
}
|
||||
.feather-eye-off:before {
|
||||
content: "\e95d";
|
||||
}
|
||||
.feather-facebook:before {
|
||||
content: "\e95e";
|
||||
}
|
||||
.feather-fast-forward:before {
|
||||
content: "\e95f";
|
||||
}
|
||||
.feather-feather:before {
|
||||
content: "\e960";
|
||||
}
|
||||
.feather-file:before {
|
||||
content: "\e961";
|
||||
}
|
||||
.feather-file-minus:before {
|
||||
content: "\e962";
|
||||
}
|
||||
.feather-file-plus:before {
|
||||
content: "\e963";
|
||||
}
|
||||
.feather-file-text:before {
|
||||
content: "\e964";
|
||||
}
|
||||
.feather-film:before {
|
||||
content: "\e965";
|
||||
}
|
||||
.feather-filter:before {
|
||||
content: "\e966";
|
||||
}
|
||||
.feather-flag:before {
|
||||
content: "\e967";
|
||||
}
|
||||
.feather-folder:before {
|
||||
content: "\e968";
|
||||
}
|
||||
.feather-folder-minus:before {
|
||||
content: "\e969";
|
||||
}
|
||||
.feather-folder-plus:before {
|
||||
content: "\e96a";
|
||||
}
|
||||
.feather-gift:before {
|
||||
content: "\e96b";
|
||||
}
|
||||
.feather-git-branch:before {
|
||||
content: "\e96c";
|
||||
}
|
||||
.feather-git-commit:before {
|
||||
content: "\e96d";
|
||||
}
|
||||
.feather-git-merge:before {
|
||||
content: "\e96e";
|
||||
}
|
||||
.feather-git-pull-request:before {
|
||||
content: "\e96f";
|
||||
}
|
||||
.feather-github:before {
|
||||
content: "\e970";
|
||||
}
|
||||
.feather-gitlab:before {
|
||||
content: "\e971";
|
||||
}
|
||||
.feather-globe:before {
|
||||
content: "\e972";
|
||||
}
|
||||
.feather-grid:before {
|
||||
content: "\e973";
|
||||
}
|
||||
.feather-hard-drive:before {
|
||||
content: "\e974";
|
||||
}
|
||||
.feather-hash:before {
|
||||
content: "\e975";
|
||||
}
|
||||
.feather-headphones:before {
|
||||
content: "\e976";
|
||||
}
|
||||
.feather-heart:before {
|
||||
content: "\e977";
|
||||
}
|
||||
.feather-help-circle:before {
|
||||
content: "\e978";
|
||||
}
|
||||
.feather-home:before {
|
||||
content: "\e979";
|
||||
}
|
||||
.feather-image:before {
|
||||
content: "\e97a";
|
||||
}
|
||||
.feather-inbox:before {
|
||||
content: "\e97b";
|
||||
}
|
||||
.feather-info:before {
|
||||
content: "\e97c";
|
||||
}
|
||||
.feather-instagram:before {
|
||||
content: "\e97d";
|
||||
}
|
||||
.feather-italic:before {
|
||||
content: "\e97e";
|
||||
}
|
||||
.feather-layers:before {
|
||||
content: "\e97f";
|
||||
}
|
||||
.feather-layout:before {
|
||||
content: "\e980";
|
||||
}
|
||||
.feather-life-buoy:before {
|
||||
content: "\e981";
|
||||
}
|
||||
.feather-link:before {
|
||||
content: "\e982";
|
||||
}
|
||||
.feather-link-2:before {
|
||||
content: "\e983";
|
||||
}
|
||||
.feather-linkedin:before {
|
||||
content: "\e984";
|
||||
}
|
||||
.feather-list:before {
|
||||
content: "\e985";
|
||||
}
|
||||
.feather-loader:before {
|
||||
content: "\e986";
|
||||
}
|
||||
.feather-lock:before {
|
||||
content: "\e987";
|
||||
}
|
||||
.feather-log-in:before {
|
||||
content: "\e988";
|
||||
}
|
||||
.feather-log-out:before {
|
||||
content: "\e989";
|
||||
}
|
||||
.feather-mail:before {
|
||||
content: "\e98a";
|
||||
}
|
||||
.feather-map:before {
|
||||
content: "\e98b";
|
||||
}
|
||||
.feather-map-pin:before {
|
||||
content: "\e98c";
|
||||
}
|
||||
.feather-maximize:before {
|
||||
content: "\e98d";
|
||||
}
|
||||
.feather-maximize-2:before {
|
||||
content: "\e98e";
|
||||
}
|
||||
.feather-menu:before {
|
||||
content: "\e98f";
|
||||
}
|
||||
.feather-message-circle:before {
|
||||
content: "\e990";
|
||||
}
|
||||
.feather-message-square:before {
|
||||
content: "\e991";
|
||||
}
|
||||
.feather-mic:before {
|
||||
content: "\e992";
|
||||
}
|
||||
.feather-mic-off:before {
|
||||
content: "\e993";
|
||||
}
|
||||
.feather-minimize:before {
|
||||
content: "\e994";
|
||||
}
|
||||
.feather-minimize-2:before {
|
||||
content: "\e995";
|
||||
}
|
||||
.feather-minus:before {
|
||||
content: "\e996";
|
||||
}
|
||||
.feather-minus-circle:before {
|
||||
content: "\e997";
|
||||
}
|
||||
.feather-minus-square:before {
|
||||
content: "\e998";
|
||||
}
|
||||
.feather-monitor:before {
|
||||
content: "\e999";
|
||||
}
|
||||
.feather-moon:before {
|
||||
content: "\e99a";
|
||||
}
|
||||
.feather-more-horizontal:before {
|
||||
content: "\e99b";
|
||||
}
|
||||
.feather-more-vertical:before {
|
||||
content: "\e99c";
|
||||
}
|
||||
.feather-move:before {
|
||||
content: "\e99d";
|
||||
}
|
||||
.feather-music:before {
|
||||
content: "\e99e";
|
||||
}
|
||||
.feather-navigation:before {
|
||||
content: "\e99f";
|
||||
}
|
||||
.feather-navigation-2:before {
|
||||
content: "\e9a0";
|
||||
}
|
||||
.feather-octagon:before {
|
||||
content: "\e9a1";
|
||||
}
|
||||
.feather-package:before {
|
||||
content: "\e9a2";
|
||||
}
|
||||
.feather-paperclip:before {
|
||||
content: "\e9a3";
|
||||
}
|
||||
.feather-pause:before {
|
||||
content: "\e9a4";
|
||||
}
|
||||
.feather-pause-circle:before {
|
||||
content: "\e9a5";
|
||||
}
|
||||
.feather-percent:before {
|
||||
content: "\e9a6";
|
||||
}
|
||||
.feather-phone:before {
|
||||
content: "\e9a7";
|
||||
}
|
||||
.feather-phone-call:before {
|
||||
content: "\e9a8";
|
||||
}
|
||||
.feather-phone-forwarded:before {
|
||||
content: "\e9a9";
|
||||
}
|
||||
.feather-phone-incoming:before {
|
||||
content: "\e9aa";
|
||||
}
|
||||
.feather-phone-missed:before {
|
||||
content: "\e9ab";
|
||||
}
|
||||
.feather-phone-off:before {
|
||||
content: "\e9ac";
|
||||
}
|
||||
.feather-phone-outgoing:before {
|
||||
content: "\e9ad";
|
||||
}
|
||||
.feather-pie-chart:before {
|
||||
content: "\e9ae";
|
||||
}
|
||||
.feather-play:before {
|
||||
content: "\e9af";
|
||||
}
|
||||
.feather-play-circle:before {
|
||||
content: "\e9b0";
|
||||
}
|
||||
.feather-plus:before {
|
||||
content: "\e9b1";
|
||||
}
|
||||
.feather-plus-circle:before {
|
||||
content: "\e9b2";
|
||||
}
|
||||
.feather-plus-square:before {
|
||||
content: "\e9b3";
|
||||
}
|
||||
.feather-pocket:before {
|
||||
content: "\e9b4";
|
||||
}
|
||||
.feather-power:before {
|
||||
content: "\e9b5";
|
||||
}
|
||||
.feather-printer:before {
|
||||
content: "\e9b6";
|
||||
}
|
||||
.feather-radio:before {
|
||||
content: "\e9b7";
|
||||
}
|
||||
.feather-refresh-ccw:before {
|
||||
content: "\e9b8";
|
||||
}
|
||||
.feather-refresh-cw:before {
|
||||
content: "\e9b9";
|
||||
}
|
||||
.feather-repeat:before {
|
||||
content: "\e9ba";
|
||||
}
|
||||
.feather-rewind:before {
|
||||
content: "\e9bb";
|
||||
}
|
||||
.feather-rotate-ccw:before {
|
||||
content: "\e9bc";
|
||||
}
|
||||
.feather-rotate-cw:before {
|
||||
content: "\e9bd";
|
||||
}
|
||||
.feather-rss:before {
|
||||
content: "\e9be";
|
||||
}
|
||||
.feather-save:before {
|
||||
content: "\e9bf";
|
||||
}
|
||||
.feather-scissors:before {
|
||||
content: "\e9c0";
|
||||
}
|
||||
.feather-search:before {
|
||||
content: "\e9c1";
|
||||
}
|
||||
.feather-send:before {
|
||||
content: "\e9c2";
|
||||
}
|
||||
.feather-server:before {
|
||||
content: "\e9c3";
|
||||
}
|
||||
.feather-settings:before {
|
||||
content: "\e9c4";
|
||||
}
|
||||
.feather-share:before {
|
||||
content: "\e9c5";
|
||||
}
|
||||
.feather-share-2:before {
|
||||
content: "\e9c6";
|
||||
}
|
||||
.feather-shield:before {
|
||||
content: "\e9c7";
|
||||
}
|
||||
.feather-shield-off:before {
|
||||
content: "\e9c8";
|
||||
}
|
||||
.feather-shopping-bag:before {
|
||||
content: "\e9c9";
|
||||
}
|
||||
.feather-shopping-cart:before {
|
||||
content: "\e9ca";
|
||||
}
|
||||
.feather-shuffle:before {
|
||||
content: "\e9cb";
|
||||
}
|
||||
.feather-sidebar:before {
|
||||
content: "\e9cc";
|
||||
}
|
||||
.feather-skip-back:before {
|
||||
content: "\e9cd";
|
||||
}
|
||||
.feather-skip-forward:before {
|
||||
content: "\e9ce";
|
||||
}
|
||||
.feather-slack:before {
|
||||
content: "\e9cf";
|
||||
}
|
||||
.feather-slash:before {
|
||||
content: "\e9d0";
|
||||
}
|
||||
.feather-sliders:before {
|
||||
content: "\e9d1";
|
||||
}
|
||||
.feather-smartphone:before {
|
||||
content: "\e9d2";
|
||||
}
|
||||
.feather-speaker:before {
|
||||
content: "\e9d3";
|
||||
}
|
||||
.feather-square:before {
|
||||
content: "\e9d4";
|
||||
}
|
||||
.feather-star:before {
|
||||
content: "\e9d5";
|
||||
}
|
||||
.feather-stop-circle:before {
|
||||
content: "\e9d6";
|
||||
}
|
||||
.feather-sun:before {
|
||||
content: "\e9d7";
|
||||
}
|
||||
.feather-sunrise:before {
|
||||
content: "\e9d8";
|
||||
}
|
||||
.feather-sunset:before {
|
||||
content: "\e9d9";
|
||||
}
|
||||
.feather-tablet:before {
|
||||
content: "\e9da";
|
||||
}
|
||||
.feather-tag:before {
|
||||
content: "\e9db";
|
||||
}
|
||||
.feather-target:before {
|
||||
content: "\e9dc";
|
||||
}
|
||||
.feather-terminal:before {
|
||||
content: "\e9dd";
|
||||
}
|
||||
.feather-thermometer:before {
|
||||
content: "\e9de";
|
||||
}
|
||||
.feather-thumbs-down:before {
|
||||
content: "\e9df";
|
||||
}
|
||||
.feather-thumbs-up:before {
|
||||
content: "\e9e0";
|
||||
}
|
||||
.feather-toggle-left:before {
|
||||
content: "\e9e1";
|
||||
}
|
||||
.feather-toggle-right:before {
|
||||
content: "\e9e2";
|
||||
}
|
||||
.feather-trash:before {
|
||||
content: "\e9e3";
|
||||
}
|
||||
.feather-trash-2:before {
|
||||
content: "\e9e4";
|
||||
}
|
||||
.feather-trending-down:before {
|
||||
content: "\e9e5";
|
||||
}
|
||||
.feather-trending-up:before {
|
||||
content: "\e9e6";
|
||||
}
|
||||
.feather-triangle:before {
|
||||
content: "\e9e7";
|
||||
}
|
||||
.feather-truck:before {
|
||||
content: "\e9e8";
|
||||
}
|
||||
.feather-tv:before {
|
||||
content: "\e9e9";
|
||||
}
|
||||
.feather-twitter:before {
|
||||
content: "\e9ea";
|
||||
}
|
||||
.feather-type:before {
|
||||
content: "\e9eb";
|
||||
}
|
||||
.feather-umbrella:before {
|
||||
content: "\e9ec";
|
||||
}
|
||||
.feather-underline:before {
|
||||
content: "\e9ed";
|
||||
}
|
||||
.feather-unlock:before {
|
||||
content: "\e9ee";
|
||||
}
|
||||
.feather-upload:before {
|
||||
content: "\e9ef";
|
||||
}
|
||||
.feather-upload-cloud:before {
|
||||
content: "\e9f0";
|
||||
}
|
||||
.feather-user:before {
|
||||
content: "\e9f1";
|
||||
}
|
||||
.feather-user-check:before {
|
||||
content: "\e9f2";
|
||||
}
|
||||
.feather-user-minus:before {
|
||||
content: "\e9f3";
|
||||
}
|
||||
.feather-user-plus:before {
|
||||
content: "\e9f4";
|
||||
}
|
||||
.feather-user-x:before {
|
||||
content: "\e9f5";
|
||||
}
|
||||
.feather-users:before {
|
||||
content: "\e9f6";
|
||||
}
|
||||
.feather-video:before {
|
||||
content: "\e9f7";
|
||||
}
|
||||
.feather-video-off:before {
|
||||
content: "\e9f8";
|
||||
}
|
||||
.feather-voicemail:before {
|
||||
content: "\e9f9";
|
||||
}
|
||||
.feather-volume:before {
|
||||
content: "\e9fa";
|
||||
}
|
||||
.feather-volume-1:before {
|
||||
content: "\e9fb";
|
||||
}
|
||||
.feather-volume-2:before {
|
||||
content: "\e9fc";
|
||||
}
|
||||
.feather-volume-x:before {
|
||||
content: "\e9fd";
|
||||
}
|
||||
.feather-watch:before {
|
||||
content: "\e9fe";
|
||||
}
|
||||
.feather-wifi:before {
|
||||
content: "\e9ff";
|
||||
}
|
||||
.feather-wifi-off:before {
|
||||
content: "\ea00";
|
||||
}
|
||||
.feather-wind:before {
|
||||
content: "\ea01";
|
||||
}
|
||||
.feather-x:before {
|
||||
content: "\ea02";
|
||||
}
|
||||
.feather-x-circle:before {
|
||||
content: "\ea03";
|
||||
}
|
||||
.feather-x-square:before {
|
||||
content: "\ea04";
|
||||
}
|
||||
.feather-youtube:before {
|
||||
content: "\ea05";
|
||||
}
|
||||
.feather-zap:before {
|
||||
content: "\ea06";
|
||||
}
|
||||
.feather-zap-off:before {
|
||||
content: "\ea07";
|
||||
}
|
||||
.feather-zoom-in:before {
|
||||
content: "\ea08";
|
||||
}
|
||||
.feather-zoom-out:before {
|
||||
content: "\ea09";
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
@import "normalize";
|
||||
@import "markdown";
|
||||
@import "feather";
|
||||
|
||||
/* Customize milligram */
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -1,986 +0,0 @@
|
|||
.markdown-body .octicon {
|
||||
display: inline-block;
|
||||
fill: currentColor;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.markdown-body .anchor {
|
||||
float: left;
|
||||
line-height: 1;
|
||||
margin-left: -20px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.markdown-body .anchor:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.markdown-body h1 .octicon-link,
|
||||
.markdown-body h2 .octicon-link,
|
||||
.markdown-body h3 .octicon-link,
|
||||
.markdown-body h4 .octicon-link,
|
||||
.markdown-body h5 .octicon-link,
|
||||
.markdown-body h6 .octicon-link {
|
||||
color: #1b1f23;
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.markdown-body h1:hover .anchor,
|
||||
.markdown-body h2:hover .anchor,
|
||||
.markdown-body h3:hover .anchor,
|
||||
.markdown-body h4:hover .anchor,
|
||||
.markdown-body h5:hover .anchor,
|
||||
.markdown-body h6:hover .anchor {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-body h1:hover .anchor .octicon-link,
|
||||
.markdown-body h2:hover .anchor .octicon-link,
|
||||
.markdown-body h3:hover .anchor .octicon-link,
|
||||
.markdown-body h4:hover .anchor .octicon-link,
|
||||
.markdown-body h5:hover .anchor .octicon-link,
|
||||
.markdown-body h6:hover .anchor .octicon-link {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.markdown-body h1:hover .anchor .octicon-link:before,
|
||||
.markdown-body h2:hover .anchor .octicon-link:before,
|
||||
.markdown-body h3:hover .anchor .octicon-link:before,
|
||||
.markdown-body h4:hover .anchor .octicon-link:before,
|
||||
.markdown-body h5:hover .anchor .octicon-link:before,
|
||||
.markdown-body h6:hover .anchor .octicon-link:before {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: ' ';
|
||||
display: inline-block;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}.markdown-body {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
line-height: 1.5;
|
||||
color: var(--color-text);
|
||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.markdown-body details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.markdown-body summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
.markdown-body a {
|
||||
background-color: initial;
|
||||
}
|
||||
|
||||
.markdown-body a:active,
|
||||
.markdown-body a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
.markdown-body strong {
|
||||
font-weight: inherit;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.markdown-body h1 {
|
||||
font-size: 2em;
|
||||
margin: .67em 0;
|
||||
}
|
||||
|
||||
.markdown-body img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.markdown-body code,
|
||||
.markdown-body kbd,
|
||||
.markdown-body pre {
|
||||
font-family: monospace,monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
box-sizing: initial;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.markdown-body [type=checkbox] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown-body * {
|
||||
box-sizing: border-box;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.markdown-body input {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.markdown-body a {
|
||||
color: var(--color-primary);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-body a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.markdown-body strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
height: 0;
|
||||
margin: 15px 0;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: var(--border);
|
||||
}
|
||||
|
||||
.markdown-body hr:after,
|
||||
.markdown-body hr:before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body hr:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown-body table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.markdown-body td,
|
||||
.markdown-body th {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown-body details summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.markdown-body kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
||||
line-height: 10px;
|
||||
color: #444d56;
|
||||
vertical-align: middle;
|
||||
background-color: #fafbfc;
|
||||
border: 1px solid #d1d5da;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #d1d5da;
|
||||
}
|
||||
|
||||
.markdown-body h1,
|
||||
.markdown-body h2,
|
||||
.markdown-body h3,
|
||||
.markdown-body h4,
|
||||
.markdown-body h5,
|
||||
.markdown-body h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown-body h1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.markdown-body h1,
|
||||
.markdown-body h2 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-body h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.markdown-body h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.markdown-body h3,
|
||||
.markdown-body h4 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-body h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.markdown-body h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.markdown-body h5,
|
||||
.markdown-body h6 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-body h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown-body p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.markdown-body blockquote {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown-body ol,
|
||||
.markdown-body ul {
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown-body ol ol,
|
||||
.markdown-body ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
.markdown-body ol ol ol,
|
||||
.markdown-body ol ul ol,
|
||||
.markdown-body ul ol ol,
|
||||
.markdown-body ul ul ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
.markdown-body dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.markdown-body code,
|
||||
.markdown-body pre {
|
||||
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown-body pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown-body input::-webkit-inner-spin-button,
|
||||
.markdown-body input::-webkit-outer-spin-button {
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.markdown-body :checked+.radio-label {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-color: #0366d6;
|
||||
}
|
||||
|
||||
.markdown-body .border {
|
||||
border: 1px solid #e1e4e8!important;
|
||||
}
|
||||
|
||||
.markdown-body .border-0 {
|
||||
border: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body .border-bottom {
|
||||
border-bottom: 1px solid #e1e4e8!important;
|
||||
}
|
||||
|
||||
.markdown-body .rounded-1 {
|
||||
border-radius: 3px!important;
|
||||
}
|
||||
|
||||
.markdown-body .bg-white {
|
||||
background-color: #fff!important;
|
||||
}
|
||||
|
||||
.markdown-body .bg-gray-light {
|
||||
background-color: #fafbfc!important;
|
||||
}
|
||||
|
||||
.markdown-body .text-gray-light {
|
||||
color: #6a737d!important;
|
||||
}
|
||||
|
||||
.markdown-body .mb-0 {
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body .my-2 {
|
||||
margin-top: 8px!important;
|
||||
margin-bottom: 8px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-0 {
|
||||
padding-left: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body .py-0 {
|
||||
padding-top: 0!important;
|
||||
padding-bottom: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-1 {
|
||||
padding-left: 4px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-2 {
|
||||
padding-left: 8px!important;
|
||||
}
|
||||
|
||||
.markdown-body .py-2 {
|
||||
padding-top: 8px!important;
|
||||
padding-bottom: 8px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-3,
|
||||
.markdown-body .px-3 {
|
||||
padding-left: 16px!important;
|
||||
}
|
||||
|
||||
.markdown-body .px-3 {
|
||||
padding-right: 16px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-4 {
|
||||
padding-left: 24px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-5 {
|
||||
padding-left: 32px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-6 {
|
||||
padding-left: 40px!important;
|
||||
}
|
||||
|
||||
.markdown-body .f6 {
|
||||
font-size: 12px!important;
|
||||
}
|
||||
|
||||
.markdown-body .lh-condensed {
|
||||
line-height: 1.25!important;
|
||||
}
|
||||
|
||||
.markdown-body .text-bold {
|
||||
font-weight: 600!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c {
|
||||
color: #6a737d;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c1,
|
||||
.markdown-body .pl-s .pl-v {
|
||||
color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown-body .pl-e,
|
||||
.markdown-body .pl-en {
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.markdown-body .pl-s .pl-s1,
|
||||
.markdown-body .pl-smi {
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ent {
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
.markdown-body .pl-k {
|
||||
color: #d73a49;
|
||||
}
|
||||
|
||||
.markdown-body .pl-pds,
|
||||
.markdown-body .pl-s,
|
||||
.markdown-body .pl-s .pl-pse .pl-s1,
|
||||
.markdown-body .pl-sr,
|
||||
.markdown-body .pl-sr .pl-cce,
|
||||
.markdown-body .pl-sr .pl-sra,
|
||||
.markdown-body .pl-sr .pl-sre {
|
||||
color: #032f62;
|
||||
}
|
||||
|
||||
.markdown-body .pl-smw,
|
||||
.markdown-body .pl-v {
|
||||
color: #e36209;
|
||||
}
|
||||
|
||||
.markdown-body .pl-bu {
|
||||
color: #b31d28;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ii {
|
||||
color: #fafbfc;
|
||||
background-color: #b31d28;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c2 {
|
||||
color: #fafbfc;
|
||||
background-color: #d73a49;
|
||||
}
|
||||
|
||||
.markdown-body .pl-c2:before {
|
||||
content: "^M";
|
||||
}
|
||||
|
||||
.markdown-body .pl-sr .pl-cce {
|
||||
font-weight: 700;
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ml {
|
||||
color: #735c0f;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mh,
|
||||
.markdown-body .pl-mh .pl-en,
|
||||
.markdown-body .pl-ms {
|
||||
font-weight: 700;
|
||||
color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mi {
|
||||
font-style: italic;
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mb {
|
||||
font-weight: 700;
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown-body .pl-md {
|
||||
color: #b31d28;
|
||||
background-color: #ffeef0;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mi1 {
|
||||
color: #22863a;
|
||||
background-color: #f0fff4;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mc {
|
||||
color: #e36209;
|
||||
background-color: #ffebda;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mi2 {
|
||||
color: #f6f8fa;
|
||||
background-color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown-body .pl-mdr {
|
||||
font-weight: 700;
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.markdown-body .pl-ba {
|
||||
color: #586069;
|
||||
}
|
||||
|
||||
.markdown-body .pl-sg {
|
||||
color: #959da5;
|
||||
}
|
||||
|
||||
.markdown-body .pl-corl {
|
||||
text-decoration: underline;
|
||||
color: #032f62;
|
||||
}
|
||||
|
||||
.markdown-body .mb-0 {
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body .my-2 {
|
||||
margin-bottom: 8px!important;
|
||||
}
|
||||
|
||||
.markdown-body .my-2 {
|
||||
margin-top: 8px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-0 {
|
||||
padding-left: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body .py-0 {
|
||||
padding-top: 0!important;
|
||||
padding-bottom: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-1 {
|
||||
padding-left: 4px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-2 {
|
||||
padding-left: 8px!important;
|
||||
}
|
||||
|
||||
.markdown-body .py-2 {
|
||||
padding-top: 8px!important;
|
||||
padding-bottom: 8px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-3 {
|
||||
padding-left: 16px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-4 {
|
||||
padding-left: 24px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-5 {
|
||||
padding-left: 32px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-6 {
|
||||
padding-left: 40px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-7 {
|
||||
padding-left: 48px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-8 {
|
||||
padding-left: 64px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-9 {
|
||||
padding-left: 80px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-10 {
|
||||
padding-left: 96px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-11 {
|
||||
padding-left: 112px!important;
|
||||
}
|
||||
|
||||
.markdown-body .pl-12 {
|
||||
padding-left: 128px!important;
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
border-bottom-color: #eee;
|
||||
}
|
||||
|
||||
.markdown-body kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
||||
line-height: 10px;
|
||||
color: #444d56;
|
||||
vertical-align: middle;
|
||||
background-color: #fafbfc;
|
||||
border: 1px solid #d1d5da;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #d1d5da;
|
||||
}
|
||||
|
||||
.markdown-body:after,
|
||||
.markdown-body:before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown-body:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.markdown-body>:first-child {
|
||||
margin-top: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body>:last-child {
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
|
||||
.markdown-body a:not([href]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown-body blockquote,
|
||||
.markdown-body details,
|
||||
.markdown-body dl,
|
||||
.markdown-body ol,
|
||||
.markdown-body p,
|
||||
.markdown-body pre,
|
||||
.markdown-body table,
|
||||
.markdown-body ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body hr {
|
||||
height: .25em;
|
||||
padding: 0;
|
||||
margin: 24px 0;
|
||||
background-color: #e1e4e8;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown-body blockquote {
|
||||
padding: 0 1em;
|
||||
color: #6a737d;
|
||||
border-left: .25em solid #dfe2e5;
|
||||
}
|
||||
|
||||
.markdown-body blockquote>:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.markdown-body blockquote>:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown-body h1,
|
||||
.markdown-body h2,
|
||||
.markdown-body h3,
|
||||
.markdown-body h4,
|
||||
.markdown-body h5,
|
||||
.markdown-body h6 {
|
||||
margin-top: 24px;
|
||||
margin-bottom: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.markdown-body h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.markdown-body h1,
|
||||
.markdown-body h2 {
|
||||
padding-bottom: .3em;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
.markdown-body h2 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.markdown-body h3 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.markdown-body h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown-body h5 {
|
||||
font-size: .875em;
|
||||
}
|
||||
|
||||
.markdown-body h6 {
|
||||
font-size: .85em;
|
||||
color: #6a737d;
|
||||
}
|
||||
|
||||
.markdown-body ol,
|
||||
.markdown-body ul {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.markdown-body ol ol,
|
||||
.markdown-body ol ul,
|
||||
.markdown-body ul ol,
|
||||
.markdown-body ul ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown-body li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
|
||||
.markdown-body li>p {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.markdown-body li+li {
|
||||
margin-top: .25em;
|
||||
}
|
||||
|
||||
.markdown-body dl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown-body dl dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-body dl dd {
|
||||
padding: 0 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.markdown-body table th {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown-body table td,
|
||||
.markdown-body table th {
|
||||
padding: 6px 13px;
|
||||
border: var(--border);
|
||||
}
|
||||
|
||||
.markdown-body table tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #c6cbd1;
|
||||
}
|
||||
|
||||
.markdown-body table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.markdown-body img {
|
||||
max-width: 100%;
|
||||
box-sizing: initial;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.markdown-body img[align=right] {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.markdown-body img[align=left] {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.markdown-body code {
|
||||
padding: .2em .4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: var(--color-background);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown-body pre {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.markdown-body pre>code {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
word-break: normal;
|
||||
white-space: pre;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown-body .highlight {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown-body .highlight pre {
|
||||
margin-bottom: 0;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.markdown-body .highlight pre,
|
||||
.markdown-body pre {
|
||||
padding: 16px;
|
||||
overflow: auto;
|
||||
font-size: 85%;
|
||||
line-height: 1.45;
|
||||
background-color: var(--color-background);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown-body pre code {
|
||||
display: inline;
|
||||
max-width: auto;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
line-height: inherit;
|
||||
word-wrap: normal;
|
||||
background-color: initial;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown-body .commit-tease-sha {
|
||||
display: inline-block;
|
||||
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
||||
font-size: 90%;
|
||||
color: #444d56;
|
||||
}
|
||||
|
||||
.markdown-body .full-commit .btn-outline:not(:disabled):hover {
|
||||
color: #005cc5;
|
||||
border-color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown-body .blob-wrapper {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.markdown-body .blob-wrapper-embedded {
|
||||
max-height: 240px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.markdown-body .blob-num {
|
||||
width: 1%;
|
||||
min-width: 50px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
color: rgba(27,31,35,.3);
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.markdown-body .blob-num:hover {
|
||||
color: rgba(27,31,35,.6);
|
||||
}
|
||||
|
||||
.markdown-body .blob-num:before {
|
||||
content: attr(data-line-number);
|
||||
}
|
||||
|
||||
.markdown-body .blob-code {
|
||||
position: relative;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
line-height: 20px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.markdown-body .blob-code-inner {
|
||||
overflow: visible;
|
||||
font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
|
||||
font-size: 12px;
|
||||
color: #24292e;
|
||||
word-wrap: normal;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.markdown-body .pl-token.active,
|
||||
.markdown-body .pl-token:hover {
|
||||
cursor: pointer;
|
||||
background: #ffea7f;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="1"] {
|
||||
-moz-tab-size: 1;
|
||||
tab-size: 1;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="2"] {
|
||||
-moz-tab-size: 2;
|
||||
tab-size: 2;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="3"] {
|
||||
-moz-tab-size: 3;
|
||||
tab-size: 3;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="4"] {
|
||||
-moz-tab-size: 4;
|
||||
tab-size: 4;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="5"] {
|
||||
-moz-tab-size: 5;
|
||||
tab-size: 5;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="6"] {
|
||||
-moz-tab-size: 6;
|
||||
tab-size: 6;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="7"] {
|
||||
-moz-tab-size: 7;
|
||||
tab-size: 7;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="8"] {
|
||||
-moz-tab-size: 8;
|
||||
tab-size: 8;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="9"] {
|
||||
-moz-tab-size: 9;
|
||||
tab-size: 9;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="10"] {
|
||||
-moz-tab-size: 10;
|
||||
tab-size: 10;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="11"] {
|
||||
-moz-tab-size: 11;
|
||||
tab-size: 11;
|
||||
}
|
||||
|
||||
.markdown-body .tab-size[data-tab-size="12"] {
|
||||
-moz-tab-size: 12;
|
||||
tab-size: 12;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item+.task-list-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.markdown-body .task-list-item input {
|
||||
margin: 0 .2em .25em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
@ -1,349 +0,0 @@
|
|||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,88 +0,0 @@
|
|||
.mainContent__navigation {
|
||||
margin-top: var(--m2);
|
||||
border-bottom: var(--border);
|
||||
height: 50px;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
column-gap: 16px;
|
||||
padding: 0 16px;
|
||||
border-radius: 6px;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
background: var(--color-surface);
|
||||
}
|
||||
|
||||
.home__navigation {
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
}
|
||||
|
||||
.navigation__title {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
/* border-bottom: var(--border); */
|
||||
margin: 0 -8px;
|
||||
padding: 16px;
|
||||
border-top: var(--border);
|
||||
padding-bottom: 0;
|
||||
padding-top: 8px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.navigation__item {
|
||||
place-self: center;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
color: var(--color-text);
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
&:hover {text-decoration: none};
|
||||
}
|
||||
|
||||
.navigation__item.active {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.meta__main-menu {
|
||||
.panel__item {
|
||||
padding: 0 var(--m3) !important;
|
||||
i {
|
||||
margin-right: 8px;
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navigation__item.active::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background-color: var(--color-primary);
|
||||
display: block;
|
||||
bottom: -18px;
|
||||
}
|
||||
|
||||
.navigation__item i {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.selected__header {
|
||||
height: 50px;
|
||||
border-bottom: var(--border);
|
||||
padding: 0 var(--m2);
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.selected__header h3 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
align-self: center;
|
||||
margin: 0;
|
||||
margin-left: var(--m2);
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
.pagination {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: var(--m2)
|
||||
}
|
||||
|
||||
.pagination button {
|
||||
margin: 0;
|
||||
width: 135px
|
||||
}
|
||||
|
||||
.pagination button:first-of-type {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
.toggle-check {
|
||||
em {
|
||||
font-style: normal;
|
||||
display: none;
|
||||
}
|
||||
s {
|
||||
text-decoration: none;
|
||||
}
|
||||
input:checked ~ span s {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input:checked ~ span em {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
background: #ccc;
|
||||
padding: 0.25em 0.5em 0.25em 2em;
|
||||
border-radius: 1em;
|
||||
min-width: 2em;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.15s;
|
||||
}
|
||||
|
||||
span:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
background: #fff;
|
||||
width: 1.1em;
|
||||
height: 1.1em;
|
||||
border-radius: 1em;
|
||||
position: absolute;
|
||||
left: 0.3em;
|
||||
top: 0.25em;
|
||||
transition: left 0.15s, margin-left 0.15s;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
input:checked ~ span {
|
||||
background: mauve;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
input:checked ~ span:after {
|
||||
left: 100%;
|
||||
margin-left: -1.4em;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,626 +0,0 @@
|
|||
.page__container {
|
||||
display: grid;
|
||||
grid-template-rows: 60px 1fr;
|
||||
}
|
||||
|
||||
.page {
|
||||
display: grid;
|
||||
height: calc(100vh - 60px);
|
||||
overflow: hidden;
|
||||
// grid-template-columns: 260px 1fr;
|
||||
grid-template-columns: 1fr;
|
||||
transition: transform 0.2s ease;
|
||||
background-color: var(--color-background);
|
||||
&.full {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
.page__fullContent {
|
||||
overflow: overlay;
|
||||
}
|
||||
|
||||
.guest__container {
|
||||
overflow-y: scroll;
|
||||
height: calc(100vh - 60px);
|
||||
}
|
||||
|
||||
.page.guest {
|
||||
display: grid;
|
||||
height: calc(100vh - 60px);
|
||||
grid-template-columns: 1fr;
|
||||
overflow: overlay;
|
||||
.page__full {
|
||||
overflow: overlay;
|
||||
}
|
||||
}
|
||||
|
||||
.page__wrapper {
|
||||
overflow-y: scroll;
|
||||
height: inherit;
|
||||
background: var(--color-background);
|
||||
}
|
||||
|
||||
.page__mainContent {
|
||||
max-width: 760px;
|
||||
min-width: 350px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.full .page__mainContent {
|
||||
max-width: 960px;
|
||||
}
|
||||
|
||||
.mainContent__selected {
|
||||
margin: var(--m3) 0;
|
||||
margin-top: 0;
|
||||
background-color: var(--color-surface);
|
||||
border-top: 0;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.selected__area .component__activity:last-of-type {
|
||||
border-bottom: none;
|
||||
|
||||
}
|
||||
|
||||
.selected__area:empty:before {
|
||||
font-family: "feather" !important;
|
||||
content: "\e93e";
|
||||
font-size: 40px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
color: var(--gray);
|
||||
margin-top: var(--m3);
|
||||
}
|
||||
|
||||
.selected__area:empty:after {
|
||||
content: "Nothing to see here...";
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: var(--m2);
|
||||
color: var(--gray);
|
||||
margin-bottom: var(--m3);
|
||||
}
|
||||
|
||||
.area__title {
|
||||
margin: -16px;
|
||||
margin-bottom: 0;
|
||||
height: 40px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding-left: var(--m3);
|
||||
text-transform: initial;
|
||||
border-bottom: var(--border);
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block__title {
|
||||
margin: 0 -8px;
|
||||
margin-bottom: 0;
|
||||
height: 40px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding-left: var(--m3);
|
||||
text-transform: initial;
|
||||
border-bottom: var(--border);
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.settings__panel {
|
||||
background-color: #f7f6f3;
|
||||
padding: var(--m3);
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.settings__panel:hover .panel__burger {
|
||||
display: flex;
|
||||
}
|
||||
.panel__burger {
|
||||
position: absolute;
|
||||
right: var(--m2);
|
||||
top: var(--m2);
|
||||
font-size: 24px;
|
||||
color: #aaaaaa;
|
||||
top: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
.panel__burger i {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
// DRAWER
|
||||
|
||||
.side__drawer {
|
||||
width: 260px;
|
||||
background: var(--color-surface);
|
||||
border: none;
|
||||
min-height: calc(100vh - 60px);
|
||||
height: calc(100vh - 60px);
|
||||
border: none;
|
||||
position: relative;
|
||||
transition: transform 0.2s ease;
|
||||
display: grid;
|
||||
.drawer__menu {
|
||||
overflow-y: auto;
|
||||
|
||||
.menu__link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 8px 16px;
|
||||
margin-top: 24px;
|
||||
&:hover {
|
||||
background: var(--color-border);
|
||||
}
|
||||
span {
|
||||
background: var(--color-tertiary);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
margin-right: var(--m2);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.communities__wrapper {
|
||||
position: relative;
|
||||
margin-top: var(--m3);
|
||||
details {
|
||||
margin-bottom: var(--m3);
|
||||
color: var(--color-text);
|
||||
summary {
|
||||
font-size: 11px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-subtle);
|
||||
font-weight: 400;
|
||||
padding: 0 var(--m3);
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.handle {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.panel__item {
|
||||
font-size: 15px;
|
||||
padding: var(--m1) var(--m3);
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: var(--m2);
|
||||
a {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
color: var(--color-surface);
|
||||
font-weight: 500;
|
||||
i {
|
||||
margin-right: var(--m2);
|
||||
line-height: 40px;
|
||||
}
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.empty__communities {
|
||||
background: var(--color-border);
|
||||
margin: var(--m3);
|
||||
padding: var(--m2);
|
||||
border-radius: 6px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: var(--color-secondary);
|
||||
span {
|
||||
text-decoration: underline;
|
||||
color: var(--color-primary);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.community__select {
|
||||
margin-bottom: var(--m2);
|
||||
height: 36px;
|
||||
border-radius: 6px;
|
||||
padding-left: var(--m2);
|
||||
background: var(--color-primary);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
label {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
margin-right: var(--m2);
|
||||
}
|
||||
select {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
border: none;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.general__post {
|
||||
.post__sub__actions {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
margin-top: var(--m2);
|
||||
button {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.post__toggle {
|
||||
height: 0;
|
||||
transform-origin: bottom;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: height 0.4s ease, opacity 0.4s ease;
|
||||
|
||||
&.form__visible {
|
||||
margin-bottom: var(--m2);
|
||||
height: 36px;
|
||||
margin-bottom: 11px;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
.post__wrapper {
|
||||
border: var(--border);
|
||||
border-radius: 4px;
|
||||
}
|
||||
textarea {
|
||||
border: none;
|
||||
padding: var(--m2);
|
||||
min-height: 150px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.post__actions {
|
||||
padding: var(--m2);
|
||||
background: #ebebeb;
|
||||
border-radius: 0 0 4px 4px;
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
margin-top: -5px;
|
||||
details {
|
||||
position: relative;
|
||||
summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
summary {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
height: 38px;
|
||||
max-height: 38px;
|
||||
}
|
||||
.community__select {
|
||||
position: absolute;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
.button-outline-only-icon {
|
||||
&.active {
|
||||
color: var(--color-primary);
|
||||
a {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
padding: 0;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
margin-right: var(--m3);
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: lightness(var(--color-surface), 1.5);
|
||||
a {
|
||||
display: flex;
|
||||
place-content: center;
|
||||
color: lightness(var(--color-surface), 1.5);
|
||||
}
|
||||
i {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
&:hover {
|
||||
background: #d7d7d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.drawer__profile {
|
||||
@include icon-dropdown("right");
|
||||
color: #fff;
|
||||
&.ligth {
|
||||
summary:before {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.general__details {
|
||||
.panel__item {
|
||||
@include named-avatar($squared: true);
|
||||
h3 {
|
||||
@include truncate(160px);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guest__menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 16px;
|
||||
border-bottom: var(--border);
|
||||
.menu__left {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.left__home {
|
||||
color: var(--color-surface);
|
||||
}
|
||||
input {
|
||||
margin-left: 16px;
|
||||
width: 280px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
background: #f9f9f9;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.menu__right {
|
||||
display: flex;
|
||||
a {
|
||||
margin-left: var(--m2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cpub__header {
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 60px;
|
||||
background-color: var(--color-background);
|
||||
border-bottom: 1px solid var(--color-surface);
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: var(--m2)
|
||||
}
|
||||
|
||||
.aside {
|
||||
aside {
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
position: absolute;
|
||||
z-index: 1000000;
|
||||
background-color: #fff;
|
||||
width: 320px;
|
||||
min-width: 320px;
|
||||
max-width: 320px;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
overflow-y: auto;
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: auto;
|
||||
height: 100vh;
|
||||
-webkit-transform-origin: top left;
|
||||
-ms-transform-origin: top left;
|
||||
transform-origin: top left;
|
||||
-webkit-animation-duration: 0.18s;
|
||||
animation-duration: 0.18s;
|
||||
-webkit-animation-timing-function: ease;
|
||||
animation-timing-function: ease;
|
||||
position: fixed;
|
||||
box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px,
|
||||
rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
|
||||
padding: 16px;
|
||||
.aside__app {
|
||||
margin-bottom: 16px;
|
||||
border: var(--border);
|
||||
padding: 12px;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.header__right {
|
||||
align-self: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: var(--m2);
|
||||
|
||||
.right__notification {
|
||||
background: var(--color-tertiary);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
margin-right: var(--m2);
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
background: var(--color-tertiary-dark);
|
||||
}
|
||||
}
|
||||
.panel__item {
|
||||
margin-left: var(--m2);
|
||||
}
|
||||
.box__info,
|
||||
.box__info a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
img {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 12px;
|
||||
border: 2px solid var(--color-text-subtle);
|
||||
margin-right: var(--m2);
|
||||
}
|
||||
h3 {
|
||||
color: var(--color-text);
|
||||
margin-right: var(--m4);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
.header__left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
.left__action {
|
||||
margin-left: var(--m3);
|
||||
}
|
||||
a {
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
color: var(--color-text);
|
||||
margin: 0;
|
||||
margin-left: var(--m2);
|
||||
}
|
||||
}
|
||||
.header__search {
|
||||
max-width: 468px;
|
||||
width: 100%;
|
||||
margin-left: var(--m3);
|
||||
border: 2px solid var(--color-border);
|
||||
background: var(--color-selection);
|
||||
color: var(--color-text);
|
||||
&::placeholder {
|
||||
color: var(--color-text-subtle);
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.feather-grid {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
color: var(--color-text);
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s ease-in;
|
||||
&:hover {
|
||||
background-color: lightness(var(--color-primary), 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
.dialog__create {
|
||||
input[type="text"] {
|
||||
margin-bottom: var(--m2);
|
||||
}
|
||||
}
|
||||
.dialog.fullpage,
|
||||
#write_dialog:target {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
transform: none;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.page__full {
|
||||
background: var(--color-background) !important;
|
||||
}
|
||||
|
||||
.page__wrapper {
|
||||
-moz-transition: left 0.5s ease;
|
||||
transition: left 0.5s ease;
|
||||
}
|
||||
|
||||
#slide-sidebar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#slide-sidebar:checked ~ .side__drawer {
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#slide-sidebar:checked ~ .page__wrapper {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#slide-sidebar:checked ~ #slide-sidebar-label {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#slide-sidebar-label {
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 220px;
|
||||
-moz-transition: left 0.5s ease;
|
||||
transition: left 0.5s ease;
|
||||
background: aquamarine;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
align-content: center;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.link_inputs_extra {
|
||||
display: none;
|
||||
}
|
||||
#input_url:valid + .link_inputs_extra {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.theme-switch-wrapper {
|
||||
}
|
||||
|
||||
18
assets/package-lock.json
generated
18
assets/package-lock.json
generated
|
|
@ -7605,6 +7605,15 @@
|
|||
"integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
|
||||
"dev": true
|
||||
},
|
||||
"resolve": {
|
||||
"version": "1.19.0",
|
||||
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
|
||||
"integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==",
|
||||
"requires": {
|
||||
"is-core-module": "^2.1.0",
|
||||
"path-parse": "^1.0.6"
|
||||
}
|
||||
},
|
||||
"resolve-cwd": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
|
||||
|
|
@ -8345,15 +8354,6 @@
|
|||
"util-deprecate": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"resolve": {
|
||||
"version": "1.19.0",
|
||||
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.19.0.tgz",
|
||||
"integrity": "sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==",
|
||||
"requires": {
|
||||
"is-core-module": "^2.1.0",
|
||||
"path-parse": "^1.0.6"
|
||||
}
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
|
||||
|
|
|
|||
Loading…
Reference in a new issue