Browse Source

add responsive rules on the sm media and change the margin on the folder name

AlexiCauvin 7 years ago
parent
commit
39fdf80fa0
1 changed files with 11 additions and 2 deletions
  1. 11 2
      src/css/Folder.styl

+ 11 - 2
src/css/Folder.styl View File

@@ -45,7 +45,6 @@ folderopen()
45 45
       folderopen()
46 46
       & > .file, > .folder
47 47
         folderopen()
48
-
49 48
   &__header
50 49
     position relative
51 50
     display flex
@@ -83,7 +82,7 @@ folderopen()
83 82
         font-size 25px
84 83
         color darkBlue
85 84
       &__text
86
-        margin auto 15px
85
+        margin auto 15px auto 5px
87 86
         font-size 17px
88 87
         color darkBlue
89 88
       &__addbtn
@@ -106,6 +105,16 @@ folderopen()
106 105
         & > i
107 106
           margin-right 15px
108 107
 
108
+@media (min-width: min-sm) and (max-width: max-sm)
109
+
110
+  .folder
111
+    &__header
112
+      padding 10px
113
+      &__triangleborder
114
+        top 59px
115
+      &__contenttype
116
+        display none
117
+
109 118
 @media (max-width: max-xs)
110 119
   .folder
111 120
     &__header