Starting aboue me page!
This commit is contained in:
parent
fe12ef9a9f
commit
85d8e9ab6e
30 changed files with 950 additions and 255 deletions
|
@ -49,4 +49,21 @@
|
|||
&.purple {
|
||||
background: linear-gradient(var(--angle, 0deg), rgba(229,181,255,1) 0%, rgba(210,114,255,1) 100%);
|
||||
}
|
||||
&.tea {
|
||||
background: linear-gradient(var(--angle, 0deg), rgba(44,181,107,0.3) 0%, rgba(44,181,107,0.8) 100%);
|
||||
}
|
||||
&.ebon {
|
||||
background: linear-gradient(var(--angle, 0deg), #032B67 0%, #040D21 100%);
|
||||
}
|
||||
|
||||
// For dark background cards
|
||||
&.text-white :not([role=button]) > a {
|
||||
/* unvisited link */
|
||||
&:link, &:visited {
|
||||
color: #00c8d7;
|
||||
}
|
||||
&:hover {
|
||||
color: #00c8d7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -28,38 +28,42 @@
|
|||
.label-link {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.label, &.label {
|
||||
transition: max-height 0.15s ease-in;
|
||||
overflow: hidden;
|
||||
bottom: 0;
|
||||
max-height: 20%;
|
||||
background-color: #FFFFFFDD;
|
||||
padding: 0.5em;
|
||||
|
||||
.label {
|
||||
transition: max-height 0.15s ease-in;
|
||||
max-height: 20%;
|
||||
overflow: hidden;
|
||||
bottom: 0;
|
||||
background-color: #FFFFFFDD;
|
||||
padding: 0.5em;
|
||||
bottom: 0;
|
||||
|
||||
.app-name {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right-icon {
|
||||
float: right;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
// Hide this information by default
|
||||
.show-on-hover {
|
||||
display: none;
|
||||
transition: opacity 0.15s;
|
||||
opacity: 0;
|
||||
max-height: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
p[role=button] {
|
||||
line-height: 1em;
|
||||
width: max-content;
|
||||
}
|
||||
&.expand {
|
||||
max-height: 100%;
|
||||
height: calc(100% - 1em);
|
||||
}
|
||||
|
||||
.app-name {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right-icon {
|
||||
float: right;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
// Hide this information by default
|
||||
.show-on-hover {
|
||||
display: none;
|
||||
transition: opacity 0.15s;
|
||||
opacity: 0;
|
||||
max-height: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
p[role=button] {
|
||||
line-height: 1em;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue