icon-buttons font-size + padding

This commit is contained in:
Silke Pisulla 2017-01-04 10:36:44 +01:00
commit bdad3fbdc3
4 changed files with 48 additions and 40 deletions

View file

@ -53,6 +53,8 @@
} }
} }
/* + + + + + icon list + + + + + */
.page-attributes { .page-attributes {
float: right; float: right;
display: inline-block; display: inline-block;
@ -67,6 +69,17 @@
float: left; float: left;
.prefix {
.fontello();
.hide-text-show-before();
.icon-clipboard();
color: @color-nav;
font-size: 1.3em;
margin-top: .2rem;
}
/* check !!! */
&.do_none { &.do_none {
&:not([class*="plugin__qc"]) { &:not([class*="plugin__qc"]) {
background-color: @color-site-bg; background-color: @color-site-bg;
@ -77,27 +90,12 @@
color: @color-nav; color: @color-nav;
} }
} }
/* end check !!! */
&.plugin__qc { &.plugin__qc {
display: inline-block; display: inline-block;
overflow: visible; overflow: visible;
} }
.prefix {
.fontello();
.hide-text-show-before();
height: auto;
width: 100%;
color: @color-nav;
text-align: center;
transition: @transition color;
&::before {
width: 100%;
margin: .35em 0 0;
}
}
} // li } // li
a { a {
@ -143,13 +141,18 @@
} }
#plugin__qc__link { #plugin__qc__link {
font-size: .8rem;
position: relative; position: relative;
.prefix { .prefix {
.icon-emo-happy(); .icon-emo-happy();
font-size: inherit; width: 100%;
font-size: .9rem;
&::before {
width: 100%;
margin: .1em 0 0;
}
} }
} }
} }

View file

@ -11,6 +11,8 @@
padding-top: .5rem; padding-top: .5rem;
} }
/* + + + + + icon list + + + + + */
ul { ul {
float: right; float: right;
padding: 0; padding: 0;
@ -21,11 +23,6 @@
.btn-usertools-num(); .btn-usertools-num();
float: right; float: right;
font-size: .8rem;
* {
font-size: .8rem;
}
> strong, > strong,
> a { > a {
@ -67,9 +64,8 @@
border: 4px solid @color-nav; border: 4px solid @color-nav;
border-radius: 50%; border-radius: 50%;
color: #fff; color: #fff;
font-size: .5rem; font-size: .6rem;
margin-top: -1px; margin: -2px 6px -2px 0;
margin-right: 6px;
} }
} }
} // user } // user
@ -84,7 +80,7 @@
text-indent: 0; text-indent: 0;
&::before { &::before {
content: ""; content: '';
position: absolute; position: absolute;
} }
} }
@ -95,7 +91,8 @@
.icon-clipboard(); .icon-clipboard();
color: @color-nav; color: @color-nav;
margin-top: .3rem; font-size: 1.3em;
margin-top: .2rem;
} }
&.opentasks, &.opentasks,
@ -108,6 +105,8 @@
} // user-task } // user-task
} // li } // li
/* + + + icons + + + */
a { a {
.fontello(); .fontello();
.hide-text-show-before(); .hide-text-show-before();
@ -131,9 +130,9 @@
display: block; display: block;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
font-size: 1.12em; font-size: 1.4em;
cursor: pointer; cursor: pointer;
margin: .3rem 0; margin: .2rem 0 0;
} }
/* icon register new user */ /* icon register new user */
@ -154,9 +153,11 @@
/* icon admin */ /* icon admin */
&.admin { &.admin {
.icon-cog(); .icon-cog();
}
/* add more icons if needed */ &::before {
} margin-top: .18rem;
} }
} }
} // a
} // ul
} // nav-usertools

View file

@ -151,6 +151,10 @@
font-size: .8rem; font-size: .8rem;
padding: 0; padding: 0;
margin: 0 .2rem 0 .1rem; margin: 0 .2rem 0 .1rem;
* {
font-size: .8rem;
}
} }
.btn-usertools-num () { .btn-usertools-num () {

View file

@ -13,11 +13,12 @@ ul.page-attributes {
.hide-text-show-before(); .hide-text-show-before();
.icon-clipboard(); .icon-clipboard();
font-size: .8rem;
min-height: @icon-size;
min-width: @icon-size;
color: @color-nav; color: @color-nav;
transition: @transition color; display: block;
width: 100%;
box-sizing: border-box;
font-size: 1.3em;
margin: .2rem 0 0;
} }
&.do_none { &.do_none {
@ -27,7 +28,6 @@ ul.page-attributes {
box-sizing: border-box; box-sizing: border-box;
border: 1px solid @color-border; border: 1px solid @color-border;
border-radius: @border-radius; border-radius: @border-radius;
padding: 0 .2em;
} }
} }
} }