cleaning .sass

sass/base/_commons.sass

@@ -42,7 +42,7 @@ strong, b
 	font-weight: 600
 
 img 
-	background: $main-color-dark
+	background: $bloc-light-color
 
 h1
 	font-size: 1.1em

sass/layout/_modal.sass

@@ -168,6 +168,15 @@ $header-modal-height : $menu-height
 		display: none
 	h2
 		text-transform: none
+		display: inline-block!important
+		font-size: 1rem 
+		font-weight: 400
+		padding: $space
+		span
+			display: inline-block!important
+			b
+				font-weight: 400
+
 
 
 /************ RETWIST POSTS MODAL **********/

sass/pages/_following.sass

@@ -1,228 +1,62 @@
 
 .following 
-  @extend .col 
+	width: 100%
-  @extend .col-9 
+	padding: 20px
-  @extend .last
+	h2 
-
+		display: none
-.following-list li
+	.following-list li
-  text-align: center
+		border-bottom: 1px solid $main-background-color
-  @extend .clear-fix
+		line-height: 45px
-  @extend .col 
+		background: $bloc-light-color
-  @extend .col-3
-  margin-bottom:  2% 
-  padding: 50px 0
-  &:nth-child(4n)
-    @extend .last
-
-
-
-.following .mini-profile
-  margin-bottom: 10px
-
-.following .mini-profile-info
 		position: relative
+		+transition-property(background)
+		+transition-duration(.1s)
+		&:hover 
+			background: white
 
-.following .mini-profile-photo
+		a 
-  margin: 0 auto 10px auto
 			display: block 
-  width: 64px
+			padding:  $space
-  height: 64px
+			width: 100%
-  overflow: hidden
+			@extend .clear-fix
-  background: $main-background-color
+			color: $defaut-font-color
-
+
-.following .mini-profile-view
+
-  display: inline
+	.mini-profile-photo
-  color: rgba(0, 0, 0, 0.5)
+		height: 48px
-  font-size: 12px
+		width: 48px
-  position: absolute
+		line-height: 0
-  top: 32px
+		margin: 0 $space 0 0
-  left: 65px
+		float: left
-  z-index: 1
+	.mini-profile-name 
-
+		font-size: 1rem 
-.following .mini-profile-name
+		font-weight: 500
-  font-weight: 900
+		float: left
-  font-size: 1em
-  line-height: 1em
-  padding: 0
-  text-decoration: none
 		display: block 
-  color: inherit
+		line-height: 1rem 
-  display: inline
+		padding: 10px 0
-.following .mini-screen-name
+	.mini-screen-name 
-  color: inherit
 		display: block
-  margin-bottom: 10px
+		float: left 
-
+		line-height: 1rem 
-.following button
+		font-weight: 400
-  display: inline-block
+		font-size: 1rem
-  margin: 5px 0
+		padding: 10px 
-  &.unfollow
+		color: #666
-    background-color: $main-color-light
+		b 
-  &.public-following
+			font-weight: 400
-    background-color: $main-color-color
-
-
-
-.mini-profile-actions
-  position: absolute
-  width: auto
-  top: 0
-  right: -16px
-  display: inline-block
-
-  span
-    cursor: pointer!important
-    @extend button
-    border-top-right-radius: 0!important
-    border-bottom-right-radius: 0!important
-    @extend .extend-icon
-    @extend .icon-plus
-    &:before
-      margin: 0
 			padding: 0
-      line-height: 1em
+			color: inherit
-      font-size: 10px
+			font-size: inherit
-  ul
+			line-height: inherit
-    $action-padding-height: 8px
+	.mini-profile-actions
-    height: 0
+		display: none
-    overflow: hidden
+	.following-config
 		position: absolute
-    top: 2em
+		top: 0
-    right: -2em
+		right: 0
-    transition: height .4s linear
+		padding: $space
-    transition: padding-top .1s linear
-    background: $main-color-dark
-    z-index: 3
-
-
-
-  &:hover
-    ul
-      $action-li-height : 12px
-      $action-padding-height: 8px
-      padding: $action-padding-height
-      height: $action-li-height*4 + $action-padding-height*2*4
-  ul li
-    text-align: left
-    margin: 0
-    background: $main-color-dark
-    $action-li-height : 12px
-    $action-padding-height: 8px
-    white-space: nowrap
-    color: $main-color-light
-    font-size: $action-li-height
-    line-height: $action-li-height
-    cursor: pointer
-    display: block
-    float: none
-    width: auto
-    padding: $action-padding-height
-
-  &:hover ul li:hover
-    color: $main-color-color
-
-
-
-
-.following .who-follow
-  height: auto
-  background-color: rgba(69, 71, 77, 0.1)
-  overflow: hidden
-  font-size: 12px
-
-.following .show-more-followers
-  color: #f11
-  font-weight: bold
-  cursor: pointer
-  float: right
-
-.following .mini-follower-link
-  display: inline-block
-  margin-right: 10px
-  &:before
-    content: " \2027"
-
-.following a.open-profile-modal
-  display: inline
-  text-align: center
-  color: $dark-grey
-  &:hover
-    color: $main-color-light
-
-
-
-
-.following .post-area-new
-  padding-bottom: 4px
-  textarea
-    resize: none
-    width: 445px
-    display: block
-    transition: all .3s linear
-    -webkit-transition: height 0.3s linear
-    -moz-transition: height 0.3s linear
-    -o-transition: height 0.3s linear
-    -ms-transition: height 0.3s linear
-    height: 28px
-    border-radius: 3px
-    border: solid 1px rgba(0, 0, 0, 0.3)
-    margin-left: 55px
-    margin-bottom: 10px
-    padding: 4px
-    font-size: 13px
-
-.following .mini-profile .post-area-new
-  padding: 9px
-  textarea
-    margin-left: 0
-    width: 100%
-
-.following .post-area-new.open textarea
-  height: 80px
-  border: solid 1px rgba(227, 79, 66, 0.5)
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
-
-.following textarea.splited-post
-  box-shadow: none!important
-  height: 28px
-
-.following .splited-post-counter
-  color: rgba(0, 0, 0, 0.3)
-  font-weight: bold
-  &:before
-    content: '\2026'
-
-.following .post-area-extras
-  overflow: hidden
-  height: 0
-  text-align: right
-
-.following .post-submit
-  background: #45474d
-  color: rgba(255, 255, 255, 0.8)
-  border: none
-  padding: 5px 10px
-  cursor: pointer
-  display: inline-block
-  margin-top: 4px
-
-.following .post-area-new.open > .post-area-extras
-  height: 35px
-  transition: all .6s linear
-
-.following .post-area-remaining
-  font-size: 13px
-  &.warn
-    color: #ff0000
-
-.following .post .show-more
-  font-size: 13px
-  font-weight: bold
-  margin-left: 60px
-  color: rgba(0, 0, 0, 0.5)
-  &:before
-    content: '💭'
 
-.swarm-status
+	.swarm-status
 		display: none!important