EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

uniform styles for icon-buttons (+ mixin added)

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

176
css/area_nav-breadcrumb.less
View file

@ -8,109 +8,145 @@
padding: 2rem 2rem 1rem;
border-bottom: 1px solid @color-border;
> p{
> p {
font-size: .83rem;
margin: 0;
*{
* {
font-size: .83rem;
}
.bchead{
.bchead {
.sr-only();
}
a{
&:hover,&:focus,&:active{
a {
&:hover,
&:focus,
&:active {
color: @color-nav;
}
}
span.home{
a{
span.home {
a {
.fontello();
.hide-text-show-before();
.icon-home();
height: 1em;
width: auto;
text-decoration:none;
&:before{
text-decoration: none;
transition: @transition color;
&:before {
font-size: 1rem;
margin-top: .17rem;
}
&:hover,&:focus,&:active{
color: @color-nav;
&:hover,
&:focus,
&:active {
color: @color-link-hover;
}
}
}
}
.page-attributes{
float:right;
.page-attributes {
float: right;
display: inline-block;
list-style: none;
margin:0; padding:0;
margin: 0;
padding: 0;
max-width: 30%;
> li{
display: inline-block;
//float: right;
margin: 0 .1rem;
padding: 0;
font-size: .8rem;
#plugin__qc__wrapper{
position:absolute;
right:0;
width: auto;
border: 0 none;
background: @color-site-bg;
}
a[aria-expanded="false"] + #plugin__qc__wrapper{
display: none;
}
#plugin__qc__wrapper[aria-hidden="false"]{
margin-top: .7rem;
}
> li {
.btn-usertools-wrapper(); // uniform li
#plugin__qc__icon{
display: none;
}
&.plugin__qc{
float: left;
&.plugin__qc {
display: inline-block;
overflow: visible;
}
#plugin__qc__link{
font-size: .8rem;
position: relative;
display: block;
height: 1rem;
width: 1rem;
border: 1px solid @color-border;
background-color: @color-site-bg;
border-radius: @border-radius;
color: @color-nav;
min-height: 1.2em;
min-width: 1.4em;
box-sizing: content-box;
padding: .3em .25em .15em;
.prefix{
font-size: .8rem;
.fontello();
.hide-text-show-before();
.icon-emo-happy();
color: @color-nav;
&.do_none {
background-color: @color-site-bg;
}
.btn-usertools-num ();
.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;
}
.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;
}
} // li
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;
&[aria-expanded="false"] + #plugin__qc__wrapper {
display: none;
}
&:hover,
&:active,
&:focus {
border-color: @button_color;
color: @button_color;
.prefix {
color: @button_color;
}
}
}
#plugin__qc__wrapper {
position: absolute;
right: 0;
width: auto;
border: 0 none;
background: @color-site-bg;
&[aria-hidden="false"] {
margin-top: .7rem;
}
}
#plugin__qc__icon {
display: none;
}
#plugin__qc__link {
font-size: .8rem;
position: relative;
.prefix {
.icon-emo-happy();
font-size: inherit;
}
}
}
}