Skip to content

Instantly share code, notes, and snippets.

@rickbutterfield
Last active February 9, 2020 13:36
Show Gist options
  • Save rickbutterfield/65875ecb6dfc580b31ae4150bbcf1890 to your computer and use it in GitHub Desktop.
Save rickbutterfield/65875ecb6dfc580b31ae4150bbcf1890 to your computer and use it in GitHub Desktop.
CSS for full screen PCO timer
.LiveApp-composition--overview {
background: #000 !important;
}
.LiveApp-composition--overview-wrapper {
display: grid !important;
grid-template-rows: 1fr 2fr 3fr 2fr;
}
.LiveApp-composition--overview .LiveClock-time-wrapper {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
grid-row: 1;
position: relative;
}
.LiveApp-composition--overview .LiveClock-time {
color: #fff !important;
font-weight: 700;
font-size: 15vh;
padding-bottom: 0;
}
.LiveApp-composition--overview .LivePlanItem-now {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
grid-row: 2;
position: relative !important;
top: auto;
height: auto;
border: 0;
font-weight: 700;
}
.LiveApp-composition--overview .LivePlanItem-now::before {
content: "NOW";
color: #fff;
font-size: 3vh;
padding-bottom: 20px;
}
.LiveApp-composition--overview .LivePlanItem-title {
position: relative;
top: auto !important;
bottom: auto !important;
margin-top: 0;
margin-bottom: 0 !important;
color: #fff !important;
}
.LiveApp-composition--overview .LivePlanItem-title__text {
font-weight: 700;
}
.LiveApp-composition--overview .LiveClock-timer-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
grid-row: 3;
}
.LiveApp-composition--overview .LiveClock-timer-wrapper .LiveClock-timer {
padding: 0;
font-size: 35vh;
font-weight: 700;
background: transparent !important;
border: 0 !important;
color: #fff !important;
}
.LiveApp-composition--overview.LiveApp-theme--light .LiveCompState--warning .LiveClock-timer {
color: #ea452a !important;
}
.LiveApp-composition--overview .LivePlanItem-next {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
grid-row: 4;
height: auto !important;
}
.LiveApp-composition--overview .LivePlanItem-next::before {
content: "NEXT";
color: #fff;
font-size: 3vh;
font-weight: 700;
padding-bottom: 20px;
}
.LivePlanItem-badges {
display: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment