diff --git a/app/assets/sass/components/_callback-list.scss b/app/assets/sass/components/_callback-list.scss index f010b65..da81b8a 100644 --- a/app/assets/sass/components/_callback-list.scss +++ b/app/assets/sass/components/_callback-list.scss @@ -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%); + } + } + } }