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 {
|
.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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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 () {
|
||||||
|
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue