mirror of
https://github.com/zyllian/webdog.git
synced 2025-05-09 18:16:40 -07:00
webdog.
This commit is contained in:
parent
00c90a12d7
commit
d8cb447e00
47 changed files with 53 additions and 5099 deletions
|
@ -1,27 +0,0 @@
|
|||
#click {
|
||||
.resources {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 0fr);
|
||||
grid-auto-flow: row;
|
||||
|
||||
& > span {
|
||||
margin-right: 5px;
|
||||
width: max-content;
|
||||
|
||||
&.resource {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#barker {
|
||||
font-size: 2rem;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.tools {
|
||||
.name {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -59,48 +59,6 @@ abbr {
|
|||
cursor: help;
|
||||
}
|
||||
|
||||
.images-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.image {
|
||||
position: relative;
|
||||
padding: 4px;
|
||||
height: auto;
|
||||
|
||||
.image-actual {
|
||||
display: block;
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 4px;
|
||||
margin: 4px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image-full {
|
||||
.title,
|
||||
.tags-title {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.image-actual {
|
||||
width: 100%;
|
||||
max-height: 80vh;
|
||||
object-fit: contain;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.blog-post-list {
|
||||
.post {
|
||||
p {
|
||||
|
@ -208,13 +166,3 @@ abbr {
|
|||
.flex-spacer {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#pet-counter {
|
||||
position: fixed;
|
||||
bottom: 4px;
|
||||
right: 4px;
|
||||
|
||||
.internal {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,50 +0,0 @@
|
|||
#pet {
|
||||
#pet-display {
|
||||
.the-pet {
|
||||
--color: red;
|
||||
--width: 250px;
|
||||
--height: 250px;
|
||||
|
||||
background-color: var(--color);
|
||||
width: var(--width);
|
||||
height: var(--height);
|
||||
margin-bottom: 8px;
|
||||
|
||||
&.egg {
|
||||
background-color: white;
|
||||
// egg shape from https://css-tricks.com/the-shapes-of-css/
|
||||
width: 126px;
|
||||
height: 180px;
|
||||
border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
|
||||
}
|
||||
|
||||
&.square {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
&.circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
&.triangle {
|
||||
clip-path: polygon(50% 0, 100% 100%, 0 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.status {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
#debug-section [name] {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue