small css fixes for medium screens
This commit is contained in:
parent
76b9b1c0f4
commit
0950f10e58
|
@ -1,84 +0,0 @@
|
||||||
.kitchen-sink-header {
|
|
||||||
@include xy-cell(12);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.kitchen-sink-components {
|
|
||||||
hr {
|
|
||||||
margin: 3rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint(small) {
|
|
||||||
@include xy-cell(12);
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint(large) {
|
|
||||||
@include xy-cell(9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.kitchen-sink-nav {
|
|
||||||
@include breakpoint(small) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include breakpoint(large) {
|
|
||||||
@include xy-cell(3);
|
|
||||||
display: block;
|
|
||||||
float: right;
|
|
||||||
|
|
||||||
.docs-sub-menu {
|
|
||||||
font-size: 0.85rem;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.docs-menu-title {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
color: $dark-gray;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 1;
|
|
||||||
padding-left: 0.9rem;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
border-top: 1px solid $medium-gray;
|
|
||||||
margin-top: 1rem;
|
|
||||||
padding-top: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.docs-toc {
|
|
||||||
width: 100%;
|
|
||||||
padding-left: 4rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.docs-toc .active {
|
|
||||||
background: #2199e8;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.docs-toc .docs-sub-menu:first-child .docs-menu-title {
|
|
||||||
margin-top: 0;
|
|
||||||
border-top: 0;
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.kitchen-sink-grid {
|
|
||||||
.grid-x {
|
|
||||||
background: #d6ecfa;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 2rem;
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
|
|
||||||
.cell,:nth-child(odd) {
|
|
||||||
background: #7bc1ef;
|
|
||||||
color: #0a0a0a;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cell:nth-child(even) {
|
|
||||||
background: #1779ba;
|
|
||||||
color: #fefefe;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,4 +1,4 @@
|
||||||
/* hamburg-freifunk-wp-theme: adaption/overrides of all-in-one-event-calendar theme (2018) */
|
/* hamburg-freifunk-wp-theme: adaption/overrides of all-in-one-event-calendar theme (2019) */
|
||||||
|
|
||||||
$freifunk-color-magenta: rgb(220,0,103);
|
$freifunk-color-magenta: rgb(220,0,103);
|
||||||
$freifunk-color-yellow: rgb(255,180,0);
|
$freifunk-color-yellow: rgb(255,180,0);
|
||||||
|
@ -60,6 +60,10 @@ $freifunk-color-blue: rgb(0,158,224);
|
||||||
.ai1ec-subscribe-buttons-widget {
|
.ai1ec-subscribe-buttons-widget {
|
||||||
padding: 0 0 0 0;
|
padding: 0 0 0 0;
|
||||||
}
|
}
|
||||||
|
.timely {
|
||||||
|
font-family: hk_groteskmedium,, inherit"Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
.timely .ai1ec-btn {
|
.timely .ai1ec-btn {
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
|
@ -35,6 +35,9 @@ p, li, blockquote {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
|
@media screen and #{$medium-only} {
|
||||||
|
margin-bottom: .25rem;
|
||||||
|
}
|
||||||
@media screen and #{$large-up} {
|
@media screen and #{$large-up} {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
|
@ -306,7 +309,7 @@ header.site-header {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0 0 3.5rem -1.5rem;
|
margin: 0 0 3.5rem -1.5rem;
|
||||||
li {
|
li {
|
||||||
margin: 1.5rem 0;
|
margin: .5rem 0;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
@ -316,9 +319,11 @@ header.site-header {
|
||||||
text-indent: -40px;
|
text-indent: -40px;
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
display: block !important;
|
display: block !important;
|
||||||
margin-right: 50px;
|
|
||||||
padding: 0 10px !important;
|
|
||||||
|
|
||||||
|
padding: 0 10px !important;
|
||||||
|
@media screen and #{$large-up} {
|
||||||
|
margin-right: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
|
@ -333,13 +338,11 @@ header.site-header {
|
||||||
transform: scale(0.5);
|
transform: scale(0.5);
|
||||||
vertical-align: -10px;
|
vertical-align: -10px;
|
||||||
width: 42px;
|
width: 42px;
|
||||||
|
text-align: right;
|
||||||
@media screen and #{$large-up} {
|
@media screen and #{$large-up} {
|
||||||
transform: scale(0.6);
|
transform: scale(0.6);
|
||||||
vertical-align: -10px;
|
vertical-align: -10px;
|
||||||
width: 38px;
|
width: 38px;
|
||||||
|
|
||||||
vertical-align: -12px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue