// .section-contents { // padding: 20px 40px 60px; // display: grid; // grid-template-columns: auto 1fr; // gap: 20px; // height: auto; // .full-row { // grid-column: 1 / span 2; // } // .practical-infos { // grid-column: 2; // grid-row: 2; // display: flex; // flex-direction: column; // gap: 40px; // background-image: url("/assets/images/wallpaper_binary_light.png"); // padding: 30px; // .info-item { // display: flex; // flex-direction: column; // background-color: white; // padding: 20px; // strong { // margin-bottom: 10px; // white-space: nowrap; // color: $medium_grey; // } // span, // a { // font-size: 14px; // } // } // } // .list-wrapper { // grid-column: 1; // grid-row: 2; // ul.learning-themes { // display: flex; // gap: 20px 30px; // flex-wrap: wrap; // li.learning-theme { // position: relative; // border: solid $light_0; // border-width: 0 2px 2px 0; // display: flex; // flex-direction: column; // .title { // color: $medium_grey; // display: block; // position: absolute; // background-color: #fffa; // padding: 3px 10px; // width: 100%; // } // img { // width: 100%; // height: auto; // image-rendering: pixelated; // image-rendering: -moz-crisp-edges; // image-rendering: crisp-edges; // } // .details { // background-color: #fffe; // position: absolute; // top: 25px; // left: 25px; // width: 300px; // height: auto; // max-height: 0; // visibility: hidden; // z-index: 1; // transition: max-height 0.6s; // padding: 20px; // border: solid $light_0; // border-width: 0 1px 1px 0; // overflow: hidden; // display: flex; // flex-direction: column; // gap: 10px; // .comment { // font-style: italic; // * { // color: $medium_grey; // } // } // ul { // list-style-type: disc; // font-size: 14px; // margin-left: 10px; // li { // color: $medium_grey; // } // } // } // &:hover { // .details { // max-height: 1000px; // visibility: visible; // } // } // } // } // } // .infos-inscriptions { // display: flex; // gap: 40px; // background-image: url("/assets/images/wallpaper_binary_light.png"); // padding: 30px; // .groups, // .pricing { // background-color: white; // padding: 20px; // display: flex; // flex-direction: column; // h3 { // margin: 0; // color: $light_1; // } // .table-wrapper { // table { // border: 1px solid #dde; // border-collapse: collapse; // td { // border: 1px solid #dde; // padding: 10px 20px; // } // } // } // .documents { // margin-top: 20px; // .links { // display: flex; // gap: 20px; // .download-link { // border: 1px solid; // padding: 8px; // display: flex; // margin: 10px 0 0; // border-radius: 4px; // } // } // } // } // } // .teacher { // grid-column: 1 / span 2; // background: url("/assets/images/wallpaper_binary_light.png"); // padding: 30px; // @include flex-center-col; // .teacher-card { // background-color: white; // display: grid; // grid-template-columns: auto 1fr; // width: 100%; // gap: 20px; // padding: 20px; // h3 { // margin: 0; // width: 100%; // color: $light_1; // grid-column: 1 / span 2; // } // .pic { // img { // width: 100px; // } // } // .infos-text { // padding: 0 20px; // h4 { // color: $blue_2; // margin: 0; // font-size: 18px; // } // p { // color: $light_1; // display: block; // } // } // } // } // } // @media screen and (max-width: $screen_l) { // .section-contents { // .list-wrapper { // ul.learning-themes { // display: block; // li.learning-theme { // width: 100%; // margin-bottom: 20px; // .details { // background-color: #fff9; // position: relative; // top: unset; // width: 100%; // left: unset; // max-height: unset; // visibility: visible; // padding: 10px; // box-shadow: none; // ul { // list-style-type: disc; // font-size: 14px; // margin-left: 10px; // } // } // } // } // } // .infos-inscriptions { // flex-direction: column; // } // } // } // @media screen and (max-width: $screen_m) { // h3 { // &.big { // font-size: 22px; // } // } // .title-banner { // height: 170px; // min-height: unset; // h2 { // font-size: 2em; // margin: 20px; // text-shadow: 0 0 4px #000b; // } // } // .section-contents { // padding: 20px 20px 40px; // grid-template-columns: 100%; // .full-row { // grid-column: 1; // } // .practical-infos { // grid-column: 1; // grid-row: 3; // gap: 10px; // padding: 10px; // } // .list-wrapper { // ul.learning-themes { // grid-column: 1; // grid-row: 2; // display: block; // li.learning-theme { // margin-bottom: 20px; // .details { // background-color: #fff9; // position: relative; // top: unset; // width: 100%; // left: unset; // max-height: unset; // visibility: visible; // padding: 10px; // box-shadow: none; // } // } // } // } // .infos-inscriptions { // gap: 10px; // padding: 10px; // .groups, // .pricing { // background-color: white; // padding: 20px; // display: flex; // flex-direction: column; // .table-wrapper { // table { // width: 100%; // td { // border: 1px solid #dde; // padding: 10px; // } // } // } // } // } // .teacher { // grid-column: 1; // padding: 20px; // } // } // }