pnx/httpcb
Archived
1
0
Fork 0
Code Releases Activity

app/assets/sass/components/_callback-list.scss: add some top margin.

Browse source
This commit is contained in:
Henrik Hautakoski 2022-08-02 12:33:06 +02:00
parent eebcce70f9
commit ac3e2b8d1d
1 changed files with 64 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

125
app/assets/sass/components/_callback-list.scss
View file

@ -1,78 +1,81 @@
.callback-list {
margin-top: 1em;
.callback-list-item { &-item {
@include clearfix(); @include clearfix();
position: relative; position: relative;
padding: .6em 1em; padding: .6em 1em;
&:hover { &:hover {
background: $gray-lightest; background: $gray-lightest;
} }
// Borders. // Borders.
// -------- // --------
border: solid $callback-list-border-color $callback-list-border-size; border: solid $callback-list-border-color $callback-list-border-size;
// Remove top border for all except first child. // Remove top border for all except first child.
&:not(:first-child) { &:not(:first-child) {
border-top: 0; border-top: 0;
} }
// top border radius for first child. // top border radius for first child.
&:first-child { &:first-child {
border-top-left-radius: $callback-list-border-radius; border-top-left-radius: $callback-list-border-radius;
border-top-right-radius: $callback-list-border-radius; border-top-right-radius: $callback-list-border-radius;
} }
// bottom border radius for first child. // bottom border radius for first child.
&:last-child { &:last-child {
border-bottom-left-radius: $callback-list-border-radius; border-bottom-left-radius: $callback-list-border-radius;
border-bottom-right-radius: $callback-list-border-radius; border-bottom-right-radius: $callback-list-border-radius;
} }
// Sections. // Sections.
// --------- // ---------
&-header { &-header {
margin-bottom: .4em; margin-bottom: .4em;
} }
&-info { &-info {
font-size: $font-size-small; font-size: $font-size-small;
color: $callback-list-info-color; color: $callback-list-info-color;
> span { > span {
display: inline-block; display: inline-block;
margin-right: 1.6em; margin-right: 1.6em;
} }
.icon { .icon {
@include icon-vcenter(); @include icon-vcenter();
font-size: 20px; font-size: 20px;
padding: .2em; padding: .2em;
} }
} }
&-name { &-name {
margin-right: 1em; margin-right: 1em;
font-size: $callback-list-name-text-size; font-size: $callback-list-name-text-size;
color: $callback-list-name-color; color: $callback-list-name-color;
&:hover { &:hover {
color: $callback-list-name-hover-color; color: $callback-list-name-hover-color;
text-decoration: none; text-decoration: none;
} }
} }
&-arrow { &-arrow {
color: $callback-list-arrow-color; color: $callback-list-arrow-color;
position: absolute; position: absolute;
right: .8em; right: .8em;
top: 50%; top: 50%;
> .icon { > .icon {
font-size: 35px; font-size: 35px;
transform: translateY(-50%); transform: translateY(-50%);
} }
} }
}
} }