mirror of
https://github.com/chinchang/web-maker.git
synced 2025-07-11 00:56:25 +02:00
add critical css
This commit is contained in:
@ -3,6 +3,21 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Web Maker</title>
|
<title>Web Maker</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* Critically acclaimed CSS */
|
||||||
|
.saved-items-pane {
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 450px;
|
||||||
|
transform: translateX(100%);
|
||||||
|
}
|
||||||
|
.modal__content {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
<!-- build:css vendor.css -->
|
<!-- build:css vendor.css -->
|
||||||
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
|
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
|
||||||
<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css">
|
<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css">
|
||||||
|
@ -85,7 +85,7 @@ select, input[type="text"], input[type="number"], textarea {
|
|||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
padding: 7px 15px;
|
padding: 7px 15px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: 0.2s ease;
|
transition: box-shadow 0.2s ease;
|
||||||
}
|
}
|
||||||
.btn-icon {
|
.btn-icon {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@ -515,6 +515,7 @@ transition: 0.25s ease;
|
|||||||
z-index: 6;
|
z-index: 6;
|
||||||
background-color: var(--color-sidebar);
|
background-color: var(--color-sidebar);
|
||||||
transition: 0.3s cubic-bezier(1, 0.13, 0.21, 0.87);
|
transition: 0.3s cubic-bezier(1, 0.13, 0.21, 0.87);
|
||||||
|
transition-property: transform;
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
transform: translateX(100%);
|
transform: translateX(100%);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user