Skip to content

Instantly share code, notes, and snippets.

@Zequez
Created March 29, 2021 22:08
Show Gist options
  • Save Zequez/8b4ba7492f59b32f217d83da83182aef to your computer and use it in GitHub Desktop.
Save Zequez/8b4ba7492f59b32f217d83da83182aef to your computer and use it in GitHub Desktop.
2 column Stylus style for Cron-o-meter
@-moz-document url-prefix("https://cronometer.com/") {
#cronometerApp {
width: 100%;
margin: 0;
max-width: none;
}
#cronometerApp > div > div > div > table {
width: 100%;
}
#cronometerApp > div > div > div > table > tbody > tr {
display: flex;
min-height: 1000px;
}
#cronometerApp > div > div > div > table > tbody > tr > td:nth-child(2) {
flex-grow: 1;
}
#cronometerApp > div > div > div > table > tbody > tr > td:nth-child(2) > div {
width: 50%;
position: relative;
}
#cronometerApp > div > div > div > table > tbody > tr > td:nth-child(2) > div > div:nth-child(5) {
position: absolute;
width: 90%;
top: 0;
left: 100%;
}
#cronometerApp > div > div > div > table > tbody > tr > td:nth-child(2) > div > div:nth-child(5) > div:nth-child(2) {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment