Browse Source

add .following-own-modal SASS (import from nin-v1)

nin-v2
Simon Grim 6 years ago
parent
commit
2a770e3695
  1. 83
      sass/layout/_following.sass
  2. 60
      sass/pages/_following.sass
  3. 2
      sass/style.sass

83
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

60
sass/pages/_following.sass

@ -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

2
sass/style.sass

@ -17,12 +17,12 @@
@import 'layout/_login' @import 'layout/_login'
@import 'layout/_profile' @import 'layout/_profile'
@import 'layout/_postboard' @import 'layout/_postboard'
@import 'layout/_following'
@import 'layout/_groupchat' @import 'layout/_groupchat'
// pages // pages
@import 'pages/_profile' @import 'pages/_profile'
@import 'pages/_following'
@import 'pages/_network' @import 'pages/_network'
@import 'layout/_tabs' @import 'layout/_tabs'

Loading…
Cancel
Save