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