mirror of
https://github.com/Gioni06/terminal.css
synced 2025-03-09 17:19:04 -04:00
mod gitignore
This commit is contained in:
Jonas Duri
parent
cc81cdab58
commit
99b09f115d
4
.gitignore
vendored
4
.gitignore
vendored
@ -329,4 +329,6 @@ ASALocalRun/
|
|||||||
# MFractors (Xamarin productivity tool) working folder
|
# MFractors (Xamarin productivity tool) working folder
|
||||||
.mfractor/
|
.mfractor/
|
||||||
|
|
||||||
dist/
|
dist/
|
||||||
|
/dist
|
||||||
|
/dist/*
|
||||||
635
dist/terminal.css
vendored
635
dist/terminal.css
vendored
@ -1,635 +0,0 @@
|
|||||||
:root {
|
|
||||||
--global-font-size: 14px;
|
|
||||||
--global-line-height: 1.4rem;
|
|
||||||
--global-space: 10px;
|
|
||||||
--font-stack: 'Fira Code',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
|
|
||||||
--background-color: var(--invert-font-color);
|
|
||||||
--page-width: 70em;
|
|
||||||
--font-color: #151513;
|
|
||||||
--invert-font-color: #fff;
|
|
||||||
--secondary-color: #727680;
|
|
||||||
--tertiary-color: #727680;
|
|
||||||
--primary-color: rgb(206, 4, 105);
|
|
||||||
--success-color: #2ac24b;
|
|
||||||
--info-color: #ffc501;
|
|
||||||
--warning-color: #e7601c;
|
|
||||||
--error-color: #ce0404;
|
|
||||||
--progress-bar-background: #cacdd5;
|
|
||||||
--progress-bar-fill: #151513;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
text-rendering: geometricPrecision;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-size: var(--global-font-size);
|
|
||||||
color: var(--font-color);
|
|
||||||
line-height: var(--global-line-height);
|
|
||||||
margin: 0;
|
|
||||||
font-family: var(--font-stack);
|
|
||||||
word-wrap: break-word;
|
|
||||||
background-color: var(--background-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6, .logo {
|
|
||||||
line-height: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
display: block;
|
|
||||||
word-break: break-all;
|
|
||||||
word-wrap: break-word;
|
|
||||||
color: #333;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
padding: var(--global-space);
|
|
||||||
white-space: pre-wrap; /* css-3 */
|
|
||||||
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
|
||||||
white-space: -pre-wrap; /* Opera 4-6 */
|
|
||||||
white-space: -o-pre-wrap; /* Opera 7 */
|
|
||||||
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
||||||
}
|
|
||||||
|
|
||||||
pre code {
|
|
||||||
overflow-x: scroll;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
display: inline-block;
|
|
||||||
min-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
cursor: pointer;
|
|
||||||
color: var(--primary-color);
|
|
||||||
text-decoration: none;
|
|
||||||
border-bottom: 1px solid var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
background-color: var(--primary-color);
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote, code, em, h1, h2, h3, h4, h5, h6, strong, .logo {
|
|
||||||
font-size: var(--global-font-size);
|
|
||||||
font-style: normal;
|
|
||||||
font-family: var(--font-stack);
|
|
||||||
color: var(--font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote, code, em, strong {
|
|
||||||
line-height: var(--global-line-height);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote, code, footer, h1, h2, h3, h4, h5, h6, header, li, ol, p, section, ul, .logo {
|
|
||||||
float: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote, h1, ol, p, ul, .logo {
|
|
||||||
margin-top: calc(var(--global-space) * 2);
|
|
||||||
margin-bottom: calc(var(--global-space) * 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul ul {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol ol {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, .logo {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
display: table-cell;
|
|
||||||
padding: calc(var(--global-space) * 2) 0 calc(var(--global-space) * 2);
|
|
||||||
margin: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1:after {
|
|
||||||
content: "====================================================================================================";
|
|
||||||
position: absolute;
|
|
||||||
bottom: var(--global-space);
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 + *, .logo + * {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2, h3, h4, h5, h6 {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: var(--global-line-height);
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
padding-left: calc(var(--global-space) * 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
li:after {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul > li:after {
|
|
||||||
content: "-";
|
|
||||||
}
|
|
||||||
|
|
||||||
ol {
|
|
||||||
counter-reset: a;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol > li:after {
|
|
||||||
content: counter(a) ".";
|
|
||||||
counter-increment: a;
|
|
||||||
}
|
|
||||||
|
|
||||||
ol li:nth-child(n+10):after {
|
|
||||||
left: -7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
position: relative;
|
|
||||||
padding-left: calc(var(--global-space) * 2);
|
|
||||||
padding-left: 2ch;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote:after {
|
|
||||||
content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
|
|
||||||
white-space: pre;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
line-height: var(--global-line-height);
|
|
||||||
color: #9ca2ab;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre code:after, pre code:before {
|
|
||||||
content: "";
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
font-weight: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
code:after, code:before {
|
|
||||||
content: "`";
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
position: relative;
|
|
||||||
height: calc(var(--global-space) * 2);
|
|
||||||
overflow: hidden;
|
|
||||||
border: 0;
|
|
||||||
margin: calc(var(--global-space) * 2) 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr:after {
|
|
||||||
content: "--------------------------------------------------------------------------------------------------------------------";
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
line-height: calc(var(--global-space) * 2);
|
|
||||||
width: 100%;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
-ones ol > li:after {
|
|
||||||
content: "1.";
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0 0 var(--global-line-height);
|
|
||||||
color: var(--global-font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
max-width: var(--page-width);
|
|
||||||
}
|
|
||||||
|
|
||||||
.container, .container-fluid {
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 calc(var(--global-space) * 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar {
|
|
||||||
height: 8px;
|
|
||||||
background-color: var(--progress-bar-background);
|
|
||||||
margin: 12px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar.progress-bar-show-percent {
|
|
||||||
margin-top: 38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-filled {
|
|
||||||
background-color: var(--progress-bar-fill);
|
|
||||||
height: 100%;
|
|
||||||
-webkit-transition: width .3s ease;
|
|
||||||
-o-transition: width .3s ease;
|
|
||||||
transition: width .3s ease;
|
|
||||||
position: relative;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-filled:before {
|
|
||||||
content: "";
|
|
||||||
border: 6px solid transparent;
|
|
||||||
border-top-color: var(--progress-bar-fill);
|
|
||||||
position: absolute;
|
|
||||||
top: -12px;
|
|
||||||
right: -6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-filled:after {
|
|
||||||
color: var(--progress-bar-fill);;
|
|
||||||
content: attr(data-filled);
|
|
||||||
display: block;
|
|
||||||
font-size: 12px;
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
border: 6px solid transparent;
|
|
||||||
top: -38px;
|
|
||||||
right: 0;
|
|
||||||
-ms-transform: translateX(50%);
|
|
||||||
-webkit-transform: translateX(50%);
|
|
||||||
transform: translateX(50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.progress-bar-no-arrow > .progress-bar-filled:before, .progress-bar-no-arrow > .progress-bar-filled:after {
|
|
||||||
content: "";
|
|
||||||
display: none;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin: var(--global-line-height) 0;
|
|
||||||
color: var(--font-color);
|
|
||||||
font-size: var(--global-font-size);
|
|
||||||
}
|
|
||||||
table tfoot tr th {
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
|
|
||||||
table caption {
|
|
||||||
font-size: 1em;
|
|
||||||
margin: 0 0 1em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
table td, table th {
|
|
||||||
vertical-align: top;
|
|
||||||
border: 1px solid var(--font-color);
|
|
||||||
line-height: var(--global-line-height);
|
|
||||||
padding: calc(var(--global-space) / 2);
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
table thead th {
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
table tbody td:first-child {
|
|
||||||
font-weight: 700;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
border: 1px solid var(--font-color);
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
font-size: 1em;
|
|
||||||
color: var(--font-color)
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="search"] {
|
|
||||||
border: 1px dashed var(--font-color);
|
|
||||||
width: 100%;
|
|
||||||
padding: .5em;
|
|
||||||
font-size: 1em;
|
|
||||||
font-family: var(--font-stack);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="email"]:active, input[type="text"]:active, input[type="number"]:active, input[type="password"]:active, input[type="search"]:active
|
|
||||||
input[type="email"]:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus {
|
|
||||||
outline: none;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
border: 1px solid var(--font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="text"]:not(:placeholder-shown):invalid,
|
|
||||||
input[type="email"]:not(:placeholder-shown):invalid,
|
|
||||||
input[type="password"]:not(:placeholder-shown):invalid,
|
|
||||||
input[type="search"]:not(:placeholder-shown):invalid,
|
|
||||||
input[type="number"]:not(:placeholder-shown):invalid {
|
|
||||||
border-color: var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.form-group {
|
|
||||||
margin-bottom: var(--global-line-height);
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
height: auto;
|
|
||||||
width: 100%;
|
|
||||||
resize: none;
|
|
||||||
border: 1px dashed var(--font-color);
|
|
||||||
width: 100%;
|
|
||||||
padding: .5em;
|
|
||||||
font-size: 1em;
|
|
||||||
font-family: var(--font-stack);
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea:focus {
|
|
||||||
outline: none;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
border: 1px solid var(--font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea:not(:placeholder-shown):invalid {
|
|
||||||
border-color: var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
display: -ms-inline-flexbox;
|
|
||||||
display: inline-flex;
|
|
||||||
-ms-flex-align: center;
|
|
||||||
align-items: center;
|
|
||||||
-ms-flex-pack: center;
|
|
||||||
justify-content: center;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
padding: .65em 2em;
|
|
||||||
font-size: 1em;
|
|
||||||
font-family: inherit;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
position: relative;
|
|
||||||
z-index: 1
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn:active {
|
|
||||||
-webkit-box-shadow: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.btn-ghost {
|
|
||||||
border-color: var(--font-color);
|
|
||||||
color: var(--font-color);
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.btn-ghost:focus, .btn.btn-ghost:hover {
|
|
||||||
border-color: var(--tertiary-color);
|
|
||||||
color: var(--tertiary-color);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.btn-ghost:hover {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-block {
|
|
||||||
width: 100%;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default {
|
|
||||||
background-color: var(--font-color);
|
|
||||||
border-color: var(--invert-font-color);
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-default:focus:not(.btn-ghost), .btn-default:hover {
|
|
||||||
background-color: var(--tertiary-color);
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success {
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
background-color: var(--success-color);
|
|
||||||
border-color: var(--success-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success:focus:not(.btn-ghost), .btn-success:hover {
|
|
||||||
background-color: var(--success-color);
|
|
||||||
border-color: var(--success-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success.btn-ghost {
|
|
||||||
border-color: var(--success-color);
|
|
||||||
color: var(--success-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success.btn-ghost:focus, .btn-success.btn-ghost:hover {
|
|
||||||
border-color: var(--success-color);
|
|
||||||
color: var(--success-color);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-error {
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
background-color: var(--error-color);
|
|
||||||
border: 1px solid var(--error-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-error:focus:not(.btn-ghost), .btn-error:hover {
|
|
||||||
background-color: var(--error-color);
|
|
||||||
border-color: var(--error-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-error.btn-ghost {
|
|
||||||
border-color: var(--error-color);
|
|
||||||
color: var(--error-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-error.btn-ghost:focus, .btn-error.btn-ghost:hover {
|
|
||||||
border-color: var(--error-color);
|
|
||||||
color: var(--error-color);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-warning {
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
background-color: var(--warning-color);
|
|
||||||
border: 1px solid var(--warning-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-warning:focus:not(.btn-ghost), .btn-warning:hover {
|
|
||||||
background-color: var(--warning-color);
|
|
||||||
border-color: var(--warning-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-warning.btn-ghost {
|
|
||||||
border-color: var(--warning-color);
|
|
||||||
color: var(--warning-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-warning.btn-ghost:focus, .btn-warning.btn-ghost:hover {
|
|
||||||
border-color: var(--warning-color);
|
|
||||||
color: var(--warning-color);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-info {
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
background-color: var(--info-color);
|
|
||||||
border: 1px solid var(--info-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-info:focus:not(.btn-ghost), .btn-info:hover {
|
|
||||||
background-color: var(--info-color);
|
|
||||||
border-color: var(--info-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-info.btn-ghost {
|
|
||||||
border-color: var(--info-color);
|
|
||||||
color: var(--info-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-info.btn-ghost:focus, .btn-info.btn-ghost:hover {
|
|
||||||
border-color: var(--info-color);
|
|
||||||
color: var(--info-color);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
background-color: var(--primary-color);
|
|
||||||
border: 1px solid var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary:focus:not(.btn-ghost), .btn-primary:hover {
|
|
||||||
background-color: var(--primary-color);
|
|
||||||
border-color: var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary.btn-ghost {
|
|
||||||
border-color: var(--primary-color);
|
|
||||||
color: var(--primary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-primary.btn-ghost:focus, .btn-primary.btn-ghost:hover {
|
|
||||||
border-color: var(--primary-color);
|
|
||||||
color: var(--primary-color);
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group .btn {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-group .btn-ghost:not(:first-child) {
|
|
||||||
margin-left: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
border: 1px solid var(--secondary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card > header {
|
|
||||||
color: var(--invert-font-color);
|
|
||||||
text-align: center;
|
|
||||||
background-color: var(--secondary-color);
|
|
||||||
padding: .5em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card > div:first-of-type {
|
|
||||||
padding: var(--global-space);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert {
|
|
||||||
color: var(--font-color);
|
|
||||||
padding: 1em;
|
|
||||||
border: 1px solid var(--font-color);
|
|
||||||
margin-bottom: var(--global-space);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-success {
|
|
||||||
color: var(--success-color);
|
|
||||||
border-color:var(--success-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-error {
|
|
||||||
color:var(--error-color);
|
|
||||||
border-color: var(--error-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-info {
|
|
||||||
color: var(--info-color);
|
|
||||||
border-color: var(--info-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-warning {
|
|
||||||
color: var(--warning-color);
|
|
||||||
border-color: var(--warning-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.alert-black {
|
|
||||||
color: var(--font-color);
|
|
||||||
border-color: var(--font-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 960px) {
|
|
||||||
label {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre::-webkit-scrollbar {
|
|
||||||
height: 3px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 480px) {
|
|
||||||
form {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
1
dist/terminal.min.css
vendored
1
dist/terminal.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user