You are here

views.css in AT Tools 8.3

@charset "UTF-8";
/**
 * Views
 ============================================================================ */
.view-content .item-list > ul {
  padding: 0;
}

.views-view-grid .views-row {
  margin-bottom: 1.25em;
}

@media screen and (max-width: 60em) {
  .views-view-grid.horizontal .views-col {
    margin-bottom: 1.25em;
  }
  .views-view-grid.horizontal .views-col:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  .views-view-grid.horizontal .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.625em;
    margin-right: -0.625em;
  }
  .views-view-grid.horizontal .views-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0.625em;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  .views-view-grid.vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.625em;
    margin-right: -0.625em;
  }
  .views-view-grid.vertical .views-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0.625em;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  .views-view-grid .views-col {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0 0.625em;
  }
}

@media screen and (min-width: 45.0625em) and (max-width: 60em) {
  .views-view-grid.cols-2 .views-col, .views-view-grid.cols-4 .views-col, .views-view-grid.cols-5 .views-col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .views-view-grid.cols-3 .views-col, .views-view-grid.cols-6 .views-col, .views-view-grid.cols-8 .views-col, .views-view-grid.cols-10 .views-col, .views-view-grid.cols-12 .views-col {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
}

@media screen and (min-width: 60.0625em) {
  .views-view-grid.cols-2 .views-col {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .views-view-grid.cols-3 .views-col {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
  }
  .views-view-grid.cols-4 .views-col {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .views-view-grid.cols-6 .views-col {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
  }
  .views-view-grid.cols-12 .views-col {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
  }
  .views-view-grid.cols-8 .views-col {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .views-view-grid.cols-5 .views-col {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .views-view-grid.cols-10 .views-col {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
}

.views-view-grid .node {
  margin-bottom: 0;
  display: inline-block;
  height: 100%;
  width: 100%;
}

.views-align-left {
  text-align: left;
}

.views-align-right {
  text-align: right;
}

.views-align-center {
  text-align: center;
}

.view-empty:not(:empty) {
  margin-bottom: 1.25rem;
}

.view-empty:not(:empty) .links {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.view-empty:not(:empty) .links a[href="/node/add"] {
  max-width: 100%;
  width: auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  -webkit-transition: background-color, .15s, ease-in-out;
  -o-transition: background-color, .15s, ease-in-out;
  transition: background-color, .15s, ease-in-out;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
  white-space: nowrap;
  height: 2rem;
  padding: 0 0.625rem;
  display: inline-block;
}

.view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus {
  text-decoration: none;
}

.view-empty:not(:empty) .links a[href="/node/add"]:before {
  font-family: FontAwesome, sans-serif;
  content: "";
  vertical-align: middle;
  font-size: 0.75rem;
  padding-right: 0.25rem;
  line-height: 2rem;
  display: none;
}

.fa-loaded .view-empty:not(:empty) .links a[href="/node/add"]:before {
  display: inline-block;
}

.view-comments-recent .item-list__item,
.view-content-recent .item-list__item {
  margin-bottom: 0.625rem;
}

.view-comments-recent .item-list__item span,
.view-content-recent .item-list__item span {
  display: block;
}

.view-comments-recent .item-list__item .views-field-changed,
.view-content-recent .item-list__item .views-field-changed {
  font-size: 0.75rem;
  line-height: 1;
}
/*# sourceMappingURL=views.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/views.css
View source
  1. @charset "UTF-8";
  2. /**
  3. * Views
  4. ============================================================================ */
  5. .view-content .item-list > ul {
  6. padding: 0;
  7. }
  8. .views-view-grid .views-row {
  9. margin-bottom: 1.25em;
  10. }
  11. @media screen and (max-width: 60em) {
  12. .views-view-grid.horizontal .views-col {
  13. margin-bottom: 1.25em;
  14. }
  15. .views-view-grid.horizontal .views-col:last-child {
  16. margin-bottom: 0;
  17. }
  18. }
  19. @media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  20. .views-view-grid.horizontal .views-row {
  21. display: -webkit-box;
  22. display: -ms-flexbox;
  23. display: flex;
  24. margin-left: -0.625em;
  25. margin-right: -0.625em;
  26. }
  27. .views-view-grid.horizontal .views-col {
  28. -webkit-box-flex: 0;
  29. -ms-flex: 0 0 100%;
  30. flex: 0 0 100%;
  31. padding: 0 0.625em;
  32. }
  33. }
  34. @media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  35. .views-view-grid.vertical {
  36. display: -webkit-box;
  37. display: -ms-flexbox;
  38. display: flex;
  39. margin-left: -0.625em;
  40. margin-right: -0.625em;
  41. }
  42. .views-view-grid.vertical .views-col {
  43. -webkit-box-flex: 0;
  44. -ms-flex: 0 0 100%;
  45. flex: 0 0 100%;
  46. padding: 0 0.625em;
  47. }
  48. }
  49. @media screen and (min-width: 45.0625em) and (max-width: 60em), screen and (min-width: 60.0625em) {
  50. .views-view-grid .views-col {
  51. -webkit-box-flex: 0;
  52. -ms-flex: 0 0 100%;
  53. flex: 0 0 100%;
  54. padding: 0 0.625em;
  55. }
  56. }
  57. @media screen and (min-width: 45.0625em) and (max-width: 60em) {
  58. .views-view-grid.cols-2 .views-col, .views-view-grid.cols-4 .views-col, .views-view-grid.cols-5 .views-col {
  59. -ms-flex-preferred-size: 50%;
  60. flex-basis: 50%;
  61. }
  62. .views-view-grid.cols-3 .views-col, .views-view-grid.cols-6 .views-col, .views-view-grid.cols-8 .views-col, .views-view-grid.cols-10 .views-col, .views-view-grid.cols-12 .views-col {
  63. -ms-flex-preferred-size: 33.33333%;
  64. flex-basis: 33.33333%;
  65. }
  66. }
  67. @media screen and (min-width: 60.0625em) {
  68. .views-view-grid.cols-2 .views-col {
  69. -ms-flex-preferred-size: 50%;
  70. flex-basis: 50%;
  71. }
  72. .views-view-grid.cols-3 .views-col {
  73. -ms-flex-preferred-size: 33.33333%;
  74. flex-basis: 33.33333%;
  75. }
  76. .views-view-grid.cols-4 .views-col {
  77. -ms-flex-preferred-size: 25%;
  78. flex-basis: 25%;
  79. }
  80. .views-view-grid.cols-6 .views-col {
  81. -ms-flex-preferred-size: 16.66667%;
  82. flex-basis: 16.66667%;
  83. }
  84. .views-view-grid.cols-12 .views-col {
  85. -ms-flex-preferred-size: 8.33333%;
  86. flex-basis: 8.33333%;
  87. }
  88. .views-view-grid.cols-8 .views-col {
  89. -ms-flex-preferred-size: 12.5%;
  90. flex-basis: 12.5%;
  91. }
  92. .views-view-grid.cols-5 .views-col {
  93. -ms-flex-preferred-size: 20%;
  94. flex-basis: 20%;
  95. }
  96. .views-view-grid.cols-10 .views-col {
  97. -ms-flex-preferred-size: 10%;
  98. flex-basis: 10%;
  99. }
  100. }
  101. .views-view-grid .node {
  102. margin-bottom: 0;
  103. display: inline-block;
  104. height: 100%;
  105. width: 100%;
  106. }
  107. .views-align-left {
  108. text-align: left;
  109. }
  110. .views-align-right {
  111. text-align: right;
  112. }
  113. .views-align-center {
  114. text-align: center;
  115. }
  116. .view-empty:not(:empty) {
  117. margin-bottom: 1.25rem;
  118. }
  119. .view-empty:not(:empty) .links {
  120. list-style: none;
  121. margin: 1rem 0;
  122. padding: 0;
  123. }
  124. .view-empty:not(:empty) .links a[href="/node/add"] {
  125. max-width: 100%;
  126. width: auto;
  127. position: relative;
  128. -webkit-box-sizing: border-box;
  129. box-sizing: border-box;
  130. border-radius: 2px;
  131. border-width: 1px;
  132. border-style: solid;
  133. -webkit-transition: background-color, .15s, ease-in-out;
  134. -o-transition: background-color, .15s, ease-in-out;
  135. transition: background-color, .15s, ease-in-out;
  136. cursor: pointer;
  137. text-decoration: none;
  138. text-align: center;
  139. font-weight: 400;
  140. white-space: nowrap;
  141. height: 2rem;
  142. padding: 0 0.625rem;
  143. display: inline-block;
  144. }
  145. .view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus {
  146. text-decoration: none;
  147. }
  148. .view-empty:not(:empty) .links a[href="/node/add"]:before {
  149. font-family: FontAwesome, sans-serif;
  150. content: "";
  151. vertical-align: middle;
  152. font-size: 0.75rem;
  153. padding-right: 0.25rem;
  154. line-height: 2rem;
  155. display: none;
  156. }
  157. .fa-loaded .view-empty:not(:empty) .links a[href="/node/add"]:before {
  158. display: inline-block;
  159. }
  160. .view-comments-recent .item-list__item,
  161. .view-content-recent .item-list__item {
  162. margin-bottom: 0.625rem;
  163. }
  164. .view-comments-recent .item-list__item span,
  165. .view-content-recent .item-list__item span {
  166. display: block;
  167. }
  168. .view-comments-recent .item-list__item .views-field-changed,
  169. .view-content-recent .item-list__item .views-field-changed {
  170. font-size: 0.75rem;
  171. line-height: 1;
  172. }
  173. /*# sourceMappingURL=views.css.map */