Verified Commit e90542e5 authored by Roberto Bochet's avatar Roberto Bochet
Browse files

Improved css

parent 7f2221bc
body > div:first-of-type {
margin-top: calc(-0.0524 * 50vw - 100px);
padding-top: calc(0.0524 * 50vw + 20px);
}
\ No newline at end of file
......@@ -4,16 +4,24 @@ body > div {
100% 0%,
100% calc(100% - 100vw * 0.0524),
0% 100%));
padding: calc(0.0524 * 50vw) 0;
padding: calc(0.0524 * 50vw + 75px) 0;
margin-top: calc(-0.0524 * 100vw - 1px); /*1px improved the aliasing problem*/
&.min-padding {
padding: calc(0.0524 * 50vw) 0;
}
.container {
margin: 75px auto;
margin: 0 auto;
}
}
body > div:first-of-type {
margin-top: calc(-0.0524 * 50vw - 60px);
&.min-padding {
padding: calc(0.0524 * 50vw) 0;
}
}
body > footer {
......
.courses-list {
display: grid;
grid-template-columns: repeat(auto-fill, 300px);
grid-gap: 20px;
justify-content: center;
padding-left: 50px;
padding-right: 50px;
a {
text-decoration: none;
}
.card {
width: 300px;
height: 400px;
padding: 20px;
box-sizing: border-box;
overflow: hidden;
.image {
display: flex;
justify-content: center;
align-items: center;
height: 50%;
width: 100%;
margin-bottom: 5%;
img {
max-height: 100%;
max-width: 100%;
}
}
.description {
text-decoration-line: none;
font-size: 0.7em;
margin: 0;
}
}
}
.course-info {
img {
max-width: 600px;
......
......@@ -9,7 +9,7 @@
//@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);
// Site configuration
@import "config";
@import "config";
// Import Partials
@import "partials/typography";
......@@ -17,29 +17,36 @@
// Import Material Kit
.material-kit {
@import "material-kit/assets/scss/material-kit";
@import "material-kit/assets/scss/material-kit";
}
@import "material-tweaks";
// Modules
@import "modules/buttons";
@import "modules/forms";
@import "modules/forms";
@import "modules/tables";
@import "modules/syntax";
@import "modules/syntax";
@import "modules/alerts";
@import "modules/post";
@import "modules/course_page";
@import "modules/hq_map";
// Layout
@import "layout/layout";
// Pages
@import "modules/courses";
// Mobile up base styles
@import "breakpoints/mobileup";
// Import media queries add more as you desire
@media only screen and (min-width: 800px) { @import "breakpoints/800up";}
@media only screen and (min-width: 1200px) { @import "breakpoints/1200up";}
@media only screen and (min-width: 800px) {
@import "breakpoints/800up";
}
// If IE support is needed you can add them here or create another stylesheet for specific IE fixes
@media only screen and (min-width: 1200px) {
@import "breakpoints/1200up";
}
// If IE support is needed you can add them here or create another stylesheet for specific IE fixes
\ 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