Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
Loading items

Target

Select target project
  • to/weby/ui-styleguide
  • va-fighters/ui-styleguide
2 results
Select Git revision
Loading items
Show changes
Showing
with 832 additions and 152 deletions
@font-face {
font-family: 'pirati-ui';
src: url('../fonts/pirati-ui.eot?0709c769c818c71145690e5adb0caf5f');
src: url('../fonts/pirati-ui.eot?0709c769c818c71145690e5adb0caf5f#iefix') format('embedded-opentype'),
url('../fonts/pirati-ui.ttf?0709c769c818c71145690e5adb0caf5f') format('truetype'),
url('../fonts/pirati-ui.woff?0709c769c818c71145690e5adb0caf5f') format('woff'),
url('../fonts/pirati-ui.svg?0709c769c818c71145690e5adb0caf5f#pirati-ui') format('svg');
src: url('../fonts/pirati-ui.eot?964zxx');
src: url('../fonts/pirati-ui.eot?964zxx#iefix') format('embedded-opentype'),
url('../fonts/pirati-ui.ttf?964zxx') format('truetype'),
url('../fonts/pirati-ui.woff?964zxx') format('woff'),
url('../fonts/pirati-ui.svg?964zxx#pirati-ui') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
......@@ -26,79 +25,363 @@
-moz-osx-font-smoothing: grayscale;
}
.ico--strategy:before { content: "\e932"; }
.ico--pig:before { content: "\e928"; }
.ico--thermometer:before { content: "\e90a"; }
.ico--pirati:before { content: "\e90d"; }
.ico--stackshare:before { content: "\e90f"; }
.ico--open-source:before { content: "\e90e"; }
.ico--search:before { content: "\e913"; }
.ico--cross:before { content: "\e937"; }
.ico--checkbox-checked:before { content: "\e938"; }
.ico--quill:before { content: "\e939"; }
.ico--feather:before { content: "\e939"; }
.ico--write:before { content: "\e939"; }
.ico--edit:before { content: "\e939"; }
.ico--sphere:before { content: "\e93a"; }
.ico--globe:before { content: "\e93a"; }
.ico--internet:before { content: "\e93a"; }
.ico--wikipedia:before { content: "\e93b"; }
.ico--brand:before { content: "\e93b"; }
.ico--youtube:before { content: "\e936"; }
.ico--users:before { content: "\e934"; }
.ico--group:before { content: "\e934"; }
.ico--team:before { content: "\e934"; }
.ico--members:before { content: "\e934"; }
.ico--community:before { content: "\e934"; }
.ico--collaborate:before { content: "\e934"; }
.ico--book:before { content: "\e935"; }
.ico--read:before { content: "\e935"; }
.ico--reading:before { content: "\e935"; }
.ico--bubbles:before { content: "\e930"; }
.ico--map:before { content: "\e914"; }
.ico--compass:before { content: "\e915"; }
.ico--folder-open:before { content: "\e916"; }
.ico--folder:before { content: "\e917"; }
.ico--drawer:before { content: "\e918"; }
.ico--stop:before { content: "\e919"; }
.ico--github:before { content: "\e91a"; }
.ico--clock:before { content: "\e91b"; }
.ico--calendar:before { content: "\e91c"; }
.ico--flickr:before { content: "\e91d"; }
.ico--instagram:before { content: "\e91e"; }
.ico--twitter:before { content: "\e91f"; }
.ico--newspaper:before { content: "\e920"; }
.ico--cart:before { content: "\e921"; }
.ico--home:before { content: "\e922"; }
.ico--link:before { content: "\e912"; }
.ico--power:before { content: "\e90c"; }
.ico--location:before { content: "\e906"; }
.ico--phone:before { content: "\e907"; }
.ico--linkedin:before { content: "\e903"; }
.ico--github1:before { content: "\e904"; }
.ico--gplus:before { content: "\e900"; }
.ico--twitter1:before { content: "\e901"; }
.ico--facebook:before { content: "\e902"; }
.ico--menu:before { content: "\e933"; }
.ico--chevron-right:before { content: "\e923"; }
.ico--chevron-left:before { content: "\e924"; }
.ico--chevron-down:before { content: "\e925"; }
.ico--chevron-up:before { content: "\e926"; }
.ico--zoom_out_map:before { content: "\e927"; }
.ico--arrow-down:before { content: "\e911"; }
.ico--link1:before { content: "\e910"; }
.ico--city:before { content: "\e908"; }
.ico--beer:before { content: "\e909"; }
.ico--edit-pencil:before { content: "\e929"; }
.ico--at:before { content: "\e905"; }
.ico--thumbs-down:before { content: "\e93d"; }
.ico--thumbs-up:before { content: "\e93e"; }
.ico--tasks:before { content: "\e93c"; }
.ico--calculator:before { content: "\e931"; }
.ico--bank:before { content: "\e92a"; }
.ico--facebook-official:before { content: "\e92b"; }
.ico--close:before { content: "\e92c"; }
.ico--anchor:before { content: "\e92d"; }
.ico--feed:before { content: "\e92e"; }
.ico--paw:before { content: "\e90b"; }
.ico--envelope:before { content: "\e92f"; }
\ No newline at end of file
.ico--mastodon:before {
content: "\e973";
}
.ico--helios:before {
content: "\e96e";
}
.ico--redmine:before {
content: "\e96f";
}
.ico--zulip:before {
content: "\e970";
}
.ico--forum:before {
content: "\e971";
}
.ico--pirati:before {
content: "\e90d";
}
.ico--jitsi:before {
content: "\e90f";
}
.ico--open-source:before {
content: "\e90e";
}
.ico--donation-full:before {
content: "\e96c";
}
.ico--donation-outline:before {
content: "\e96d";
}
.ico--strategy:before {
content: "\e932";
}
.ico--pig:before {
content: "\e928";
}
.ico--thermometer:before {
content: "\e90a";
}
.ico--menu:before {
content: "\e933";
}
.ico--chevron-right:before {
content: "\e923";
}
.ico--chevron-left:before {
content: "\e924";
}
.ico--chevron-down:before {
content: "\e925";
}
.ico--chevron-up:before {
content: "\e926";
}
.ico--link-horizontal:before {
content: "\e910";
}
.ico--beer:before {
content: "\e909";
}
.ico--food:before {
content: "\e968";
}
.ico--dots-three-vertical:before {
content: "\e940";
}
.ico--dots-three-horizontal:before {
content: "\e941";
}
.ico--log-out:before {
content: "\e942";
}
.ico--envelope:before {
content: "\e908";
}
.ico--pin:before {
content: "\e943";
}
.ico--at:before {
content: "\e905";
}
.ico--glass:before {
content: "\e967";
}
.ico--checkmark:before {
content: "\e965";
}
.ico--info:before {
content: "\e901";
}
.ico--question:before {
content: "\e904";
}
.ico--warning:before {
content: "\e93f";
}
.ico--code:before {
content: "\e94a";
}
.ico--checkbox-unchecked:before {
content: "\e94e";
}
.ico--star-full:before {
content: "\e94f";
}
.ico--star-empty:before {
content: "\e950";
}
.ico--bookmark:before {
content: "\e951";
}
.ico--cog:before {
content: "\e952";
}
.ico--key:before {
content: "\e953";
}
.ico--zoom-in:before {
content: "\e954";
}
.ico--zoom-out:before {
content: "\e955";
}
.ico--shrink:before {
content: "\e956";
}
.ico--printer:before {
content: "\e957";
}
.ico--file-openoffice:before {
content: "\e958";
}
.ico--user:before {
content: "\e959";
}
.ico--file-excel:before {
content: "\e95a";
}
.ico--file-word:before {
content: "\e95b";
}
.ico--file-pdf:before {
content: "\e95c";
}
.ico--file-picture:before {
content: "\e95d";
}
.ico--file-blank:before {
content: "\e95e";
}
.ico--folder-upload:before {
content: "\e95f";
}
.ico--upload:before {
content: "\e960";
}
.ico--cloud-upload:before {
content: "\e961";
}
.ico--folder-download:before {
content: "\e962";
}
.ico--download:before {
content: "\e963";
}
.ico--cloud-download:before {
content: "\e964";
}
.ico--alarm:before {
content: "\e900";
}
.ico--calculator:before {
content: "\e911";
}
.ico--facebook-full:before {
content: "\e913";
}
.ico--feed:before {
content: "\e927";
}
.ico--library:before {
content: "\e929";
}
.ico--office:before {
content: "\e92a";
}
.ico--attachment:before {
content: "\e92b";
}
.ico--enlarge:before {
content: "\e92c";
}
.ico--eye-off:before {
content: "\e92e";
}
.ico--eye:before {
content: "\e92f";
}
.ico--share:before {
content: "\e931";
}
.ico--search:before {
content: "\e939";
}
.ico--pencil:before {
content: "\e93c";
}
.ico--lock-open:before {
content: "\e947";
}
.ico--lock:before {
content: "\e948";
}
.ico--equalizer:before {
content: "\e949";
}
.ico--switch:before {
content: "\e94b";
}
.ico--loop:before {
content: "\e94c";
}
.ico--refresh:before {
content: "\e94d";
}
.ico--bullhorn:before {
content: "\e944";
}
.ico--bin:before {
content: "\e945";
}
.ico--cross:before {
content: "\e937";
}
.ico--checkbox-checked:before {
content: "\e938";
}
.ico--globe:before {
content: "\e93a";
}
.ico--wikipedia:before {
content: "\e93b";
}
.ico--youtube:before {
content: "\e936";
}
.ico--users:before {
content: "\e934";
}
.ico--book:before {
content: "\e935";
}
.ico--bubbles:before {
content: "\e930";
}
.ico--map:before {
content: "\e914";
}
.ico--compass:before {
content: "\e915";
}
.ico--folder-open:before {
content: "\e916";
}
.ico--folder:before {
content: "\e917";
}
.ico--drawer:before {
content: "\e918";
}
.ico--stop:before {
content: "\e919";
}
.ico--github:before {
content: "\e91a";
}
.ico--clock:before {
content: "\e91b";
}
.ico--calendar:before {
content: "\e91c";
}
.ico--flickr:before {
content: "\e91d";
}
.ico--instagram:before {
content: "\e91e";
}
.ico--twitter:before {
content: "\e91f";
}
.ico--newspaper:before {
content: "\e920";
}
.ico--cart:before {
content: "\e921";
}
.ico--home:before {
content: "\e922";
}
.ico--link:before {
content: "\e912";
}
.ico--power:before {
content: "\e90c";
}
.ico--rocket:before {
content: "\e946";
}
.ico--location:before {
content: "\e906";
}
.ico--phone:before {
content: "\e907";
}
.ico--linkedin:before {
content: "\e903";
}
.ico--facebook:before {
content: "\e902";
}
.ico--envelop:before {
content: "\e972";
}
.ico--file-text2:before {
content: "\e974";
}
.ico--price-tag:before {
content: "\e975";
}
.ico--price-tags:before {
content: "\e976";
}
.ico--stats-dots:before {
content: "\e99b";
}
.ico--bed:before {
content: "\e969";
}
.ico--train:before {
content: "\e96a";
}
.ico--bus:before {
content: "\e96b";
}
.ico--wheelchair:before {
content: "\e966";
}
.ico--thumbs-down:before {
content: "\e93d";
}
.ico--thumbs-up:before {
content: "\e93e";
}
.ico--anchor:before {
content: "\e92d";
}
.ico--paw:before {
content: "\e90b";
}
......@@ -46,7 +46,7 @@
.unordered-list--dense,
.content-block ul {
@apply row-gap-0;
@apply gap-y-0;
}
.unordered-list--linked,
......
.super-button {
@apply inline-flex font-alt text-4xl py-8 px-4 transition duration-200;
@apply inline-flex font-alt text-4xl py-8 px-4 transition duration-200 md:px-6;
&:hover {
@apply no-underline;
}
@screen md {
@apply px-6;
}
}
.super-button__body {
......
......@@ -12,6 +12,13 @@
}
}
.table--light {
th,
thead td {
@apply bg-transparent text-black;
}
}
.table--striped,
.content-block table {
tr:nth-child(even) td {
......@@ -35,6 +42,15 @@
th,
thead td,
td {
@apply p-2;
@apply px-2 py-1;
}
}
.table--unxpadded {
th,
thead td,
td {
@apply px-0;
}
}
.text-shadow-xs {
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
.text-shadow-sm {
text-shadow: 1px 1px .25rem rgba(0, 0, 0, 0.3)
}
.text-shadow {
text-shadow: 1px 1px .25rem rgba(0, 0, 0, 0.3);
}
.text-shadow-md {
text-shadow: 1px 1px .5rem rgba(0, 0, 0, 0.5);
}
.text-shadow-lg {
text-shadow: 1px 1px .5rem rgba(0, 0, 0, 0.8);
}
.tooltip {
--bg-opacity: 0.8 !important;
z-index: 999;
@apply inline-block relative pointer-events-none;
&::before,
&::after {
content: "";
width: 0;
height: 0;
position: absolute;
opacity: 0.8;
}
&,
&.tooltip--default {
@apply text-xs py-2 px-4 rounded-none;
}
&--top,
&.tooltip--top
&.place-top {
margin-top: -10px;
&::before {
border-top: 8px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
bottom: -8px;
left: 50%;
margin-left: -10px;
}
&::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
bottom: -6px;
left: 50%;
margin-left: -8px;
border-top-style: solid;
border-top-width: 6px;
}
}
&--bottom,
&.tooltip--bottom,
&.place-bottom {
margin-top: 10px;
&::before {
border-bottom: 8px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -8px;
left: 50%;
margin-left: -10px;
}
&::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
top: -6px;
left: 50%;
margin-left: -8px;
border-bottom-style: solid;
border-bottom-width: 6px;
}
}
&--left,
&.tooltip--left,
&.place-left {
margin-left: -10px;
margin-top: 0;
&::before {
border-left: 8px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
right: -8px;
top: 50%;
margin-top: -5px;
}
&::after {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
right: -6px;
top: 50%;
margin-top: -4px;
border-left-style: solid;
border-left-width: 6px;
}
}
&--right,
&.tooltip--right,
&.place-right {
margin-left: 10px;
margin-top: 0;
&::before {
border-right: 8px solid transparent;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
left: -8px;
top: 50%;
margin-top: -5px;
}
&::after {
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
left: -6px;
top: 50%;
margin-top: -4px;
border-right-style: solid;
border-right-width: 6px;
}
}
&,
&--default,
&--dark,
&.type-dark,
&--black {
@apply bg-black text-white;
&.place-top::after,
&.tooltip--top::after {
border-top-color: theme("colors.black");
}
&.place-bottom::after,
&.tooltip--bottom::after {
border-bottom-color: theme("colors.black");
}
&.place-left::after,
&.tooltip--left::after {
border-left-color: theme("colors.black");
}
&.place-right::after,
&.tooltip--right::after {
border-right-color: theme("colors.black");
}
}
&--error,
&.type-error,
&--red-600 {
@apply bg-red-600 text-white;
&.place-top::after,
&.tooltip--top::after {
border-top-color: theme("colors.red.600");
}
&.place-bottom::after,
&.tooltip--bottom::after {
border-bottom-color: theme("colors.red.600");
}
&.place-left::after,
&.tooltip--left::after {
border-left-color: theme("colors.red.600");
}
&.place-right::after,
&.tooltip--right::after {
border-right-color: theme("colors.red.600");
}
}
&--warning,
&.type-warning,
&--yellow-400 {
@apply bg-yellow-400 text-black;
&.place-top::after,
&.tooltip--top::after {
border-top-color: theme("colors.yellow.400");
}
&.place-bottom::after,
&.tooltip--bottom::after {
border-bottom-color: theme("colors.yellow.400");
}
&.place-left::after,
&.tooltip--left::after {
border-left-color: theme("colors.yellow.400");
}
&.place-right::after,
&.tooltip--right::after {
border-right-color: theme("colors.yellow.400");
}
}
&--info,
&.type-info,
&--blue-300 {
@apply bg-blue-300 text-white;
&.place-top::after,
&.tooltip--top::after {
border-top-color: theme("colors.blue.300");
}
&.place-bottom::after,
&.tooltip--bottom::after {
border-bottom-color: theme("colors.blue.300");
}
&.place-left::after,
&.tooltip--left::after {
border-left-color: theme("colors.blue.300");
}
&.place-right::after,
&.tooltip--right::after {
border-right-color: theme("colors.blue.300");
}
}
&--grey-125,
&--light,
&.type-light {
@apply bg-grey-125 text-grey-300;
&.place-top::after,
&.tooltip--top::after {
border-top-color: theme("colors.grey.125");
}
&.place-bottom::after,
&.tooltip--bottom::after {
border-bottom-color: theme("colors.grey.125");
}
&.place-left::after,
&.tooltip--left::after {
border-left-color: theme("colors.grey.125");
}
&.place-right::after,
&.tooltip--right::after {
border-right-color: theme("colors.grey.125");
}
}
&--green-400,
&--success,
&.type-success {
@apply bg-green-400 text-white;
&.place-top::after,
&.tooltip--top::after {
border-top-color: theme("colors.green.400");
}
&.place-bottom::after,
&.tooltip--bottom::after {
border-bottom-color: theme("colors.green.400");
}
&.place-left::after,
&.tooltip--left::after {
border-left-color: theme("colors.green.400");
}
&.place-right::after,
&.tooltip--right::after {
border-right-color: theme("colors.green.400");
}
}
}
......@@ -21,15 +21,15 @@
/* padding shall be kept in sync with general card */
/* No pointer events to make full article cover clickable */
@apply absolute left-0 bottom-0 p-4 pointer-events-none;
}
.article-card-sharing {
/* Turn on pointer events to make sharer clickable */
@apply mb-4 transition duration-200 opacity-0 pointer-events-auto;
@apply mb-4 lg:transition lg:duration-200 lg:opacity-0 lg:pointer-events-auto;
}
.article-card:hover .article-card-sharing {
@apply opacity-100;
@apply lg:opacity-100;
}
.article-card-meta {
......
.banner {
@apply px-4 py-8 flex flex-wrap flex-col;
@screen lg {
@apply px-8;
}
@apply px-4 py-8 flex flex-wrap flex-col lg:px-8;
}
.banner__icon {
......
......@@ -14,11 +14,7 @@
@apply h-full border-r border-grey-125 p-2 flex justify-center items-start;
&:first-child {
@apply border-l;
@screen xl {
@apply border-l-0;
}
@apply border-l xl:border-l-0;
}
&.calendar-table-row__col--norborder {
......
......@@ -33,7 +33,7 @@
@apply text-sm bg-grey-50 flex border-t border-b border-grey-125 leading-10;
> div {
@apply px-4 flex items-center;
@apply px-4 flex items-center md:justify-center;
&:not(:first-child) {
@apply border-l border-grey-125;
......@@ -48,8 +48,6 @@
}
@screen md {
@apply justify-center;
&:first-child {
@apply w-auto text-left;
}
......@@ -66,12 +64,9 @@
}
.candidate-card__social {
@apply p-4;
grid-area: social;
@apply p-4 md:text-center;
@screen md {
@apply text-center;
}
grid-area: social;
}
@screen sm {
......
......@@ -44,7 +44,7 @@
}
.candidate-table-row__affiliation {
@apply flex items-center justify-start whitespace-no-wrap py-1 pl-6 pr-4;
@apply flex items-center justify-start whitespace-nowrap py-1 pl-6 pr-4;
grid-area: affiliation;
}
......
......@@ -4,8 +4,7 @@
py-2 px-3
text-xs
font-bold leading-none tracking-normal
cursor-pointer
whitespace-no-wrap;
whitespace-nowrap;
}
.chip--condensed {
......@@ -36,6 +35,9 @@
.chip--green-300 {
@apply bg-green-300 text-white;
}
.chip--green-400 {
@apply bg-green-400 text-white;
}
.chip--orange-300 {
@apply bg-orange-200 text-white;
}
......@@ -46,6 +48,21 @@
@apply bg-red-600 text-white;
}
.chip--hoveractive:hover {
&.chip--black {
@apply bg-grey-700;
}
&.chip--grey-700 {
@apply bg-grey-500;
}
&.chip--grey-500 {
@apply bg-grey-300;
}
&.chip--grey-125 {
@apply bg-grey-100;
}
}
.chip__icon {
@apply self-center cursor-pointer;
......@@ -59,13 +76,8 @@
.chip--select {
@apply relative p-0 inline-flex items-center;
&:hover,
&:focus {
@apply bg-opacity-50;
}
select {
@apply w-full py-2 pl-3 z-10 cursor-pointer;
@apply w-full py-2 pl-3 pr-8 z-10 cursor-pointer;
appearance: none;
background: none;
......@@ -81,6 +93,8 @@
.chip__icon {
@apply
absolute
right-0
pl-2 pr-3
cursor-pointer;
}
......
......@@ -65,6 +65,10 @@
@apply text-sm;
}
pre {
line-height: 1;
}
/* Contact lines are quite frequent so these are blacklisted for anchor style specifically. */
a:not(.contact-line):not(.content-block--nostyle) {
@apply underline;
......
.dropdown-button {
@apply relative;
}
.dropdown-button__choices {
@apply hidden absolute shadow-md z-10 bottom-0 right-0 transform translate-y-full;
}
.dropdown-button:hover .dropdown-button__choices {
@apply block max-w-sm;
}
.dropdown-button__choice {
@apply block no-underline text-left;
a:hover {
@apply no-underline;
}
}
.dropdown {
@apply relative inline-block;
}
.dropdown__content {
@apply hidden absolute shadow-md z-10;
}
.dropdown:hover .dropdown__content {
@apply block max-w-sm;
}
.dropdown__content-item {
@apply block no-underline;
a:hover {
@apply no-underline;
}
}
.dropdown--right .dropdown__content {
@apply right-0;
}
......@@ -14,24 +14,33 @@
@apply absolute w-full h-full pointer-events-none;
content: "";
box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.1);
box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.05);
}
&,
&--row-items {
/* Allow bypass defualt positioning */
&:not(.form-field__wrapper--freeform) {
.form-field__control + .form-field__control {
@apply ml-4;
}
}
&--col-items {
}
.form-field__wrapper--row-items {
@apply flex-row;
.form-field__control + .form-field__control {
@apply ml-4 mt-0;
}
}
.form-field__wrapper--col-items {
@apply flex-col;
.form-field__control + .form-field__control {
@apply ml-0 mt-4;
}
}
}
.form-field__error,
.form-field__help-text {
......
.modal-blur {
/* Add the blur effect */
/* filter: blur(8px);
-webkit-filter: blur(8px); */
}
.modal__overlay {
@apply
fixed
top-0 left-0 bottom-0 right-0
z-50
flex items-center flex-row
bg-grey-125 bg-opacity-75
cursor-pointer overflow-auto;
}
.modal__content {
@apply
inline-block
flex flex-row flex-grow items-center justify-center
max-w-full
h-full
m-auto
cursor-auto pointer-events-none outline-none;
}
.modal__container {
@apply
h-auto
p-3
pointer-events-auto
md:p-0;
.modal__container-body {
@apply bg-white relative;
}
}
.modal__close {
@apply
absolute
right-0
top-0
h-8
w-8
flex
items-center
justify-center
z-50
m-auto
text-black
bg-white;
}
.ReactModal__Body--open {
@apply overflow-hidden;
}
.candidate-card-list {
@apply grid grid-flow-row gap-0 row-gap-4;
@apply grid grid-flow-row gap-0 gap-y-4;
}
@responsive {
.candidate-card-list__item-wrapper {
@apply px-2 border-r border-grey-100;
}
......@@ -14,4 +13,3 @@
.candidate-card-list__item-wrapper--noborder {
@apply border-0;
}
}
......@@ -22,12 +22,12 @@
@apply gap-4;
grid-template-areas: "brand main-links social";
grid-template-columns: 25% 1fr 25%;
grid-template-columns: 34% 1fr 25%;
}
}
.footer-collapsible__toggle {
@apply flex items-center cursor-pointer;
@apply flex items-center cursor-pointer lg:cursor-auto;
&:after {
content: "\e925";
......@@ -40,11 +40,7 @@
transform: rotate(-180deg);
}
@screen lg {
@apply cursor-auto;
&:after {
@apply hidden;
}
@apply lg:hidden
}
}
.hero {
@apply py-4;
@screen md {
@apply py-24;
@apply py-8 md:py-24;
}
.hero--condensed {
@apply py-8 md:py-16;
}
.hero--image {
......