frontend_v2/src/app/components/challenge/challenge.component.scss
@import './variables.scss';
@import './mixins.scss';
.challenge-flex {
display: flex;
flex-direction: column;
min-height: 100vh;
width: calc(100% - 223px);
float: right;
&.center {
float: none;
margin: 0 auto;
text-align: left;
overflow: hidden;
}
}
.challenge-content {
flex: 1;
min-height: 100vh;
}
.dash-container {
padding-top: 70px;
overflow-x: hidden;
}
.challenge-container {
margin: 0 auto;
margin-bottom: 50px;
}
.card-content p {
padding-bottom: 10px;
}
.top-card-container {
padding: 40px 40px 0 40px;
}
.toggle-participation-text {
display: inline-block;
padding-left: 10px;
}
.top-card-container {
.stars {
cursor: default;
margin-left: 45%;
padding: 0.5rem 2.2rem;
&.is-clickable {
cursor: pointer;
}
i .start {
font-size: 1 rem;
}
}
.card-img-row {
margin-bottom: 20px;
padding: 0 15px 0 15px;
}
.card-tab-row {
padding: 0 12px 0 12px;
}
}
.top-card-container ul.inline-list {
margin: 0px;
}
.top-card-container ul.inline-list li {
margin: 0 40px 1.5% 0;
min-height: 40px;
}
.challenge-title {
padding-top: 0px;
}
.edit-title {
padding-right: 4px;
}
.title-line {
line-height: 1.5;
}
.image-container {
margin-top: 20px;
}
@media only screen and (max-width: $med-screen) {
.challenge-flex {
width: 100%;
}
.top-card-container {
.stars {
margin-left: 0px;
}
}
}