Group-Grouse.css: Difference between revisions

Revision as of 22:14, 18 February 2024

.mw-headline + .mw-editsection {
  display: none;
}

h2 {
font-size: 0em;
}

h2.c-header.active {
font-size: 1.3em;
}

h2.c-header.hidden {
font-size: 1.3em;
}

h3 {
font-size: 0em;
}

h3.c-header.active {
font-size: 1.1em;
}

h3.c-header.hidden {
font-size: 1.1em;
}

/* Testing */

html {
  font-family: Arial, sans-serif;
}

body {
  max-width: 40rem;
  margin: 0 auto;
  padding: 1em;
}

.controls {
 text-align: right;
 margin-bottom: 1em;
}

.controls li {
  display: inline;
}

button {
  background: #000;
  color: #fff;
  border: 0;
  font-size: 0.85rem;
  border-radius: 0.25rem;
}

/*
Custom elements are inline by default
*/
toggle-section {
  display: block;
}

/*
Only applies if script runs and 
`role="region"` is added
*/
toggle-section[role="region"] {
  border-width: 2px 0;
  border-style: solid;
}

toggle-section[role="region"] + toggle-section {
  border-top: 0;
}