Jump to content

Template:Team card/styles.css: Difference between revisions

From Spike Wiki
Refresh generated page templates and styles
 
Refine shared article layout templates
 
Line 1: Line 1:
.mw-parser-output .sw-team-list{
.mw-parser-output .sw-team-list{
   display:grid;
   display:block;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
   margin:0 0 1em;
  gap:.9rem;
   margin:0 0 1.25rem;
}
}
.mw-parser-output .sw-team-card{
.mw-parser-output .sw-team-card{
   display:flex;
   display:flex;
   align-items:center;
   align-items:center;
   gap:.85rem;
   gap:.75rem;
   padding:1rem;
   padding:.5rem 0;
   border:1px solid #dbe6f0;
   border:0;
   border-radius:18px;
  border-bottom:1px solid #eaecf0;
   background:linear-gradient(180deg,#ffffff,#f7fbfe);
   border-radius:0;
   box-shadow:0 12px 28px rgba(17,35,62,.08);
   background:none;
   box-shadow:none;
}
.mw-parser-output .sw-team-card:last-child{
  border-bottom:0;
}
}
.mw-parser-output .sw-team-card__logo{
.mw-parser-output .sw-team-card__logo{
   flex:0 0 64px;
   flex:0 0 52px;
   width:64px;
   width:52px;
   height:64px;
   height:52px;
   border-radius:16px;
   border-radius:4px;
   overflow:hidden;
   overflow:hidden;
   background:#ffffff;
   background:#ffffff;
   box-shadow:inset 0 0 0 1px rgba(17,35,62,.08);
   box-shadow:none;
  border:1px solid #c8ccd1;
}
}
.mw-parser-output .sw-team-card__logo a,
.mw-parser-output .sw-team-card__logo a,
Line 37: Line 40:
}
}
.mw-parser-output .sw-team-card__name{
.mw-parser-output .sw-team-card__name{
  font-weight:700;
   font-size:1rem;
   font-size:1rem;
   line-height:1.2;
  font-weight:600;
   line-height:1.3;
}
}
.mw-parser-output .sw-team-card__meta{
.mw-parser-output .sw-team-card__meta{
   display:flex;
   display:flex;
   flex-wrap:wrap;
   flex-wrap:wrap;
   gap:.4rem .85rem;
   gap:.35rem .9rem;
   margin-top:.35rem;
   margin-top:.15rem;
   font-size:.88rem;
   font-size:.9rem;
   color:#58708a;
   color:#54595d;
}
}

Latest revision as of 20:59, 16 April 2026

.mw-parser-output .sw-team-list{
  display:block;
  margin:0 0 1em;
}
.mw-parser-output .sw-team-card{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.5rem 0;
  border:0;
  border-bottom:1px solid #eaecf0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.mw-parser-output .sw-team-card:last-child{
  border-bottom:0;
}
.mw-parser-output .sw-team-card__logo{
  flex:0 0 52px;
  width:52px;
  height:52px;
  border-radius:4px;
  overflow:hidden;
  background:#ffffff;
  box-shadow:none;
  border:1px solid #c8ccd1;
}
.mw-parser-output .sw-team-card__logo a,
.mw-parser-output .sw-team-card__logo img{
  display:block;
  width:100%;
  height:100%;
}
.mw-parser-output .sw-team-card__logo img{
  object-fit:cover;
}
.mw-parser-output .sw-team-card__body{
  min-width:0;
}
.mw-parser-output .sw-team-card__name{
  font-size:1rem;
  font-weight:600;
  line-height:1.3;
}
.mw-parser-output .sw-team-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .9rem;
  margin-top:.15rem;
  font-size:.9rem;
  color:#54595d;
}