Created
December 7, 2017 22:17
-
-
Save bMinaise/fec287dd1c15783a1de87257e0a5a329 to your computer and use it in GitHub Desktop.
SH-Base-CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| 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; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment