uniform styles for icon-buttons (+ mixin added)

This commit is contained in:
Silke Pisulla 2017-01-03 14:48:13 +01:00
commit ed6fc9e542
3 changed files with 236 additions and 213 deletions

View file

@ -2,39 +2,32 @@
/* all media */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
ul.page-attributes{
.plugin__do_pagetasks{
&.do_none{
border: 1px solid @color-border;
border-radius: @border-radius;
color: @color-nav;
display: inline-block;
height: 1rem;
min-height: 1.2em;
min-width: 1.4em;
box-sizing: content-box;
padding: .3em .25em .15em;
position: relative;
}
.num{
position: absolute;
padding: .2em .3em .1em;
text-align: center;
font-size: .6rem;
line-height: 100%;
font-weight: 400;
right: -0.3em;
top: -0.4em;
background-color: @color-border;
border-radius: 2px;
color: @color-nav;
}
.prefix{
ul.page-attributes {
.plugin__do_pagetasks {
@icon-size: 2em;
.btn-usertools-num ();
.prefix {
.fontello();
.hide-text-show-before();
.icon-clipboard();
color: @color-nav;
font-size: .8rem;
min-height: @icon-size;
min-width: @icon-size;
color: @color-nav;
transition: @transition color;
}
&.do_none {
position: relative;
height: 1rem;
width: 1rem;
box-sizing: border-box;
border: 1px solid @color-border;
border-radius: @border-radius;
padding: 0 .2em;
}
}
}