@charset "utf-8"; | |
@import "choose"; | |
@import "lengths"; | |
@import "icons"; | |
/** | |
* Definitions of fragments for vc and query | |
* builder. | |
*/ | |
.vc.fragment, | |
p.query.fragment { | |
@include choose-item; | |
position: relative; | |
padding: 4pt 6pt !important; | |
border : { | |
width: $border-size; | |
style: solid; | |
radius: $standard-border-radius; | |
} | |
margin: { | |
left: $left-distance; | |
top: .5em; | |
bottom: .5em; | |
right: $right-view-distance; | |
} | |
&:hover { | |
@include choose-hover; | |
cursor: pointer; | |
} | |
// This is the description | |
> span:first-of-type { | |
font-weight: bold; | |
padding-right: 4pt; | |
} | |
// Query fragment | |
> span:nth-of-type(2) { | |
padding-right: 1.2em; | |
} | |
&::after { | |
font-family: 'FontAwesome'; | |
content: $fa-to-query; | |
position: absolute; | |
right: 4pt; | |
top: $border-size; | |
} | |
} |