add extjs 6.0.1 sources

[extjs.git] / extjs / templates / admin-dashboard / modern / sass / src / view / dashboard / Services.scss

.services-text {\r
    margin: 0 0 10px 5px;\r
    max-height: 6.3em;\r
    text-overflow: ellipsis;\r
    overflow: hidden;\r
}\r
\r
.services-legend {\r
    white-space: nowrap;\r
    overflow: hidden;\r
    line-height: 1.15em;\r
\r
    .phone & {\r
        display: none;\r
    }\r
\r
    .legend-item {\r
        width: 33%;\r
        display: inline-block;\r
        text-overflow: ellipsis;\r
        overflow: hidden;\r
    }\r
\r
    .legend-icon {\r
        width: 1.15em;\r
        height: 1.15em;\r
        display: inline-block;\r
        vertical-align: middle;\r
        margin-right: .4em;\r
    }\r
\r
    .legend-text {\r
        font-size: .85em;\r
    }\r
}\r
\r
@media (max-width: 400px) {\r
    .services-legend {\r
        display: none;\r
    }\r
}\r
\r
@media (min-width: 401px) {\r
    .x-big .services-text {\r
        max-height: 5em;\r
    }\r
}\r
\r
@include progress-ui(\r
    $ui: 'finance',\r
    $bar-background-color: $grid-item-ban-btn-color,\r
    $height: 5px,\r
    $border-width: 0,\r
    $border-radius: 0\r
);\r
\r
@include progress-ui(\r
    $ui: 'research',\r
    $bar-background-color: $legend-research,\r
    $height: 5px,\r
    $border-width: 0,\r
    $border-radius: 0\r
);\r
\r
@include progress-ui(\r
    $ui: 'marketing',\r
    $bar-background-color: $legend-marketing,\r
    $height: 5px,\r
    $border-width: 0,\r
    $border-radius: 0\r
);\r
\r
.legend-finance {\r
    background-color: $grid-item-ban-btn-color;\r
}\r
.legend-research {\r
    background-color: $legend-research;\r
}\r
\r
.legend-marketing {\r
    background-color: $legend-marketing;\r
}\r
\r
.left-aligned-div{\r
    float:left;\r
}\r
\r
.right-aligned-div{\r
    float: right;\r
}\r
\r
.bottom-indent {\r
    margin-bottom: 16px;\r
}\r
\r
.service-marketing {\r
    margin-bottom: 8px;\r
}\r