Commit 55ca853e authored by John Breen's avatar John Breen
Browse files

remove more unused CSS

parent 50b6d202
.br0 { border-radius: 0!important; }
.br1 { border-radius: var(--border-radius); }
......@@ -29,8 +29,7 @@ input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
.border-box {
input[type="url"] {
box-sizing: border-box;
}
......@@ -4,10 +4,6 @@
color: var(--primary);
}
.highlight {
color: var(--highlight);
}
.white {
color: var(--white);
}
......@@ -20,18 +16,10 @@
color: var(--grey-1);
}
.grey-2 {
color: var(--grey-2);
}
.grey-3 {
color: var(--grey-3);
}
.grey-4 {
color: var(--grey-4);
}
.black {
color: var(--black);
}
......@@ -40,10 +28,6 @@
background-color: var(--primary);
}
.bg-highlight {
background-color: var(--highlight);
}
.bg-white {
background-color: var(--white);
}
......@@ -56,18 +40,6 @@
background-color: var(--grey-1);
}
.bg-grey-2 {
background-color: var(--grey-2);
}
.bg-grey-3 {
background-color: var(--grey-4);
}
.bg-grey-4 {
background-color: var(--grey-4);
}
.bg-black {
background-color: var(--black);
}
......
.debug * { outline: 1px solid gold; }
.debug-white * { outline: 1px solid white; }
.debug-black * { outline: 1px solid black; }
.debug-grid {
background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left;
}
.debug-grid-16 {
background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left;
}
.debug-grid-8-solid {
background:white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left;
}
.debug-grid-16-solid {
background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left;
}
body { outline: 1px solid #2980B9!important; }
article { outline: 1px solid #3498DB!important; }
nav { outline: 1px solid #0088C3!important; }
aside { outline: 1px solid #33A0CE!important; }
section { outline: 1px solid #66B8DA!important; }
header { outline: 1px solid #99CFE7!important; }
footer { outline: 1px solid #CCE7F3!important; }
h1 { outline: 1px solid #162544!important; }
h2 { outline: 1px solid #314E6E!important; }
h3 { outline: 1px solid #3E5E85!important; }
h4 { outline: 1px solid #449BAF!important; }
h5 { outline: 1px solid #C7D1CB!important; }
h6 { outline: 1px solid #4371D0!important; }
main { outline: 1px solid #2F4F90!important; }
address { outline: 1px solid #1A2C51!important; }
div { outline: 1px solid #036CDB!important; }
p { outline: 1px solid #AC050B!important; }
hr { outline: 1px solid #FF063F!important; }
pre { outline: 1px solid #850440!important; }
blockquote { outline: 1px solid #F1B8E7!important; }
ol { outline: 1px solid #FF050C!important; }
ul { outline: 1px solid #D90416!important; }
li { outline: 1px solid #D90416!important; }
dl { outline: 1px solid #FD3427!important; }
dt { outline: 1px solid #FF0043!important; }
dd { outline: 1px solid #E80174!important; }
figure { outline: 1px solid #FF00BB!important; }
figcaption { outline: 1px solid #BF0032!important; }
table { outline: 1px solid #00CC99!important; }
caption { outline: 1px solid #37FFC4!important; }
thead { outline: 1px solid #98DACA!important; }
tbody { outline: 1px solid #64A7A0!important; }
tfoot { outline: 1px solid #22746B!important; }
tr { outline: 1px solid #86C0B2!important; }
th { outline: 1px solid #A1E7D6!important; }
td { outline: 1px solid #3F5A54!important; }
col { outline: 1px solid #6C9A8F!important; }
colgroup { outline: 1px solid #6C9A9D!important; }
button { outline: 1px solid #DA8301!important; }
datalist { outline: 1px solid #C06000!important; }
fieldset { outline: 1px solid #D95100!important; }
form { outline: 1px solid #D23600!important; }
input { outline: 1px solid #FCA600!important; }
keygen { outline: 1px solid #B31E00!important; }
label { outline: 1px solid #EE8900!important; }
legend { outline: 1px solid #DE6D00!important; }
meter { outline: 1px solid #E8630C!important; }
optgroup { outline: 1px solid #B33600!important; }
option { outline: 1px solid #FF8A00!important; }
output { outline: 1px solid #FF9619!important; }
progress { outline: 1px solid #E57C00!important; }
select { outline: 1px solid #E26E0F!important; }
textarea { outline: 1px solid #CC5400!important; }
details { outline: 1px solid #33848F!important; }
summary { outline: 1px solid #60A1A6!important; }
command { outline: 1px solid #438DA1!important; }
menu { outline: 1px solid #449DA6!important; }
del { outline: 1px solid #BF0000!important; }
ins { outline: 1px solid #400000!important; }
img { outline: 1px solid #22746B!important; }
iframe { outline: 1px solid #64A7A0!important; }
embed { outline: 1px solid #98DACA!important; }
object { outline: 1px solid #00CC99!important; }
param { outline: 1px solid #37FFC4!important; }
video { outline: 1px solid #6EE866!important; }
audio { outline: 1px solid #027353!important; }
source { outline: 1px solid #012426!important; }
canvas { outline: 1px solid #A2F570!important; }
track { outline: 1px solid #59A600!important; }
map { outline: 1px solid #7BE500!important; }
area { outline: 1px solid #305900!important; }
a { outline: 1px solid #FF62AB!important; }
em { outline: 1px solid #800B41!important; }
strong { outline: 1px solid #FF1583!important; }
i { outline: 1px solid #803156!important; }
b { outline: 1px solid #CC1169!important; }
u { outline: 1px solid #FF0430!important; }
s { outline: 1px solid #F805E3!important; }
small { outline: 1px solid #D107B2!important; }
abbr { outline: 1px solid #4A0263!important; }
q { outline: 1px solid #240018!important; }
cite { outline: 1px solid #64003C!important; }
dfn { outline: 1px solid #B4005A!important; }
sub { outline: 1px solid #DBA0C8!important; }
sup { outline: 1px solid #CC0256!important; }
time { outline: 1px solid #D6606D!important; }
code { outline: 1px solid #E04251!important; }
kbd { outline: 1px solid #5E001F!important; }
samp { outline: 1px solid #9C0033!important; }
var { outline: 1px solid #D90047!important; }
mark { outline: 1px solid #FF0053!important; }
bdi { outline: 1px solid #BF3668!important; }
bdo { outline: 1px solid #6F1400!important; }
ruby { outline: 1px solid #FF7B93!important; }
rt { outline: 1px solid #FF2F54!important; }
rp { outline: 1px solid #803E49!important; }
span { outline: 1px solid #CC2643!important; }
br { outline: 1px solid #DB687D!important; }
wbr { outline: 1px solid #DB175B!important; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.flex-none { flex: none; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.self-center { align-self: center; }
.self-baseline { align-self: baseline; }
.self-stretch { align-self: stretch; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-center { align-content: center; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-stretch { align-content: stretch; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-last { order: 99999; }
@media (--breakpoint-not-small) {
.flex-ns { display: flex; }
.inline-flex-ns { display: inline-flex; }
.flex-none-ns { flex: none; }
.flex-column-ns { flex-direction: column; }
.flex-row-ns { flex-direction: row; }
.flex-wrap-ns { flex-wrap: wrap; }
.items-start-ns { align-items: flex-start; }
.items-end-ns { align-items: flex-end; }
.items-center-ns { align-items: center; }
.items-baseline-ns { align-items: baseline; }
.items-stretch-ns { align-items: stretch; }
.self-start-ns { align-self: flex-start; }
.self-end-ns { align-self: flex-end; }
.self-center-ns { align-self: center; }
.self-baseline-ns { align-self: baseline; }
.self-stretch-ns { align-self: stretch; }
.justify-start-ns { justify-content: flex-start; }
.justify-end-ns { justify-content: flex-end; }
.justify-center-ns { justify-content: center; }
.justify-between-ns { justify-content: space-between; }
.justify-around-ns { justify-content: space-around; }
.content-start-ns { align-content: flex-start; }
.content-end-ns { align-content: flex-end; }
.content-center-ns { align-content: center; }
.content-between-ns { align-content: space-between; }
.content-around-ns { align-content: space-around; }
.content-stretch-ns { align-content: stretch; }
.order-0-ns { order: 0; }
.order-1-ns { order: 1; }
.order-2-ns { order: 2; }
.order-3-ns { order: 3; }
.order-4-ns { order: 4; }
.order-5-ns { order: 5; }
.order-6-ns { order: 6; }
.order-7-ns { order: 7; }
.order-8-ns { order: 8; }
.order-last-ns { order: 99999; }
}
@media (--breakpoint-medium) {
.flex-m { display: flex; }
.inline-flex-m { display: inline-flex; }
.flex-none-m { flex: none; }
.flex-column-m { flex-direction: column; }
.flex-row-m { flex-direction: row; }
.flex-wrap-m { flex-wrap: wrap; }
.items-start-m { align-items: flex-start; }
.items-end-m { align-items: flex-end; }
.items-center-m { align-items: center; }
.items-baseline-m { align-items: baseline; }
.items-stretch-m { align-items: stretch; }
.self-start-m { align-self: flex-start; }
.self-end-m { align-self: flex-end; }
.self-center-m { align-self: center; }
.self-baseline-m { align-self: baseline; }
.self-stretch-m { align-self: stretch; }
.justify-start-m { justify-content: flex-start; }
.justify-end-m { justify-content: flex-end; }
.justify-center-m { justify-content: center; }
.justify-between-m { justify-content: space-between; }
.justify-around-m { justify-content: space-around; }
.content-start-m { align-content: flex-start; }
.content-end-m { align-content: flex-end; }
.content-center-m { align-content: center; }
.content-between-m { align-content: space-between; }
.content-around-m { align-content: space-around; }
.content-stretch-m { align-content: stretch; }
.order-0-m { order: 0; }
.order-1-m { order: 1; }
.order-2-m { order: 2; }
.order-3-m { order: 3; }
.order-4-m { order: 4; }
.order-5-m { order: 5; }
.order-6-m { order: 6; }
.order-7-m { order: 7; }
.order-8-m { order: 8; }
.order-last-m { order: 99999; }
}
@media (--breakpoint-large) {
.flex-l { display: flex; }
.inline-flex-l { display: inline-flex; }
.flex-none-l { flex: none; }
.flex-column-l { flex-direction: column; }
.flex-row-l { flex-direction: row; }
.flex-wrap-l { flex-wrap: wrap; }
.items-start-l { align-items: flex-start; }
.items-end-l { align-items: flex-end; }
.items-center-l { align-items: center; }
.items-baseline-l { align-items: baseline; }
.items-stretch-l { align-items: stretch; }
.self-start-l { align-self: flex-start; }
.self-end-l { align-self: flex-end; }
.self-center-l { align-self: center; }
.self-baseline-l { align-self: baseline; }
.self-stretch-l { align-self: stretch; }
.justify-start-l { justify-content: flex-start; }
.justify-end-l { justify-content: flex-end; }
.justify-center-l { justify-content: center; }
.justify-between-l { justify-content: space-between; }
.justify-around-l { justify-content: space-around; }
.content-start-l { align-content: flex-start; }
.content-end-l { align-content: flex-end; }
.content-center-l { align-content: center; }
.content-between-l { align-content: space-between; }
.content-around-l { align-content: space-around; }
.content-stretch-l { align-content: stretch; }
.order-0-l { order: 0; }
.order-1-l { order: 1; }
.order-2-l { order: 2; }
.order-3-l { order: 3; }
.order-4-l { order: 4; }
.order-5-l { order: 5; }
.order-6-l { order: 6; }
.order-7-l { order: 7; }
.order-8-l { order: 8; }
.order-last-l { order: 99999; }
}
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.fn { float: none; }
@media (--breakpoint-not-small) {
.fl-ns { float: left; _display: inline; }
.fr-ns { float: right; _display: inline; }
.fn-ns { float: none; }
}
@media (--breakpoint-medium) {
.fl-m { float: left; _display: inline; }
.fr-m { float: right; _display: inline; }
.fn-m { float: none; }
}
@media (--breakpoint-large) {
.fl-l { float: left; _display: inline; }
.fr-l { float: right; _display: inline; }
.fn-l { float: none; }
}
.fl { float: left; _display: inline; }
\ No newline at end of file
.i { font-style: italic; }
.fs-normal { font-style: normal; }
@media (--breakpoint-not-small) {
.i-ns { font-style: italic; }
.fs-normal-ns { font-style: normal; }
}
@media (--breakpoint-medium) {
.i-m { font-style: italic; }
.fs-normal-m { font-style: normal; }
}
@media (--breakpoint-large) {
.i-l { font-style: italic; }
.fs-normal-l { font-style: normal; }
}
.normal { font-weight: normal; }
.b { font-weight: var(--bold-font-weight); }
.fw1 { font-weight: 100; }
.fw2 { font-weight: 200; }
.fw3 { font-weight: 300; }
.fw4 { font-weight: 400; }
.fw5 { font-weight: 500; }
.fw6 { font-weight: 600; }
.fw7 { font-weight: 700; }
.fw8 { font-weight: 800; }
.fw9 { font-weight: 900; }
@media (--breakpoint-not-small) {
.normal-ns { font-weight: normal; }
.b-ns { font-weight: var(--bold-font-weight); }
.fw1-ns { font-weight: 100; }
.fw2-ns { font-weight: 200; }
.fw3-ns { font-weight: 300; }
.fw4-ns { font-weight: 400; }
.fw5-ns { font-weight: 500; }
.fw6-ns { font-weight: 600; }
.fw7-ns { font-weight: 700; }
.fw8-ns { font-weight: 800; }
.fw9-ns { font-weight: 900; }
}
@media (--breakpoint-medium) {
.normal-m { font-weight: normal; }
.b-m { font-weight: var(--bold-font-weight); }
.fw1-m { font-weight: 100; }
.fw2-m { font-weight: 200; }
.fw3-m { font-weight: 300; }
.fw4-m { font-weight: 400; }
.fw5-m { font-weight: 500; }
.fw6-m { font-weight: 600; }
.fw7-m { font-weight: 700; }
.fw8-m { font-weight: 800; }
.fw9-m { font-weight: 900; }
}
@media (--breakpoint-large) {
.normal-l { font-weight: normal; }
.b-l { font-weight: var(--bold-font-weight); }
.fw1-l { font-weight: 100; }
.fw2-l { font-weight: 200; }
.fw3-l { font-weight: 300; }
.fw4-l { font-weight: 400; }
.fw5-l { font-weight: 500; }
.fw6-l { font-weight: 600; }
.fw7-l { font-weight: 700; }
.fw8-l { font-weight: 800; }
.fw9-l { font-weight: 900; }
}
fieldset
{
position: relative;
}
.input-reset {
-webkit-appearance: none;
-moz-appearance: none;
}
.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
border: 0;
padding: 0;
}
input, textarea {
background-color: var(--grey-2);
border-radius: var(--border-radius);
padding: 12px 16px 10px;
font-size: var(--spacing-medium);
line-height: 1.25;
position: relative;
transition: var(--hover-transition);
z-index: 2;
&:focus {
background-color: var(--white);
}
&:focus + label {
opacity: 1;
pointer-events: auto;
transform: translateY(-120%);
}
}
::-webkit-input-placeholder {
color: var(--black);
font-size: var(--spacing-medium);
line-height: normal;
}
:-moz-placeholder {
color: var(--black);
font-size: var(--spacing-medium);
line-height: normal;
}
::-moz-placeholder {
color: var(--black);
font-size: var(--spacing-medium);
line-height: normal;
}
:-ms-input-placeholder {
color: var(--black);
font-size: var(--spacing-medium);
line-height: normal;
}
label
{
font-size: .875rem;
font-weight: 800;
color: var(--white);
background-color: var(--primary);
border-radius: var(--border-radius);
padding: var(--spacing-extra-small) var(--spacing-small);
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
line-height: 1;
transition: var(--hover-transition);
z-index: 2;
}
.h1 { height: var(--spacing-medium); }
.h2 { height: 2rem; }
.h3 { height: 4rem; }
.h4 { height: 8rem; }
.h5 { height: 16rem; }
/* Height Percentages - Based off of height of parent */
.h-25 { height: 25%; }
.h-50 { height: 50%; }
.h-75 { height: 75%; }
.h-100 { height: 100%; }
.min-h-100 { min-height: 100%; }
/* Screen Height Percentage */
.vh-25 { height: 25vh; }
.vh-50 { height: 50vh; }
.vh-75 { height: 75vh; }
.vh-100 { height: 100vh; }
.min-vh-100 { min-height: 100vh; }
/* String Properties */
.h-auto { height: auto; }
.h-inherit { height: inherit; }
@media (--breakpoint-not-small) {
.h1-ns { height: var(--spacing-medium); }
.h2-ns { height: 2rem; }
.h3-ns { height: 4rem; }
.h4-ns { height: 8rem; }
.h5-ns { height: 16rem; }
.h-25-ns { height: 25%; }
.h-50-ns { height: 50%; }