CSS improved

parent 84f0e677
Pipeline #306 passed with stage
in 2 minutes and 17 seconds
......@@ -694,48 +694,48 @@ th {
flex-direction: column;
align-items: center;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
line-height: 1; }
.schedule .session {
display: grid;
grid-template-columns: 3fr 3fr 6fr;
margin: 10px;
width: 100%;
line-height: 1;
max-width: 600px;
padding: 10px 20px;
align-items: center; }
.schedule .date, .schedule .room {
display: flex;
flex-direction: column;
align-items: center;
min-height: 80px;
justify-content: center; }
.schedule .time {
font-size: 0.8em; }
.schedule .caption {
font-size: 0.7em; }
.schedule .topics {
display: grid;
grid-gap: 10px;
text-align: right; }
width: 100%;
margin: 0 auto; }
.schedule .session {
display: grid;
grid-template-columns: 3fr 3fr 6fr;
margin: 10px;
width: 100%;
padding: 10px 20px;
align-items: center; }
.schedule .date, .schedule .room {
display: flex;
flex-direction: column;
align-items: center;
min-height: 80px;
justify-content: center;
text-align: center; }
.schedule .time {
font-size: 0.8em; }
.schedule .caption {
font-size: 0.7em; }
.schedule .topics {
display: grid;
grid-gap: 10px;
text-align: right; }
.course_page {
display: flex;
flex-direction: column;
align-items: center; }
.course_page > p {
align-self: start; }
.course_page .disclaimer {
font-size: 0.6em;
margin-top: 50px;
text-align: center;
text-transform: uppercase; }
align-items: center;
max-width: 750px;
margin: 0 auto; }
.course_page > p {
align-self: start; }
.course_page > .schedule {
max-width: 100%; }
.course_page .disclaimer {
font-size: 0.6em;
margin-top: 50px;
text-align: center;
text-transform: uppercase; }
.material-kit {
/* brand Colors */
......
......@@ -2,15 +2,21 @@
display: flex;
flex-direction: column;
align-items: center;
}
max-width: 750px;
margin: 0 auto;
.course_page > p {
align-self: start;
}
> p {
align-self: start;
}
.course_page .disclaimer {
font-size: 0.6em;
margin-top: 50px;
text-align: center;
text-transform: uppercase;
> .schedule {
max-width: 100%;
}
.disclaimer {
font-size: 0.6em;
margin-top: 50px;
text-align: center;
text-transform: uppercase;
}
}
\ No newline at end of file
......@@ -5,37 +5,40 @@
align-items: center;
font-family: $sans-serif;
line-height: 1;
}
.schedule .session {
@extend .bg-darker;
display: grid;
grid-template-columns: 3fr 3fr 6fr;
margin: 10px;
width: 100%;
max-width: 600px;
padding: 10px 20px;
align-items: center;
}
width: 100%;
margin: 0 auto;
.schedule .date, .schedule .room {
display: flex;
flex-direction: column;
align-items: center;
min-height: 80px;
justify-content: center;
}
.session {
@extend .bg-darker;
display: grid;
grid-template-columns: 3fr 3fr 6fr;
margin: 10px;
width: 100%;
padding: 10px 20px;
align-items: center;
}
.date, .room {
display: flex;
flex-direction: column;
align-items: center;
min-height: 80px;
justify-content: center;
text-align: center;
}
.schedule .time {
font-size: 0.8em;
}
.time {
font-size: 0.8em;
}
.schedule .caption {
font-size: 0.7em;
}
.caption {
font-size: 0.7em;
}
.schedule .topics {
display: grid;
grid-gap: 10px;
text-align: right;
.topics {
display: grid;
grid-gap: 10px;
text-align: right;
}
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment