Difference between revisions of "Template:Intro to/styles.css"

From blackwiki
Jump to navigation Jump to search
imported>Evolution and evolvability
imported>Evolution and evolvability
Line 42: Line 42:
 
.introto__columns-left {
 
.introto__columns-left {
 
display:inline-block;
 
display:inline-block;
min-width: 150px;
+
min-width: 260px;
 
flex:0 1 0;
 
flex:0 1 0;
 
vertical-align:top;
 
vertical-align:top;
Line 65: Line 65:
 
padding: 2em;
 
padding: 2em;
 
}
 
}
.introto__columns-left{
 
    min-width: 260px;
 
}
 
 
.introto__columns-right{
 
.introto__columns-right{
 
padding: 40px;
 
padding: 40px;
 
}
 
}
 
}
 
}

Revision as of 07:13, 1 March 2020

.introto__main {
	display: flex;
	box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1100px;
	max-width: 100%;
	overflow: hidden;
	border: 1px solid black;
	margin: auto;
}
.introto__main-title {
	font-size: 250%;
	background: #777;
	color: #FFF;
	text-align: center;
	align-items: center;
	justify-content: center;
}
.introto__lead {
	background:#EEE;
	padding: 30px 60px;
	margin-bottom: 30px;
}
.introto__base {
	max-width: 1060px;
	min-height: 55px;
	margin:auto;
    padding:5px 20px;
    font-size: 1.1em;
    background: #EEE;
    border: 1px solid lightgrey;
    border-top: 3px solid lightgrey;
}
.introto__tabs-main {
	height: auto;
}
.introto__tabs-title {
	font-size: 1.5em;
	font-weight: bold;
}
.introto__columns-left {
	display:inline-block;
	min-width: 260px;
	flex:0 1 0;
	vertical-align:top;
}
.introto__columns-right {
	display:inline-block;
	flex:1 1 0;
	padding: 1em;
    min-width:250px;
	vertical-align:top;
    border-left: 1px solid #c9c9c9;
}

@media screen and (min-width: 1100px) {
	.introto__main {
		max-width: 1100px;
	}
}

@media screen and (min-width: 800px) {
	.introto__tabs-main {
		padding: 2em;
	}
	.introto__columns-right{
		padding: 40px;
	}
}