uniform styles for icon-buttons (+ mixin for prefix added)
This commit is contained in:
parent
865239e692
commit
fb408e5e99
4 changed files with 32 additions and 46 deletions
|
@ -69,19 +69,28 @@
|
||||||
|
|
||||||
float: left;
|
float: left;
|
||||||
|
|
||||||
.prefix {
|
> strong,
|
||||||
.fontello();
|
> a {
|
||||||
.hide-text-show-before();
|
display: block;
|
||||||
.icon-clipboard();
|
width: auto;
|
||||||
|
min-height: 2em;
|
||||||
|
border: 1px solid @color-border;
|
||||||
|
border-radius: @border-radius;
|
||||||
color: @color-nav;
|
color: @color-nav;
|
||||||
font-size: 1.3em;
|
text-align: center;
|
||||||
margin-top: .2rem;
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prefix {
|
||||||
|
.btn-prefix ();
|
||||||
|
.icon-clipboard();
|
||||||
}
|
}
|
||||||
|
|
||||||
/* check !!! */
|
/* check !!! */
|
||||||
&.do_none {
|
&.do_none {
|
||||||
&:not([class*="plugin__qc"]) {
|
position: relative;
|
||||||
|
|
||||||
|
strong {
|
||||||
background-color: @color-site-bg;
|
background-color: @color-site-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -99,13 +108,6 @@
|
||||||
} // li
|
} // li
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: block;
|
|
||||||
width: auto;
|
|
||||||
min-height: 2em;
|
|
||||||
margin: 0;
|
|
||||||
border: 1px solid @color-border;
|
|
||||||
border-radius: @border-radius;
|
|
||||||
color: @color-nav;
|
|
||||||
transition: @transition color, @transition border-color;
|
transition: @transition color, @transition border-color;
|
||||||
|
|
||||||
&[aria-expanded="false"] + #plugin__qc__wrapper {
|
&[aria-expanded="false"] + #plugin__qc__wrapper {
|
||||||
|
|
|
@ -37,6 +37,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.noopentasks {
|
&.noopentasks {
|
||||||
|
strong {
|
||||||
|
background-color: @color-site-bg;
|
||||||
|
}
|
||||||
|
|
||||||
.num {
|
.num {
|
||||||
background-color: @color-border;
|
background-color: @color-border;
|
||||||
color: @color-nav;
|
color: @color-nav;
|
||||||
|
@ -86,13 +90,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.prefix {
|
.prefix {
|
||||||
.fontello();
|
.btn-prefix ();
|
||||||
.hide-text-show-before();
|
|
||||||
.icon-clipboard();
|
.icon-clipboard();
|
||||||
|
|
||||||
color: @color-nav;
|
|
||||||
font-size: 1.3em;
|
|
||||||
margin-top: .2rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.opentasks,
|
&.opentasks,
|
||||||
|
|
|
@ -185,6 +185,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-prefix () {
|
||||||
|
.fontello();
|
||||||
|
.hide-text-show-before();
|
||||||
|
|
||||||
|
color: @color-nav;
|
||||||
|
font-size: 1rem;
|
||||||
|
margin-top: .2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.btn-default-size() {
|
.btn-default-size() {
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
|
|
@ -4,30 +4,6 @@
|
||||||
|
|
||||||
ul.page-attributes {
|
ul.page-attributes {
|
||||||
.plugin__do_pagetasks {
|
.plugin__do_pagetasks {
|
||||||
@icon-size: 2em;
|
&.do_none { }
|
||||||
|
|
||||||
.btn-usertools-num ();
|
|
||||||
|
|
||||||
.prefix {
|
|
||||||
.fontello();
|
|
||||||
.hide-text-show-before();
|
|
||||||
.icon-clipboard();
|
|
||||||
|
|
||||||
color: @color-nav;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: 1.3em;
|
|
||||||
margin: .2rem 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.do_none {
|
|
||||||
position: relative;
|
|
||||||
height: 1rem;
|
|
||||||
width: 1rem;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: 1px solid @color-border;
|
|
||||||
border-radius: @border-radius;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue