refactor: minor clean up (#71)
* remove unnecessary leftovers * add comment
This commit is contained in:
parent
8dc528b39c
commit
4cbd95d911
2 changed files with 13 additions and 13 deletions
|
@ -61,7 +61,7 @@ const { url } = Astro.props;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(form) {
|
form {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
|
@ -72,7 +72,7 @@ const { url } = Astro.props;
|
||||||
box-shadow: 0 1px 3px 1px #eee;
|
box-shadow: 0 1px 3px 1px #eee;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
:global(input[type="url"]) {
|
input[type="url"] {
|
||||||
flex: 3;
|
flex: 3;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -81,17 +81,14 @@ const { url } = Astro.props;
|
||||||
color: #555;
|
color: #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(button#app-home),
|
button{
|
||||||
:global(button#app-back),
|
|
||||||
:global(button#submit),
|
|
||||||
:global(button#gh-link) {
|
|
||||||
border: 0px;
|
border: 0px;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: black;
|
color: black;
|
||||||
|
|
||||||
:global(svg) {
|
svg {
|
||||||
border: 0px;
|
border: 0px;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
width: 1.5rem;
|
width: 1.5rem;
|
||||||
|
@ -99,19 +96,18 @@ const { url } = Astro.props;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(.left-buttons) {
|
.left-buttons {
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
}
|
}
|
||||||
:global(.right-buttons) {
|
.right-buttons {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(button:hover),
|
button:hover {
|
||||||
:global(button.primary-button) {
|
|
||||||
color: blue !important;
|
color: blue !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(button[disabled="true"]) {
|
button[disabled="true"] {
|
||||||
color: #ccc !important;
|
color: #ccc !important;
|
||||||
cursor: default !important;
|
cursor: default !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -109,7 +109,7 @@ const {routerOutlet, skipSave = false} = Astro.props;
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
#library {
|
#library {
|
||||||
:global(span#heading) {
|
span#heading {
|
||||||
color: #555;
|
color: #555;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
@ -117,6 +117,10 @@ const {routerOutlet, skipSave = false} = Astro.props;
|
||||||
}
|
}
|
||||||
#post-list {
|
#post-list {
|
||||||
|
|
||||||
|
/**
|
||||||
|
`:global` is needed for elements not generated by Astro
|
||||||
|
- can be improved by CSS in JS, but... this is fine
|
||||||
|
*/
|
||||||
:global(li) {
|
:global(li) {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
width: calc(100% + 40px);
|
width: calc(100% + 40px);
|
||||||
|
|
Loading…
Reference in a new issue