icon-buttons font-size + padding
This commit is contained in:
parent
36a92dc238
commit
bdad3fbdc3
4 changed files with 48 additions and 40 deletions
|
@ -53,6 +53,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/* + + + + + icon list + + + + + */
|
||||
.page-attributes {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
|
@ -67,6 +69,17 @@
|
|||
|
||||
float: left;
|
||||
|
||||
.prefix {
|
||||
.fontello();
|
||||
.hide-text-show-before();
|
||||
.icon-clipboard();
|
||||
|
||||
color: @color-nav;
|
||||
font-size: 1.3em;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
/* check !!! */
|
||||
&.do_none {
|
||||
&:not([class*="plugin__qc"]) {
|
||||
background-color: @color-site-bg;
|
||||
|
@ -77,27 +90,12 @@
|
|||
color: @color-nav;
|
||||
}
|
||||
}
|
||||
/* end check !!! */
|
||||
|
||||
&.plugin__qc {
|
||||
display: inline-block;
|
||||
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
|
||||
|
||||
a {
|
||||
|
@ -143,13 +141,18 @@
|
|||
}
|
||||
|
||||
#plugin__qc__link {
|
||||
font-size: .8rem;
|
||||
position: relative;
|
||||
|
||||
.prefix {
|
||||
.icon-emo-happy();
|
||||
|
||||
font-size: inherit;
|
||||
width: 100%;
|
||||
font-size: .9rem;
|
||||
|
||||
&::before {
|
||||
width: 100%;
|
||||
margin: .1em 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,6 +11,8 @@
|
|||
padding-top: .5rem;
|
||||
}
|
||||
|
||||
|
||||
/* + + + + + icon list + + + + + */
|
||||
ul {
|
||||
float: right;
|
||||
padding: 0;
|
||||
|
@ -21,11 +23,6 @@
|
|||
.btn-usertools-num();
|
||||
|
||||
float: right;
|
||||
font-size: .8rem;
|
||||
|
||||
* {
|
||||
font-size: .8rem;
|
||||
}
|
||||
|
||||
> strong,
|
||||
> a {
|
||||
|
@ -67,9 +64,8 @@
|
|||
border: 4px solid @color-nav;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
font-size: .5rem;
|
||||
margin-top: -1px;
|
||||
margin-right: 6px;
|
||||
font-size: .6rem;
|
||||
margin: -2px 6px -2px 0;
|
||||
}
|
||||
}
|
||||
} // user
|
||||
|
@ -84,7 +80,7 @@
|
|||
text-indent: 0;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
@ -95,7 +91,8 @@
|
|||
.icon-clipboard();
|
||||
|
||||
color: @color-nav;
|
||||
margin-top: .3rem;
|
||||
font-size: 1.3em;
|
||||
margin-top: .2rem;
|
||||
}
|
||||
|
||||
&.opentasks,
|
||||
|
@ -108,6 +105,8 @@
|
|||
} // user-task
|
||||
} // li
|
||||
|
||||
|
||||
/* + + + icons + + + */
|
||||
a {
|
||||
.fontello();
|
||||
.hide-text-show-before();
|
||||
|
@ -131,9 +130,9 @@
|
|||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-size: 1.12em;
|
||||
font-size: 1.4em;
|
||||
cursor: pointer;
|
||||
margin: .3rem 0;
|
||||
margin: .2rem 0 0;
|
||||
}
|
||||
|
||||
/* icon register new user */
|
||||
|
@ -154,9 +153,11 @@
|
|||
/* icon admin */
|
||||
&.admin {
|
||||
.icon-cog();
|
||||
}
|
||||
|
||||
/* add more icons if needed */
|
||||
}
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
margin-top: .18rem;
|
||||
}
|
||||
}
|
||||
} // a
|
||||
} // ul
|
||||
} // nav-usertools
|
||||
|
|
|
@ -151,6 +151,10 @@
|
|||
font-size: .8rem;
|
||||
padding: 0;
|
||||
margin: 0 .2rem 0 .1rem;
|
||||
|
||||
* {
|
||||
font-size: .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-usertools-num () {
|
||||
|
|
|
@ -13,11 +13,12 @@ ul.page-attributes {
|
|||
.hide-text-show-before();
|
||||
.icon-clipboard();
|
||||
|
||||
font-size: .8rem;
|
||||
min-height: @icon-size;
|
||||
min-width: @icon-size;
|
||||
color: @color-nav;
|
||||
transition: @transition color;
|
||||
display: block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
font-size: 1.3em;
|
||||
margin: .2rem 0 0;
|
||||
}
|
||||
|
||||
&.do_none {
|
||||
|
@ -27,7 +28,6 @@ ul.page-attributes {
|
|||
box-sizing: border-box;
|
||||
border: 1px solid @color-border;
|
||||
border-radius: @border-radius;
|
||||
padding: 0 .2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue