MediaWiki:Common.css: Difference between revisions

Revision as of 03:36, 21 February 2022

#home-nav {
	margin-top: 2.4rem;
}
#home-nav .home-card__background:after {
	position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: linear-gradient(to right,#000,transparent);
    content: "";
}

#home-nav .home-card__foreground {
	pointer-events: none;
	height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-weight: 500;
}

@@ Line 1: / Line 1: @@
-/* custom CSS */
+#home-nav {
+	margin-top: 2.4rem;
-.mw-parser-output #home-nav {
-    margin-top: 2.4rem;
 }
-.mw-parser-output .home-grid {
+#home-nav .home-card__background:after {
-    display: grid;
+	position: absolute;
-    grid: auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));
+     pointer-events: none;
-    grid-auto-rows: minmax(3rem,auto);
-    grid-gap: 0.625rem;
-}
-.mw-parser-output .home-card.home-card--button {
-    padding: 0;
-    background: #242a31;
-    overflow: hidden;
-}
-.mw-parser-output .home-card {
-    position: relative;
-    padding: 15px;
-    border: 1px solid;
-    border-color: var(--border-color-base);
-    background: var(--background-color-dp-02);
-    border-radius: 8px;
-     box-shadow: 0 3px 6px rgb(0 0 0 / 4%), 0 3px 6px rgb(0 0 0 / 6%);
-    font-size: 0.875rem;
-}
-.mw-parser-output .home-card__background {
-    position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
-     background: #242a31;
+    display: block;
-     border-radius: 8px;
+     background: linear-gradient(to right,#000,transparent);
+     content: "";
 }
-.mw-parser-output #home-nav .home-card__foreground {
-    pointer-events: none;
+#home-nav .home-card__foreground {
-    height: 100%;
+	pointer-events: none;
+	height: 100%;
      width: 100%;
      display: flex;
@@ Line 43: / Line 23: @@
      color: #fff;
      font-weight: 500;
-}
-.mw-parser-output .home-card.home-card--button {
-    padding: 0;
-    background: #242a31;
-    overflow: hidden;
 }