xref: /template/writr/css/plugins/starred.less (revision 8b8daa0dcbc0ac2771e8cb8816c85ac505963a36)
1/* =Starred Plugin
2----------------------------------------------- */
3
4@media only screen and (min-width: 960px) {
5
6    .page-tools {
7        a.plugin__starred {
8            span {
9                width: 60px;
10                height: 60px;
11                background: @ini_text_neu;
12                color: @ini_background;
13                font-size: 30px;
14                line-height: 2;
15
16                -webkit-border-radius: 50%;
17                -moz-border-radius:    50%;
18                border-radius:         50%;
19                transition:         all 0.25s ease-in-out;
20
21                svg {
22                    display:none;
23                }
24
25                &.starred:before { font-family: "bootstrap-icons"; }
26                &.on:before { content: '\F586'; }
27                &.off:before { content: '\F588'; }
28            }
29
30            &:hover span {
31                background: @ini_background;
32                color: @ini_text_alt;
33            }
34
35            &:focus {
36                outline: none;
37
38                span {
39                    background-color: @ini_theme_color;
40                    color: #fff;
41                }
42            }
43        }
44    }
45}
46
47@media only screen and (max-width: 959px) {
48}
49
50@media only screen and (max-width: 767px) {
51}
52