mirror of
				https://github.com/vyos/vyos-documentation.git
				synced 2025-10-26 08:41:46 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			116 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			116 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .rst-content code.literal {
 | |
|   border: unset;
 | |
|   background-color: unset;
 | |
|   border: 1px solid rgba(253, 143, 1, 0.2);
 | |
|   background-color: #FFF4E6;
 | |
|   font-family: 'Archivo', sans-serif !important;
 | |
|   font-size: 14px !important;
 | |
|   font-weight: 500 !important;
 | |
|   color: #121010 !important;
 | |
|   border-radius: 4px;
 | |
|   padding: 3px 6px;
 | |
|   word-break: break-all;
 | |
| 
 | |
|   & > span.pre:nth-child(n+ 2) {
 | |
|     padding-left: 5px;
 | |
|   }
 | |
| }
 | |
| 
 | |
| div.opcmd-heading,
 | |
| div.cfgcmd-heading,
 | |
| table .opcmd,
 | |
| table .cfgcmd {
 | |
|   padding: 0;
 | |
|   display: flex;
 | |
|   background-color: unset;
 | |
|   border: none;
 | |
|   border-radius: 8px 0 0 8px;
 | |
| }
 | |
| 
 | |
| div.opcmd-heading,
 | |
| div.cfgcmd-heading {
 | |
|   margin-bottom: 15px;
 | |
| }
 | |
| 
 | |
| div.opcmd-heading,
 | |
| table .opcmd {
 | |
|   border-left: 5px solid #B8E9F9;
 | |
| }
 | |
| 
 | |
| div.cfgcmd-heading,
 | |
| table .cfgcmd {
 | |
|   border-left: 5px solid #FD8F01;
 | |
| }
 | |
| 
 | |
| span {
 | |
|   &.opcmd,
 | |
|   &.cfgcmd {
 | |
|     display: flex;
 | |
|     padding: 4px 8px 8px 30px;
 | |
|     align-items: center;
 | |
|     color: #121010 !important;
 | |
|     font-family: 'Roboto Mono', monospace !important;
 | |
|     letter-spacing: -0.04em !important;
 | |
|     font-weight: 500 !important;
 | |
|     position: relative;
 | |
|     word-break: break-all;
 | |
| 
 | |
|     &::before {
 | |
|       content: url('../images/cmnd-link-dollar-icon.svg');
 | |
|       display: flex;
 | |
|       padding-right: 8px;
 | |
|       align-items: center;
 | |
|       position: absolute;
 | |
|       top: 6px;
 | |
|       left: 8px;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   &.opcmd {
 | |
|     background-color: #EBF9FF;
 | |
|   }
 | |
|   
 | |
|   &.cfgcmd {
 | |
|     background-color: #FFF4E6;
 | |
|   }
 | |
| }
 | |
| 
 | |
| span.opcmd,
 | |
| span.cfgcmd {
 | |
|   font-size: 16px !important;
 | |
| }
 | |
| 
 | |
| table span.opcmd,
 | |
| table span.cfgcmd {
 | |
|   font-size: 13px !important;
 | |
| }
 | |
| 
 | |
| .opcmd-heading > a.cmdlink,
 | |
| .cfgcmd-heading > a.cmdlink {
 | |
|   display: flex;
 | |
| 
 | |
|   &::after {
 | |
|     display: flex;
 | |
|     align-items: center;
 | |
|     content: '';
 | |
|     height: 100%;
 | |
|     align-items: center;
 | |
|     padding-right: 12px;
 | |
|     padding-top: 3px;
 | |
|     border-radius: 0 8px 8px 0;
 | |
|   }
 | |
| }
 | |
| 
 | |
| .opcmd-heading:hover a.cmdlink:after,
 | |
| .cfgcmd-heading:hover a.cmdlink:after {
 | |
|   content: url('../images/cmnd-link-icon.svg');
 | |
|   padding-right: 10px;
 | |
| }
 | |
| 
 | |
| .opcmd-heading a.cmdlink:after {
 | |
|   background-color: #EBF9FF;
 | |
| }
 | |
| 
 | |
| .cfgcmd-heading a.cmdlink:after {
 | |
|   background-color: #FFF4E6;
 | |
| } |