diff --git a/sass/layout/_following.sass b/sass/layout/_following.sass new file mode 100644 index 0000000..6604696 --- /dev/null +++ b/sass/layout/_following.sass @@ -0,0 +1,83 @@ +/********** FOLLOWING OWN ***********/ + +.following-own-modal + .modal-content + padding: 0 + .following-list + display: flex + flex-wrap: wrap + justify-content: space-evenly + > li + width: 48% + margin: 2px + padding-top: 12px + padding-bottom: 8px + border: solid 1px rgba(69, 71, 77, .1) + background: #FFF + text-align: center + > div + position: relative + &:hover + border-bottom: solid 1px $main-color-color + .mini-profile-actions + display: block + .mini-profile-photo + width: 64px + height: 64px + margin: 2px + .mini-profile-name + padding: 4px + .mini-screen-name + display: none + .following-config + width: 100% + text-align: center + margin: 4px + .following-config button + display: inline-block + .mini-profile-actions + display: none + position: absolute + top: 0 + right: 8px + .mini-profile-actions + span + cursor: pointer + display: inline-block + position: relative + top: -12px + right: -8px + z-index: 10 + background: $main-color-color + &:hover + background: #AAA + ul + height: 0 + overflow: hidden + position: absolute + z-index: 20 + top: 8px + right: -8px + padding: 0 + background: #FFF + transition: height .2s linear + > li + text-align: left + white-space: nowrap + color: rgba(0, 0, 0, .7) + font-size: 12px + margin: 0 + padding: 4px 16px 4px 8px + border-bottom: solid 1px rgba(0, 0, 0, 0) + background: #FFF + &:hover + border-bottom: solid 1px $main-color-color + &:hover + ul + height: 57px + box-shadow: 8px 10px 10px 0px rgba(0, 0, 0, .2) + .swarm-status + font-size: 11px + display: block + .latest-activity + font-size: 11px diff --git a/sass/pages/_following.sass b/sass/pages/_following.sass deleted file mode 100644 index 1adcc49..0000000 --- a/sass/pages/_following.sass +++ /dev/null @@ -1,60 +0,0 @@ - -.following - width: $postboardWidth - float: left - h2 - display: none - .following-list li - border-bottom: 1px solid $main-background-color - line-height: 45px - background: $bloc-light-color - position: relative - +transition-property(background) - +transition-duration(.1s) - &:hover - background: white - - a - display: block - padding: $space - width: 100% - @extend .clear-fix - color: $defaut-font-color - - - .mini-profile-photo - width: $mini-usr-img - line-height: 0 - margin: 0 $space 0 0 - float: left - .mini-profile-name - font-size: 1rem - font-weight: 500 - float: left - display: block - line-height: 1rem - padding: 10px 0 - .mini-screen-name - display: block - float: left - line-height: 1rem - font-weight: 400 - font-size: 1rem - padding: 10px - color: #666 - b - font-weight: 400 - padding: 0 - color: inherit - font-size: inherit - line-height: inherit - .mini-profile-actions - display: none - .following-config - position: absolute - top: 0 - right: 0 - padding: $space - - .swarm-status - display: none!important diff --git a/sass/style.sass b/sass/style.sass index dcd911b..f17a67c 100755 --- a/sass/style.sass +++ b/sass/style.sass @@ -17,12 +17,12 @@ @import 'layout/_login' @import 'layout/_profile' @import 'layout/_postboard' +@import 'layout/_following' @import 'layout/_groupchat' // pages @import 'pages/_profile' -@import 'pages/_following' @import 'pages/_network' @import 'layout/_tabs'