github.com/segakazzz/buffalo@v0.16.22-0.20210119082501-1f52048d3feb/genny/build/_fixtures/coke/assets/css/_buffalo.scss (about)

     1  .container {
     2  	min-width: 320px;
     3  }
     4  
     5  header {
     6  	background-color: #62a5ee;
     7  	padding: 10px 20px;
     8  	box-sizing: border-box;
     9  }
    10  
    11  .logo img {
    12  	width: 80px;
    13  }
    14  
    15  .titles h1 {
    16  	font-size: 30px;
    17  	font-weight: 300;
    18  	color: white;
    19  	margin-bottom: 13px;
    20  	margin-top: 5px;
    21  }
    22  
    23  .titles h2 {
    24  	font-weight: 300;
    25  	font-size: 18px;
    26  	display: inline-block;
    27  	margin: 0;
    28  }
    29  
    30  .titles a {
    31  	color: white;
    32  	text-decoration: underline;
    33  }
    34  
    35  .titles i {
    36  	margin-right: 5px;
    37  	text-decoration: none;
    38  }
    39  
    40  .titles .documentation {
    41  	margin-left: 28px;
    42  }
    43  
    44  .subtitle {
    45  	color: white;
    46  	margin: 0;
    47  	padding: 13px 0;
    48  	background-color: #2a3543;
    49  	margin-bottom: 20px;
    50  }
    51  
    52  .subtitle h3 {
    53  	font-size: 22px;
    54  	font-weight: 400;
    55  	margin: 0;
    56  }
    57  
    58  table {
    59  	font-size: 14px;
    60  }
    61  
    62  table.table tbody tr td {
    63  	border-top: 0;
    64  	padding: 10px;
    65  }
    66  
    67  .foot {
    68  	text-align: right;
    69  	color: #c5c5c5;
    70  	font-weight: 300;
    71  }
    72  
    73  .foot a {
    74  	color: #8b8b8b;
    75  	text-decoration: underline;
    76  }
    77  
    78  .centered {
    79  	text-align: center;
    80  }
    81  
    82  @media all and (max-width: 770px) {
    83  	.titles h1 {
    84  		font-size: 25px;
    85  		margin: 15px 0 5px 0;
    86  	}
    87  }
    88  
    89  @media all and (max-width: 640px) {
    90  	.titles h1 {
    91  		font-size: 23px;
    92  		margin: 15px 0 5px 0;
    93  	}
    94  	.titles h2 {
    95  		font-size: 15px;
    96  	}
    97  	.titles .documentation {
    98  		margin-left: 10px;
    99  	}
   100  }
   101  
   102  @media all and (max-width: 530px) {
   103  	.titles h1 {
   104  		font-size: 20px;
   105  		margin: 5px 0;
   106  	}
   107  	.logo {
   108  		padding: 0
   109  	}
   110  	.logo img {
   111  		width: 100%
   112  	}
   113  	.titles .documentation {
   114  		margin-left: 0px;
   115  		margin-top: 5px;
   116  		display: block;
   117  	}
   118  }