1234567891011121314151617181920212223242526272829303132333435363738 |
- @use "sass:math";
- $pad_btn: 0.5em;
- @mixin btn() {
- padding: math.div($pad_btn,2) $pad_btn;
- // border-radius: 5px;
- // background-color: $btns_back;
- cursor: pointer;
- line-height: 1.5;
- }
- span.icon{
- background-repeat: no-repeat;
- background-position: middle center;
- background-size: contain;
- display: inline-block;
- vertical-align:bottom;
- width: 2em;
- height:2em;
- &.terraindevie{
- background-image: url('./icons/terraindevie.svg');
- }
- &.proximite{
- background-image: url('./icons/proximite.svg');
- }
- &.superposition{
- background-image: url('./icons/superposition.svg');
- }
- &.puissancedagir{
- background-image: url('./icons/puissancedagir.svg');
- }
- &.action{
- background-image: url('./icons/action.svg');
- }
- &.doleancer{
- background-image: url('./icons/doleancer.svg');
- }
- }
|