Replace Macro Set Problems

CPmaster4556

Is anyone else having the same problem as me? No matter what story, story format, twine version, browser, or even computer I use, all macros from L's Replace Macro set are having some weird hiccups. If I were to write

<<replacelink "hey">>dude<</replacelink>>

when I click the link, both strings would appear next to each other for about a second, and then the first would be removed. It also does the same thing with any other macro from the set. Anyone know what's up?

xax

That's what happens if you're not using the included CSS -- usually there's some styles applied to the text that turn it into a nice continous fade effect. Just put this into a passage tagged style:


.revision-span-in {
opacity: 0;
}
.revision-span:not(.revision-span-out) {
transition: 1s; -webkit-transition: 1s;
}
.revision-span-out {
position:absolute;
opacity: 0;
}

and everything should work fine.

CPmaster4556

Yeah, I'm using the default CSS and everything, but it's still being weird. I can't think of a single thing that would cause it...

TheMadExile

Example showing the issue?

CPmaster4556

Alright, I've made a new story, and it works fine now. Maybe something's wonky with my main project. Is there anything that could be causing it the lag? Attaching my new story if that helps.

CPmaster4556

html {
/* Vertical colour gradient */

/* Fallback colour */
background-color: black;

}
html.title {
}
.title .passage a {
color: purple;
transition: font-size 1s, -webkit-transform 1s;
-webkit-transition: font-size 1s, transform 1s;
}
.title .passage a:hover {
color:indigo;
font-size: 150%;
transform: rotate(15deg);
-webkit-transform: rotate(15deg);
}

html.begin {
}
.begin.passage a {
color: firebrick;
}
.begin.passage a:hover {
color: darkred;
}
html.day1 {
}
.day1 .passage a {
color: royalblue;
}
.day1 .passage a:hover {
color: deepskyblue;
}
body {

/* Remove default styles */
background-color: transparent;
margin: 10% 0 0 0;
/* Used to center the box */
text-align: center;
}
#passages {
/* Box background (white with 70% opacity) */
background-color: rgba(255, 255, 255, 0.7);

/* Border */
border: 2px solid white;

/* Rounded corners */
border-radius: 1em;

/* Box width */
width: 60%;

/* Center the box */
display: inline-block;
min-height: 40%;
margin:auto;
margin-bottom: 5%;
padding: 0px;

}

.passage {
margin: 0px;
/* Inner margin within the box */
padding:2em;

}

/* No sidebar */
#ui-bar {
display:none;
}

/* Links */

Is there anything in this stylesheet that would cause lag?