Xeverything11 (talk | contribs)
calc
Xeverything11 (talk | contribs)
transitions
Line 37: Line 37:
     margin-bottom: calc(-1rem - 2px);
     margin-bottom: calc(-1rem - 2px);
     padding: 0.5rem;
     padding: 0.5rem;
     transition: all 300ms;
     transition: all 500ms cubic-bezier(0.5,0,0.5,1.5);
     border: 1px solid var(--color-primary1);
     border: 1px solid var(--color-primary1);
     border-radius: 4px;
     border-radius: 4px;
    transform-origin: top;
    transform: scale(0.666);
    opacity: 0;
}
}


Line 45: Line 48:
     margin-bottom: 1rem;
     margin-bottom: 1rem;
     max-height: 5rem;
     max-height: 5rem;
    transform: scale(1);
    opacity: 1
}
}

Revision as of 17:48, 23 June 2025

.rc-container {
    border: 1px solid var(--color-primary1);
    padding: 1rem;
    margin: 0.5rem;
    border-radius: 4px;
    font-size: 1rem;
}


.rc-header {
    background-image: var(--color-primary-gradient);
    color: white;
    border-radius: 3px 3px 0 0;
    margin: -1rem -1rem 1rem;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: lowercase;
}

.rc-header a {color: inherit;}

.rc-unpatrolled {
	float: right;
	font-size: 1.2rem;
	margin: 0 0 0.2rem 0.2rem;
}

.rc-main {
    width: 100%;
    height: 16rem;
    overflow: hidden;
}

.rc-entry {
    max-height: 0rem;
    margin-bottom: calc(-1rem - 2px);
    padding: 0.5rem;
    transition: all 500ms cubic-bezier(0.5,0,0.5,1.5);
    border: 1px solid var(--color-primary1);
    border-radius: 4px;
    transform-origin: top;
    transform: scale(0.666);
    opacity: 0;
}

.rc-entry.rc-active {
    margin-bottom: 1rem;
    max-height: 5rem;
    transform: scale(1);
    opacity: 1
}