You are here

views.css in AT Tools 8.2

@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-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.625em;
    margin-right: -0.625em;
  }
  .views-view-grid.horizontal .views-col {
    -webkit-flex: 0 0 100%;
        -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-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.625em;
    margin-right: -0.625em;
  }
  .views-view-grid.vertical .views-col {
    -webkit-flex: 0 0 100%;
        -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-flex: 0 0 100%;
        -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 {
    -webkit-flex-basis: 50%;
        -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 {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
  }
}

@media screen and (min-width: 60.0625em) {
  .views-view-grid.cols-2 .views-col {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .views-view-grid.cols-3 .views-col {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
  }
  .views-view-grid.cols-4 .views-col {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
  }
  .views-view-grid.cols-6 .views-col {
    -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
  }
  .views-view-grid.cols-12 .views-col {
    -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
  }
  .views-view-grid.cols-8 .views-col {
    -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
  }
  .views-view-grid.cols-5 .views-col {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
  }
  .views-view-grid.cols-10 .views-col {
    -webkit-flex-basis: 10%;
        -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;
  box-sizing: border-box;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  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-flex;
  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-flex: 0 0 100%;
  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-flex;
  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-flex: 0 0 100%;
  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-flex: 0 0 100%;
  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. -webkit-flex-basis: 50%;
  60. -ms-flex-preferred-size: 50%;
  61. flex-basis: 50%;
  62. }
  63. .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 {
  64. -webkit-flex-basis: 33.33333%;
  65. -ms-flex-preferred-size: 33.33333%;
  66. flex-basis: 33.33333%;
  67. }
  68. }
  69. @media screen and (min-width: 60.0625em) {
  70. .views-view-grid.cols-2 .views-col {
  71. -webkit-flex-basis: 50%;
  72. -ms-flex-preferred-size: 50%;
  73. flex-basis: 50%;
  74. }
  75. .views-view-grid.cols-3 .views-col {
  76. -webkit-flex-basis: 33.33333%;
  77. -ms-flex-preferred-size: 33.33333%;
  78. flex-basis: 33.33333%;
  79. }
  80. .views-view-grid.cols-4 .views-col {
  81. -webkit-flex-basis: 25%;
  82. -ms-flex-preferred-size: 25%;
  83. flex-basis: 25%;
  84. }
  85. .views-view-grid.cols-6 .views-col {
  86. -webkit-flex-basis: 16.66667%;
  87. -ms-flex-preferred-size: 16.66667%;
  88. flex-basis: 16.66667%;
  89. }
  90. .views-view-grid.cols-12 .views-col {
  91. -webkit-flex-basis: 8.33333%;
  92. -ms-flex-preferred-size: 8.33333%;
  93. flex-basis: 8.33333%;
  94. }
  95. .views-view-grid.cols-8 .views-col {
  96. -webkit-flex-basis: 12.5%;
  97. -ms-flex-preferred-size: 12.5%;
  98. flex-basis: 12.5%;
  99. }
  100. .views-view-grid.cols-5 .views-col {
  101. -webkit-flex-basis: 20%;
  102. -ms-flex-preferred-size: 20%;
  103. flex-basis: 20%;
  104. }
  105. .views-view-grid.cols-10 .views-col {
  106. -webkit-flex-basis: 10%;
  107. -ms-flex-preferred-size: 10%;
  108. flex-basis: 10%;
  109. }
  110. }
  111. .views-view-grid .node {
  112. margin-bottom: 0;
  113. display: inline-block;
  114. height: 100%;
  115. width: 100%;
  116. }
  117. .views-align-left {
  118. text-align: left;
  119. }
  120. .views-align-right {
  121. text-align: right;
  122. }
  123. .views-align-center {
  124. text-align: center;
  125. }
  126. .view-empty:not(:empty) {
  127. margin-bottom: 1.25rem;
  128. }
  129. .view-empty:not(:empty) .links {
  130. list-style: none;
  131. margin: 1rem 0;
  132. padding: 0;
  133. }
  134. .view-empty:not(:empty) .links a[href="/node/add"] {
  135. max-width: 100%;
  136. width: auto;
  137. position: relative;
  138. box-sizing: border-box;
  139. border-radius: 2px;
  140. border-width: 1px;
  141. border-style: solid;
  142. transition: background-color, .15s, ease-in-out;
  143. cursor: pointer;
  144. text-decoration: none;
  145. text-align: center;
  146. font-weight: 400;
  147. white-space: nowrap;
  148. height: 2rem;
  149. padding: 0 0.625rem;
  150. display: inline-block;
  151. }
  152. .view-empty:not(:empty) .links a[href="/node/add"]:hover, .view-empty:not(:empty) .links a[href="/node/add"]:focus {
  153. text-decoration: none;
  154. }
  155. .view-empty:not(:empty) .links a[href="/node/add"]:before {
  156. font-family: FontAwesome, sans-serif;
  157. content: "";
  158. vertical-align: middle;
  159. font-size: 0.75rem;
  160. padding-right: 0.25rem;
  161. line-height: 2rem;
  162. display: none;
  163. }
  164. .fa-loaded .view-empty:not(:empty) .links a[href="/node/add"]:before {
  165. display: inline-block;
  166. }
  167. .view-comments-recent .item-list__item,
  168. .view-content-recent .item-list__item {
  169. margin-bottom: 0.625rem;
  170. }
  171. .view-comments-recent .item-list__item span,
  172. .view-content-recent .item-list__item span {
  173. display: block;
  174. }
  175. .view-comments-recent .item-list__item .views-field-changed,
  176. .view-content-recent .item-list__item .views-field-changed {
  177. font-size: 0.75rem;
  178. line-height: 1;
  179. }
  180. /*# sourceMappingURL=views.css.map */