Parcourir la source

extract media queries

alexlcdee il y a 8 ans
Parent
commit
1ea19cfb4f

+ 48 - 45
src/files/css/main.css

@@ -9780,57 +9780,60 @@ footer .copyright .logo {
 .whiteblack:hover a {
   text-decoration: underline; }
 
-.flat-links__container {
+.flat-links {
   padding-left: 15px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between; }
-.flat-links__item {
-  padding: 5px;
-  height: 90px;
-  width: 49%;
-  margin-bottom: 10px;
-  background: #d7d7d7;
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  vertical-align: middle;
-  align-items: center; }
-  .flat-links__item:hover {
-    text-decoration: none;
-    background: #004d7b; }
-  .flat-links__item-icon {
-    display: block; }
-  .flat-links__item-description {
-    display: block;
-    margin-left: 10px;
-    color: #fff;
-    font-weight: 700;
-    font-size: 15px; }
-.flat-links--mobile {
-  display: none;
-  flex-direction: column;
-  padding-left: 0; }
   @media (max-width: 768px) {
-    .flat-links--mobile {
-      display: block; } }
-  .flat-links--mobile .flat-links__item {
-    width: 100%; }
-.flat-links--news {
-  display: none;
-  flex-direction: column;
-  padding-left: 0; }
-  @media (max-width: 768px) {
-    .flat-links--news {
-      display: block; } }
-  .flat-links--news .flat-links__item {
-    width: 100%; }
-.flat-links--vertical {
-  flex-direction: column;
-  padding-left: 0; }
-  .flat-links--vertical .flat-links__item {
-    width: 100%; }
+    .flat-links {
+      display: none; } }
+  .flat-links__item {
+    padding: 5px;
+    height: 90px;
+    width: 49%;
+    margin-bottom: 10px;
+    background: #d7d7d7;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    vertical-align: middle;
+    align-items: center; }
+    .flat-links__item:hover {
+      text-decoration: none;
+      background: #004d7b; }
+    .flat-links__item-icon {
+      display: block; }
+    .flat-links__item-description {
+      display: block;
+      margin-left: 10px;
+      color: #fff;
+      font-weight: 700;
+      font-size: 15px; }
+  .flat-links--mobile {
+    display: none;
+    flex-direction: column;
+    padding-left: 0; }
+    @media (max-width: 768px) {
+      .flat-links--mobile {
+        display: block; } }
+    .flat-links--mobile .flat-links__item {
+      width: 100%; }
+  .flat-links--news {
+    display: none;
+    flex-direction: column;
+    padding-left: 0; }
+    @media (max-width: 768px) {
+      .flat-links--news {
+        display: block; } }
+    .flat-links--news .flat-links__item {
+      width: 100%; }
+  .flat-links--vertical {
+    flex-direction: column;
+    padding-left: 0; }
+    .flat-links--vertical .flat-links__item {
+      width: 100%; }
 
 .person-page__title {
   margin: 20px 0 10px;

Fichier diff supprimé car celui-ci est trop grand
+ 0 - 0
src/files/css/main.css.map


+ 7 - 6
src/files/scss/_flat-links.scss

@@ -1,12 +1,13 @@
 $flatLinksClass: '.flat-links';
 .flat-links {
+    padding-left: 15px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
 
-    &__container {
-        padding-left: 15px;
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: space-between;
+    @media (max-width: 768px) {
+        display: none;
     }
 
     &__item {

+ 0 - 0
src/files/scss/media-overrides.scss → src/files/scss/_media-overrides.scss


Certains fichiers n'ont pas été affichés car il y a eu trop de fichiers modifiés dans ce diff