112 lines
2.1 KiB
CSS
112 lines
2.1 KiB
CSS
/*
|
|
* DO NOT EDIT THIS FILE.
|
|
* See the following change record for more information,
|
|
* https://www.drupal.org/node/2815083
|
|
* @preserve
|
|
*/
|
|
|
|
/**
|
|
* Page sidebar styles.
|
|
*/
|
|
|
|
:root {
|
|
/*
|
|
* This is default Farmers market color scheme. It will be overriden when you change it in theme settings.
|
|
*/
|
|
/* static colors */
|
|
/*
|
|
* Typography.
|
|
*/ /* 1rem = 16px if font root is 100% ands browser defaults are used. */ /* ~64px */ /* ~48px */ /* ~32px */ /* ~24px */ /* ~20px */ /* 16px */ /* ~14px */ /* ~13px */ /* ~11px */
|
|
/**
|
|
* Spaces.
|
|
*/ /* 4 * 16px = 64px */ /* 3 * 16px = 48px */ /* 2 * 16px = 32px */ /* 1 * 16px = 16px */ /* 0.75 * 16px = 12px */ /* 0.5 * 16px = 8px */ /* 0.25 * 16px = 4px */ /* 120 * 16px = 1920px */ /* 101.25 * 16px = 1620px */
|
|
/**
|
|
* Common.
|
|
*/
|
|
/**
|
|
* Inputs.
|
|
*/
|
|
}
|
|
|
|
.honey-page__sidebar .block {
|
|
margin-top: 2rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.honey-page__sidebar .block > h2 {
|
|
margin: 0;
|
|
padding: 0.75rem 2rem;
|
|
border-radius: 1rem;
|
|
font-size: 1.5rem;
|
|
line-height: 1;
|
|
}
|
|
|
|
@media screen and (min-width: 64rem) {
|
|
.honey-page__sidebar .block > h2 {
|
|
border-radius: 1rem 0 0 1rem;
|
|
}
|
|
}
|
|
|
|
.honey-page__sidebar .block__content {
|
|
display: block;
|
|
padding: 2rem 2rem 0;
|
|
}
|
|
|
|
.honey-page__sidebar .block-search-form-block form {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.honey-page__sidebar .block-search-form-block .form-item-keys {
|
|
flex: 1 0 auto;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.honey-page__sidebar .block-search-form-block .form-search {
|
|
padding: 0.5rem 1rem;
|
|
border: none;
|
|
}
|
|
|
|
.honey-page__sidebar .block-search-form-block .form-actions {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.honey-tools {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.honey-tools__icon {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
margin-right: 0.5rem;
|
|
margin-left: 0.5rem;
|
|
transition: transform
|
|
0.3s
|
|
ease-out;
|
|
}
|
|
|
|
.honey-tools__menu-item {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.honey-tools__menu-item a {
|
|
text-decoration: none;
|
|
font-family: "Lobster"
|
|
,
|
|
cursive
|
|
,
|
|
sans-serif;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.honey-tools__menu-item a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.honey-tools__menu-item:hover .honey-tools__icon {
|
|
transform: rotate(90deg);
|
|
}
|