twisterarmy
/
theme_nin
mirror of https://github.com/twisterarmy/theme_nin.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

cleaning .sass

nin-v2
Mylene 9 years ago
parent
087d4f41d0
commit
b1b5173307
3 changed files with 69 additions and 226 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      sass/base/_commons.sass
  2. 9
      sass/layout/_modal.sass
  3. 284
      sass/pages/_following.sass

2
sass/base/_commons.sass
Unescape View File

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

9
sass/layout/_modal.sass
Unescape View File

@ -168,6 +168,15 @@ $header-modal-height : $menu-height
display: none display: none
h2 h2
text-transform: none 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 **********/ /************ RETWIST POSTS MODAL **********/

284
sass/pages/_following.sass
Unescape View File

@ -1,228 +1,62 @@
.following .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 position: relative
margin-bottom: 2% +transition-property(background)
padding: 50px 0 +transition-duration(.1s)
&:nth-child(4n) &:hover
@extend .last background: white
a
display: block
.following .mini-profile padding: $space
margin-bottom: 10px width: 100%
@extend .clear-fix
.following .mini-profile-info color: $defaut-font-color
position: relative
.following .mini-profile-photo .mini-profile-photo
margin: 0 auto 10px auto height: 48px
display: block width: 48px
width: 64px line-height: 0
height: 64px margin: 0 $space 0 0
overflow: hidden float: left
background: $main-background-color .mini-profile-name
font-size: 1rem
.following .mini-profile-view font-weight: 500
display: inline float: left
color: rgba(0, 0, 0, 0.5) display: block
font-size: 12px line-height: 1rem
position: absolute padding: 10px 0
top: 32px .mini-screen-name
left: 65px display: block
z-index: 1 float: left
line-height: 1rem
.following .mini-profile-name font-weight: 400
font-weight: 900 font-size: 1rem
font-size: 1em padding: 10px
line-height: 1em color: #666
padding: 0 b
text-decoration: none font-weight: 400
display: block padding: 0
color: inherit color: inherit
display: inline font-size: inherit
.following .mini-screen-name line-height: inherit
color: inherit .mini-profile-actions
display: block display: none
margin-bottom: 10px .following-config
position: absolute
.following button top: 0
display: inline-block right: 0
margin: 5px 0 padding: $space
&.unfollow
background-color: $main-color-light .swarm-status
&.public-following display: none!important
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
font-size: 10px
ul
$action-padding-height: 8px
height: 0
overflow: hidden
position: absolute
top: 2em
right: -2em
transition: height .4s linear
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
display: none!important

Write Preview
Loading…
Cancel
Save