github.com/System-Glitch/goyave/v2@v2.10.3-0.20200819142921-51011e75d504/docs_src/src/.vuepress/theme/styles/index.styl (about)

     1  @import './variables.styl';
     2  
     3  @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap')
     4  
     5  .site-name, #main-title {
     6  	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     7  	font-weight: 400;
     8  }
     9  
    10  h4 {
    11  	font-size 1.2rem
    12  }
    13  
    14  #main-title {
    15  	font-size: 3rem;
    16  
    17  	@media screen and (min-width 420px) {
    18  		font-size: 4rem;
    19  	}
    20  		
    21  	@media screen and (min-width 720px) {
    22  		font-size: 6rem;
    23  	}
    24  }
    25  
    26  .search-box input {
    27  	transition: border-color 0.2s ease;
    28  
    29  	@media (max-width: $MQMobile) {
    30  		&:focus {
    31  			margin-left: 1em;
    32  		}
    33  	}
    34  }
    35  
    36  h2 {
    37  	padding-bottom: 0;
    38  	border-bottom: 0;
    39  }
    40  
    41  .sidebar-heading {
    42  	color: inherit;
    43  }
    44  
    45  .img-row {
    46  	display: flex;
    47  	flex-wrap: wrap;
    48  	justify-content: center;
    49  	align-items: center;
    50  	margin-top: 1.5rem;
    51  	&.left {
    52  		flex-direction: row;
    53  	}
    54  	&.right {
    55  		flex-direction: row-reverse;
    56  	}
    57  	.row-content {
    58  		flex-grow: 1;
    59  	}
    60  
    61  	@media screen and (min-width 960px) {
    62  		flex-wrap: nowrap;
    63  		justify-content: left;
    64  		&.left {
    65  			& > :first-child {
    66  				margin-right: 2.5rem;
    67  			}
    68  		}
    69  		&.right {
    70  			& > :first-child {
    71  				margin-left: 2.5rem;
    72  			}
    73  		}
    74  	}
    75  }
    76  
    77  .center {
    78  	text-align: center;
    79  }
    80  
    81  .table p {
    82  	display: flex;
    83  	flex-direction: row;
    84  	flex-wrap: wrap;
    85  	line-height: 2;
    86  	* {
    87  		flex-basis: 33%;
    88  	}
    89  }
    90  
    91  
    92  :focus {
    93  	outline: none;
    94  }
    95  
    96  ::-moz-focus-inner {
    97  	border: 0;
    98  }
    99  
   100  @import './home.styl';
   101  @import './vue-container.styl';