rumenu

les menus des resto universitaire de l'unistra - retour accueil
rumenu.css (1000B)
      1 body {
      2   display: flex;
      3 flex-wrap: wrap;
      4   flex-direction: row;
      5   font-size: 10pt;
      6 }
      7 
      8 details {
      9   border: 15px solid #aaaaaa;
     10   border-radius: 90px;
     11   margin-right: 1em;
     12   padding: 1em 0.8em 0.8em;
     13   flex-grow: 1;
     14   max-width: 298px;
     15   
     16 }
     17 li{
     18   li{
     19   display: list-item;
     20   }
     21   display: grid;
     22 
     23 }
     24 
     25 ul {
     26   padding-left: 20px;
     27 }
     28 
     29 h1 {
     30   font-size: 15pt;
     31   padding: none;
     32   margin: none;
     33 }
     34 
     35 summary {
     36   font-weight: bold;
     37   margin: -2em -1em ;
     38   padding: 1em 1em 2em;
     39   text-align: center;
     40 }
     41 
     42 /**details::details-content {
     43     content-visibility: visible;
     44 }**/
     45 
     46 details[open] {
     47   padding: 0.5em;
     48 }
     49 
     50 details[open] summary {
     51   top: 0;
     52   border-bottom: 10px solid #aaaaaa;
     53  
     54   margin-bottom: 0.5em;
     55 }
     56 
     57 summary:hover{
     58   content: attr(">");
     59   cursor: pointer;
     60   
     61 }
     62 @media (max-width: 1000px) {
     63   body{
     64     display:  block;
     65     height: 100vh;
     66      
     67   }
     68   details {
     69     width: 90vw;
     70     max-width: 98vw;
     71     font-size: 32pt;
     72     border-right: 0px;
     73     margin-bottom: 1em;
     74   }
     75   
     76   h1 {
     77     font-size: 4vh;
     78   }
     79 }