Add icons for the Hello theme (settings page)

This commit is contained in:
Frédéric Guillot 2015-01-02 12:07:57 -05:00
parent ab23ca816e
commit 9a980e076d
2 changed files with 60 additions and 11 deletions

View File

@ -307,6 +307,20 @@ section.page {
content: "\f014"; } content: "\f014"; }
.page-header ul li a[href="?action=feeds"]:after { .page-header ul li a[href="?action=feeds"]:after {
content: "\f143"; } content: "\f143"; }
.page-header ul li a[href="?action=config"]:after {
content: "\f013"; }
.page-header ul li a[href="?action=help"]:after {
content: "\f128"; }
.page-header ul li a[href="?action=services"]:after {
content: "\f1e0"; }
.page-header ul li a[href="?action=about"]:after {
content: "\f129"; }
.page-header ul li a[href="?action=database"]:after {
content: "\f1b3"; }
.page-header ul li a[href="?action=api"]:after {
content: "\f0ec"; }
.page-header ul li a[href*="action=refresh-feed"]:after {
content: "\f021"; }
.page-section h2 { .page-section h2 {
margin-bottom: 15px; margin-bottom: 15px;

View File

@ -1,6 +1,6 @@
body { body {
background-color: $theme-background-main; background-color: $theme-background-main;
font: { font: {
family: $ui-font-content; family: $ui-font-content;
weight: normal; weight: normal;
@ -9,7 +9,7 @@ body {
> header, > header,
> section { > section {
bottom: 0; bottom: 0;
top: 0; top: 0;
} }
@ -128,18 +128,18 @@ span {
&:before { &:before {
content: " " + $icon-bracket-open; content: " " + $icon-bracket-open;
} }
&:after { &:after {
content: $icon-bracket-close; content: $icon-bracket-close;
} }
} }
} }
&.items-count { &.items-count {
&:before { &:before {
content: $icon-bracket-open; content: $icon-bracket-open;
} }
&:after { &:after {
content: $icon-bracket-close; content: $icon-bracket-close;
} }
@ -179,16 +179,16 @@ section {
li { li {
@include inline-block; @include inline-block;
text-align: center; text-align: center;
a , a ,
a:after { a:after {
overflow: hidden; overflow: hidden;
display: block; display: block;
height: 25px; height: 25px;
text-decoration: none; text-decoration: none;
width: 25px; width: 25px;
} }
a { a {
background-color: $button-background-grey; background-color: $button-background-grey;
color: darken($theme-background-highlight, 5%); color: darken($theme-background-highlight, 5%);
@ -206,10 +206,10 @@ section {
z-index: 999; z-index: 999;
text-indent: 0; text-indent: 0;
} }
} }
a{ a{
&[href*="action=unread"], &[href*="action=unread"],
&[href*="action=feed-items"] { &[href*="action=feed-items"] {
@ -217,7 +217,7 @@ section {
&:after { &:after {
content: "\f162"; content: "\f162";
} }
} }
} }
} }
a { a {
@ -269,6 +269,41 @@ section {
content: "\f143"; content: "\f143";
} }
} }
a[href="?action=config"] {
&:after {
content: "\f013";
}
}
a[href="?action=help"] {
&:after {
content: "\f128";
}
}
a[href="?action=services"] {
&:after {
content: "\f1e0";
}
}
a[href="?action=about"] {
&:after {
content: "\f129";
}
}
a[href="?action=database"] {
&:after {
content: "\f1b3";
}
}
a[href="?action=api"] {
&:after {
content: "\f0ec";
}
}
a[href*="action=refresh-feed"] {
&:after {
content: "\f021";
}
}
} }
} }
} }