SH-Base-CSS

base.css

/*
  SH - Base CSS

 ** import SH brand fonts
 ** apply class names to each font
 ** apply class names to header sizes
 ** apply class names to colors used

*/


/* import of the helvetica nueue 45 light */
@font-face{
font-family:"HN-45";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/e0781a75-0ecb-464e-b6e9-85780ddc0921.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/d7d2e6c6-fc3a-41a5-9b52-648e12e215b2.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/cb64744b-d0f7-4ef8-a790-b60d6e3e4f21.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/ccde919e-a712-41ef-b90f-9efc47661659.svg#ccde919e-a712-41ef-b90f-9efc47661659") format("svg");
}
/* import of the helvetica nueue 46 light italic */
@font-face{
font-family:"HN-46";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/fc780ce0-5b33-4e1d-b89b-66111a4d0ed8.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/fc780ce0-5b33-4e1d-b89b-66111a4d0ed8.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/2731e338-d92f-4492-8480-8b55ae1139f6.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/40e43cb5-d6b2-4ceb-b369-527d1007a2c7.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/c1993d56-4077-454a-8b19-635fa5a39532.svg#c1993d56-4077-454a-8b19-635fa5a39532") format("svg");
}
/* import of the helvetica nueue 55 Regular */
@font-face{
font-family:"HN-55";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/706ec8e5-fe4a-4518-91a6-7aba4d3d333f.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/ce6f5b38-1cb5-4a27-8182-583aa68b2436.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/ff06cde7-e06a-4cf0-af4d-5b2f737bf544.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/958b12cf-2908-4254-8cb9-9b12c3aa151e.svg#958b12cf-2908-4254-8cb9-9b12c3aa151e") format("svg");
}
/* import of the helvetica nueue 56 Regular italic */
@font-face{
font-family:"HN-56";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/5935d076-bd6d-4ca4-b995-d739ffa09754.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/5935d076-bd6d-4ca4-b995-d739ffa09754.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/4d65bb6f-e667-4bd0-8e92-34e67bf6ac8b.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/86631d82-6e27-4db2-988a-6b79a6c0d8ed.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/205c950e-e47f-4d97-9738-0a68edc4258d.svg#205c950e-e47f-4d97-9738-0a68edc4258d") format("svg");
}
/* import of the helvetica nueue 65 Medium */
@font-face{
font-family:"HN-65";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/07173950-fa69-4b65-9c71-0cf2ec00b51d.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/aac5a4b8-ffd3-4529-a098-21b91bc86f9a.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/2379b081-2371-47d9-8be9-4e39d7892ebf.svg#2379b081-2371-47d9-8be9-4e39d7892ebf") format("svg");
}
/* import of the helvetica nueue 66 Medium Italic */
@font-face{
font-family:"HN-66";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/4da0f075-0a40-4129-a4df-43aa140d94b0.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/4da0f075-0a40-4129-a4df-43aa140d94b0.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/2620c12a-dedb-4d35-8f4c-b951dcc1d4df.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/ae4300e1-4ab3-46c8-b619-0d142d97522c.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/4e787888-465d-4004-b616-6565e88fbe50.svg#4e787888-465d-4004-b616-6565e88fbe50") format("svg");
}
/* import of the helvetica nueue 75 Bold */
@font-face{
font-family:"HN-75";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/a95d2895-fa71-4ce7-bc1e-631169924be3.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/588c9ba8-1d28-4ad6-bf18-7128152d84c4.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/55334dfb-9c72-4147-8de0-21239f17ff25.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/62455047-c81f-44f1-8938-7739fa0f0e8d.svg#62455047-c81f-44f1-8938-7739fa0f0e8d") format("svg");
}
/* import of the helvetica nueue 76 Bold Italic */
@font-face{
font-family:"HN-76";
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/a48e33d0-3542-482d-9284-e41d31c4d583.eot?#iefix");
src:url("https://secure.sutterhealth.org/buildkit/assets/fonts/a48e33d0-3542-482d-9284-e41d31c4d583.eot?#iefix") format("eot"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/9b77b336-b221-497e-b255-7833856bb4a9.woff") format("woff"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/5c9a7798-4870-4139-ab84-7a300a7dc3e1.ttf") format("truetype"),url("https://secure.sutterhealth.org/buildkit/assets/fonts/3b59e91c-919a-4e7a-9ada-8c73b3378f03.svg#3b59e91c-919a-4e7a-9ada-8c73b3378f03") format("svg");
}

/* Not being used - CURRENTLY */
@font-face {
  font-family: 'GTWalsheim';
  src: url('fonts/GT-Walsheim-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/GT-Walsheim-Medium.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/GT-Walsheim-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/GT-Walsheim-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
       /*url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*  These apply font style and weight only
*/
.walsheim-Med {
  font-family:"GTWalsheim"; /* Init Walsheim */
  text-rendering: geometricPrecision;
}
/* helvetica nueue 45 light class name */
.hn-light {
  font-family: "HN-45";
  text-rendering: geometricPrecision;
}
/* helvetica nueue 46 light italic class name */
.hn-light-italic {
  font-family: "HN-46";
  text-rendering: geometricPrecision;
}
/* helvetica nueue 55 Regular class name */
.hn-reg {
  font-family: "HN-55";
  text-rendering: geometricPrecision;
}
/* helvetica nueue 56 Regular italic class name */
.hn-reg-italic {
  font-family: "HN-56";
  text-rendering: geometricPrecision;
}
/* helvetica nueue 65 Medium class name */
.hn-med {
  font-family: "HN-65";
  text-rendering: geometricPrecision;
}
/* helvetica nueue 66 Medium italic class name */
.hn-med-italic {
  font-family: "HN-66";
  text-rendering: geometricPrecision;
}
/* helvetica nueue 75 Bold class name */
.hn-bold {
  font-family: "HN-75";
  text-rendering: geometricPrecision;
}
/* helvetica nueue 76 Bold Italic class name */
.hn-bold-italic {
  font-family: "HN-76";
  text-rendering: geometricPrecision;
}

/*

  ToDo: This should - load the sizes

  Display Class adds sizing specifications

*/
.display-1 {
  /*font-size: 72px;*/
}

.display-2 {
  /*font-size: 66px;*/
}

.display-3 {
  /*font-size: 44px;*/
}

.display-4 {
  /*font-size: 32px;*/
}

/* Color Class */
.black {
  color: #000000;
}