1 | /*!
|
---|
2 | * AngularJS Material Design
|
---|
3 | * https://github.com/angular/material
|
---|
4 | * @license MIT
|
---|
5 | * v1.2.3
|
---|
6 | */
|
---|
7 | md-divider {
|
---|
8 | display: block;
|
---|
9 | border-top-width: 1px;
|
---|
10 | border-top-style: solid;
|
---|
11 | margin: 0; }
|
---|
12 | md-divider[md-inset] {
|
---|
13 | margin-left: 80px; }
|
---|
14 | [dir=rtl] md-divider[md-inset] {
|
---|
15 | margin-left: auto;
|
---|
16 | margin-right: 80px; }
|
---|
17 |
|
---|
18 | @media (max-width: 599px) {
|
---|
19 | .layout-row:not(.layout-xs-column) > md-divider,
|
---|
20 | .layout-xs-row > md-divider {
|
---|
21 | border-top-width: 0;
|
---|
22 | border-right-width: 1px;
|
---|
23 | border-right-style: solid; } }
|
---|
24 |
|
---|
25 | @media (min-width: 600px) and (max-width: 959px) {
|
---|
26 | .layout-row:not(.layout-gt-xs-column):not(.layout-sm-column) > md-divider,
|
---|
27 | .layout-gt-xs-row:not(.layout-sm-column) > md-divider,
|
---|
28 | .layout-sm-row:not(.layout-sm-column) > md-divider {
|
---|
29 | border-top-width: 0;
|
---|
30 | border-right-width: 1px;
|
---|
31 | border-right-style: solid; } }
|
---|
32 |
|
---|
33 | @media (min-width: 960px) and (max-width: 1279px) {
|
---|
34 | .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
|
---|
35 | .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column) > md-divider,
|
---|
36 | .layout-gt-sm-row:not(.layout-md-column) > md-divider,
|
---|
37 | .layout-md-row:not(.layout-md-column) > md-divider {
|
---|
38 | border-top-width: 0;
|
---|
39 | border-right-width: 1px;
|
---|
40 | border-right-style: solid; } }
|
---|
41 |
|
---|
42 | @media (min-width: 1280px) and (max-width: 1919px) {
|
---|
43 | .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
|
---|
44 | .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
|
---|
45 | .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-lg-column) > md-divider,
|
---|
46 | .layout-gt-md-row:not(.layout-lg-column) > md-divider,
|
---|
47 | .layout-lg-row:not(.layout-lg-column) > md-divider {
|
---|
48 | border-top-width: 0;
|
---|
49 | border-right-width: 1px;
|
---|
50 | border-right-style: solid; } }
|
---|
51 |
|
---|
52 | @media (min-width: 1920px) {
|
---|
53 | .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
|
---|
54 | .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
|
---|
55 | .layout-gt-sm-row:not(.layout-gt-md-column):not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
|
---|
56 | .layout-gt-md-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
|
---|
57 | .layout-gt-lg-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider,
|
---|
58 | .layout-xl-row:not(.layout-gt-lg-column):not(.layout-xl-column) > md-divider {
|
---|
59 | border-top-width: 0;
|
---|
60 | border-right-width: 1px;
|
---|
61 | border-right-style: solid; } }
|
---|