poblados-colonizacion-colon.../docs/_sass/libs/_changes.scss

106 lines
1.4 KiB
SCSS
Raw Normal View History

.wrapper {
2017-06-17 17:06:09 +02:00
@include breakpoint(small) {
2017-06-17 17:11:33 +02:00
@include padding(2em, 0);
2017-06-17 17:06:09 +02:00
}
> .inner {
width: 55em;
margin: 0 auto;
@include breakpoint(large) {
width: 90%;
}
@include breakpoint(medium) {
width: 100%;
}
2017-06-18 01:17:49 +02:00
> p, header {
2017-06-17 15:55:15 +02:00
width: 40em;
@include breakpoint(large) {
2017-06-17 17:13:58 +02:00
width: 45em;
}
@include breakpoint(medium) {
2017-06-17 17:13:58 +02:00
width: 90%;
}
}
}
}
2017-06-17 17:53:33 +02:00
twentytwenty-wrapper img {
width: 100%;
}
2017-06-17 18:15:48 +02:00
@include breakpoint(small) {
.features {
li {
2017-06-17 18:39:03 +02:00
padding: 1em;
2017-06-17 18:15:48 +02:00
h3,
p {
text-align: left;
2017-06-17 19:03:07 +02:00
}
2017-06-17 18:10:53 +02:00
}
2017-06-17 18:39:03 +02:00
}
2017-06-17 18:10:53 +02:00
}
2017-06-17 17:53:33 +02:00
/* Section Three */
#three .inner {
2017-06-17 19:03:07 +02:00
width: 60em;
2017-06-17 17:53:33 +02:00
@include breakpoint(large) {
width: 100%;
}
2017-06-17 17:53:33 +02:00
@include breakpoint(medium) {
width: 100%;
}
2017-06-17 19:03:07 +02:00
}
// menu small devices
#menu {
2017-06-17 19:33:37 +02:00
background: #60768B;
2017-06-17 19:03:07 +02:00
ul {
> li {
> a {
@include breakpoint(small) {
line-height: 2em;
}
2017-06-17 19:33:37 +02:00
font-family: 'Open Sans', sans-serif;
font-weight: bold;
2017-06-17 19:03:07 +02:00
}
}
}
}
2017-06-17 17:53:33 +02:00
2017-06-17 19:03:07 +02:00
// rewrite link colors
a {
color: #4f85bb;
2017-06-17 14:09:18 +02:00
}
2017-06-17 19:33:37 +02:00
.wrapper.style3 {
background: #3D4955;
}
2017-06-18 06:37:13 +02:00
// quotes
blockquote {
border-left: solid 0px _palette(border);
font-style: normal;
2017-06-18 06:41:30 +02:00
font-size: 1.2em;
line-height: 2.1em;
2017-06-18 06:37:13 +02:00
margin: 0 0 _size(element-margin) 0;
padding: 2em;
background-color:#ddd;
}
2017-06-18 06:59:20 +02:00
.video-container {
background-color:"#cad2d3";
2017-06-18 07:01:12 +02:00
}
canvas {
margin: 0 auto;
2017-06-18 06:59:20 +02:00
}