twisterarmy/theme_nin
1
0
Fork 0
mirror of https://github.com/twisterarmy/theme_nin.git synced 2025-08-31 08:02:25 +00:00
Code Issues Projects Releases Wiki Activity

replace various SASS button.small extending by button-small-basic mixin

Browse Source
This commit is contained in:
Simon Grim 2018-10-03 00:32:13 +05:00
parent 76c38f22d8
commit 9411dbf5c5
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
sass/base/_utils.sass
View File

@ -56,6 +56,12 @@
&:hover &:hover
border-color: darken($color, $hover-border-color-darken-amount) border-color: darken($color, $hover-border-color-darken-amount)
@mixin button-small-basic
padding: .5rem
font-weight: 700
font-size: .7rem
line-height: .7rem
button, a.button button, a.button
@include button-basic @include button-basic
&.color-1 &.color-1
@ -63,10 +69,7 @@ button, a.button
&.color-2 &.color-2
@include button-color-basic(2) @include button-color-basic(2)
&.small &.small
padding: .5rem @include button-small-basic
font-weight: 700
font-size: .7rem
line-height: .7rem
&.light &.light
background: #eee background: #eee
border-color: darken(#eee, 5%) border-color: darken(#eee, 5%)

4
sass/layout/_modal.sass
View File

@ -112,7 +112,7 @@ $header-modal-height : $menu-height
position: absolute position: absolute
right: 10px right: 10px
top: 10px top: 10px
@extend .small @include button-small-basic
.bio .bio
color: rgba(0, 0, 0, 0.6) color: rgba(0, 0, 0, 0.6)
font-style: italic font-style: italic
@ -164,7 +164,7 @@ $header-modal-height : $menu-height
position: absolute position: absolute
right: 10px right: 10px
top: 10px top: 10px
@extend .small @include button-small-basic
.bio .bio
color: rgba(0, 0, 0, 0.6) color: rgba(0, 0, 0, 0.6)
font-style: italic font-style: italic

4
sass/style.sass
View File

@ -443,7 +443,7 @@ textarea.splited-post
position: absolute position: absolute
right: 30px right: 30px
top: 10px top: 10px
@extend .small @include button-small-basic
display: none display: none
padding: .4rem!important padding: .4rem!important
&:hover button &:hover button
@ -587,7 +587,7 @@ img.twister-user-photo
position: absolute position: absolute
right: 30px right: 30px
top: 10px top: 10px
@extend .small @include button-small-basic
display: none display: none
padding: .4rem!important padding: .4rem!important
&:hover button &:hover button