Bladeren bron

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

AlexiCauvin 7 jaren geleden
bovenliggende
commit
39fdf80fa0
1 gewijzigde bestanden met toevoegingen van 11 en 2 verwijderingen
  1. 11 2
      src/css/Folder.styl

+ 11 - 2
src/css/Folder.styl Bestand weergeven

45
       folderopen()
45
       folderopen()
46
       & > .file, > .folder
46
       & > .file, > .folder
47
         folderopen()
47
         folderopen()
48
-
49
   &__header
48
   &__header
50
     position relative
49
     position relative
51
     display flex
50
     display flex
83
         font-size 25px
82
         font-size 25px
84
         color darkBlue
83
         color darkBlue
85
       &__text
84
       &__text
86
-        margin auto 15px
85
+        margin auto 15px auto 5px
87
         font-size 17px
86
         font-size 17px
88
         color darkBlue
87
         color darkBlue
89
       &__addbtn
88
       &__addbtn
106
         & > i
105
         & > i
107
           margin-right 15px
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
 @media (max-width: max-xs)
118
 @media (max-width: max-xs)
110
   .folder
119
   .folder
111
     &__header
120
     &__header