addscss

user/themes/lecampus/scss/theme/_blog.scss

@@ -1,113 +1,68 @@
-/** Extra columns spacing **/
-.extra-spacing:not(.col-12), :not(.col12) > .e-content {
-  padding-right: 1rem;
-
-  @include breakpoint(md) {
-    padding-right: 0;
-  }
-}
-
-/** Breadcrumbs styling **/
-#breadcrumbs {
-  padding-left: 0;
-  display: flex;
-  align-items: center;
-  margin-top: -1rem;
-  margin-bottom: 1rem;
-
-
-  i {
-    display: none;
-  }
-
-  span, a {
-    padding: 0 0.5rem;
-    &:first-child {
-      padding-left: 0;
-    }
-  }
-
-  span, a {
-    &:not(:first-child)::before {
-      color: #e7e9ed;
-      content: "/";
-      padding-right: 1rem;
-    }
-  }
-}
-
-/** Blog Listing **/
-.blog-listing {
-
-  .bricklayer-column {
-    padding-left: 0px;
-    padding-right: 25px;
-
-  }
-  .card {
-    margin-bottom: 25px;
-    border: 0;
-    box-shadow: 0 10px 45px -9px rgba(0,0,0,0.1);
-  }
-
-  .card-footer {
-    text-align: right;
-  }
-
-  .blog-date {
-    font-size: 13px;
-  }
-
-  .label {
-
-  }
-}
-
-/** Blog Item **/
-.content-title {
-  margin-bottom: 2rem;
-
-  h2 {
-    margin-bottom: 0.5rem;
-  }
-}
-
-.label {
-  font-size: 12px;
-  text-transform: uppercase;
-}
-
-/** Pagination **/
-ul.pagination {
-  justify-content: center;
-}
-
-.prev-next {
-  margin-top: 4rem;
-}
-
-/** Sidebar specific tweaks **/
-#sidebar {
-
-  ul.related-pages {
-    box-shadow: none;
-    padding: 0;
-
-    li {
-      border-bottom: 1px solid $border-color;
-      &:last-child {
-        border-bottom: 0;
+#item{
+  @include inlineflex();
+  .card{
+    width: calc( (100% / 4) - 45px);
+    margin: 0 15px 30px 15px;
+    position: relative;
+    border: 1px solid black;
+    .card-header{
+      width: auto;
+      position: absolute;
+      right: 0;
+      text-align: right;
+      .publics{
+        padding: 10px;
+        background: grey;
+        color: white;
       }
     }
-
-  }
-
-  ul.archives {
-    list-style: none;
-    margin-left: 0;
-
-    .label {
-      vertical-align: text-top;
+    .card-body{
+      padding: 15px;
+      .card-title{
+        margin-bottom: 10px;
+      }
     }
   }
-}
+}
+
+.content{
+  width: 40%;
+  p{
+    margin: 10px 0;
+  }
+}
+
+// items
+.bandeau{
+  width: 100%;
+  height: 300px;
+  overflow: hidden;
+  margin-bottom: 35px;
+  img{
+    transform: translateY(-20%);
+  }
+}
+
+.sidebar{
+  margin-left: 50px;
+  .side-agenda{
+    border-top: 1px solid black;
+    padding: 10px 0;
+    &:nth-of-type(3){
+      border-bottom: 1px solid black;
+      margin-bottom: 10px;
+    }
+  }
+  .side-all-agenda{
+    width: auto;
+    padding: 5px;
+    margin-bottom: 10px;
+    float: right;
+    border: 1px solid black;
+  }
+  .side-newsletter{
+    margin-top: 60px;
+    padding: 20px;
+    background: lightgrey;
+  }
+}