Add icon-inline component, update render-heading.html.example and add render-image.html.example.
This commit is contained in:
parent
9fd4c4a868
commit
45e970953c
1 changed files with 111 additions and 33 deletions
27
assets/sass/components/icon-inline/_icon-inline.scss
Normal file
27
assets/sass/components/icon-inline/_icon-inline.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
// Inline icons.
|
||||
|
||||
.icon-inline,
|
||||
%icon-inline {
|
||||
.icon-link {
|
||||
opacity: 0;
|
||||
transition: all 130ms ease-in;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
.icon-link {
|
||||
opacity: .3;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue