├── .gitignore ├── LICENSE.txt ├── package.json ├── css ├── css-border-colors.min.css ├── css-border-colors.css └── border-colors.css ├── README.md ├── border-colors.scss └── src └── css-border-colors.css /.gitignore: -------------------------------------------------------------------------------- 1 | # List of files for git to ignore 2 | 3 | .DS_Store 4 | .AppleDouble 5 | .LSOverride 6 | 7 | # Icon must end with two \r 8 | Icon 9 | 10 | 11 | # Thumbnails 12 | ._* 13 | 14 | # Files that might appear on external disk 15 | .Spotlight-V100 16 | .Trashes 17 | 18 | # Directories potentially created on remote AFP share 19 | .AppleDB 20 | .AppleDesktop 21 | Network Trash Folder 22 | Temporary Items 23 | .apdisk 24 | 25 | # Vim 26 | Session.vim 27 | 28 | # Node 29 | node_modules/* 30 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | ISC License (ISC) 2 | Copyright (c) 2018, Adam Morse 3 | 4 | Permission to use, copy, modify, and/or distribute this software for any 5 | purpose with or without fee is hereby granted, provided that the above 6 | copyright notice and this permission notice appear in all copies. 7 | 8 | THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH 9 | REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND 10 | FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, 11 | INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM 12 | LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR 13 | OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR 14 | PERFORMANCE OF THIS SOFTWARE. 15 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "css-border-colors", 3 | "style": "border-colors.css", 4 | "version": "1.0.8", 5 | "homepage": "http://github.com/mrmrs/css-border-colors", 6 | "description": "Css module of single purpose classes for border colors", 7 | "keywords": [ 8 | "css", 9 | "oocss", 10 | "border-colors" 11 | ], 12 | "css-border-colors": { 13 | "type": "git", 14 | "url": "http://github.com/mrmrs/css-border-colors.git" 15 | }, 16 | "bugs": { 17 | "url": "https://github.com/mrmrs/css-border-colors/issues", 18 | "email": "hi@mrmrs.cc" 19 | }, 20 | "author": { 21 | "name": "Adam Morse", 22 | "email": "hi@mrmrs.cc", 23 | "url": "http://mrmrs.cc" 24 | }, 25 | "contributors": [ 26 | { 27 | "name": "Adam Morse", 28 | "email": "hi@mrmrs.cc" 29 | } 30 | ], 31 | "license": "MIT", 32 | "devDependencies": { 33 | "tachyons-cli": "^1.3.0" 34 | }, 35 | "scripts": { 36 | "start": "tachyons src/css-border-colors.css > css/css-border-colors.css && tachyons src/css-border-colors.css --minify > css/css-border-colors.min.css && tachyons src/css-border-colors.css --generate-docs --package=../../package.json > readme.md" 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /css/css-border-colors.min.css: -------------------------------------------------------------------------------- 1 | .bor--blk{border-color:$near-black}.bor--dk-gry{border-color:$dark-gray}.bor--md-gry{border-color:$mid-gray}.bor--gray{border-color:$gray}.bor--silver{border-color:$silver}.bor--lt-slvr{border-color:$light-silver}.bor--lt-gry{border-color:$light-gray}.bor--near-wht{border-color:$near-white}.bor--wht{border-color:$white}.bor--pink{border-color:$pink}.bor--lightpink{border-color:$lightpink}.bor--hotpink{border-color:$hotpink}.bor--deeppink{border-color:$deeppink}.bor--palevioletred{border-color:$palevioletred}.bor--mediumvioletred{border-color:$mediumvioletred}.bor--lightsalmon{border-color:$lightsalmon}.bor--salmon{border-color:$salmon}.bor--darksalmon{border-color:$darksalmon}.bor--lightcoral{border-color:$lightcoral}.bor--indianred{border-color:$indianred}.bor--crimson{border-color:$crimson}.bor--firebrick{border-color:$firebrick}.bor--darkred{border-color:$darkred}.bor--red{border-color:$red}.bor--orangered{border-color:$orangered}.bor--tomato{border-color:$tomato}.bor--coral{border-color:$coral}.bor--darkorange{border-color:$darkorange}.bor--orange{border-color:$orange}.bor--gold{border-color:$gold}.bor--yellow{border-color:$yellow}.bor--lightyellow{border-color:$lightyellow}.bor--lemonchiffon{border-color:$lemonchiffon}.bor--lightgoldenrod{border-color:$lightgoldenrodyellow}.bor--papayawhip{border-color:$papayawhip}.bor--moccasin{border-color:$moccasin}.bor--peachpuff{border-color:$peachpuff}.bor--palegoldenrod{border-color:$palegoldenrod}.bor--khaki{border-color:$khaki}.bor--darkkhaki{border-color:$darkkhaki}.bor--cornsilk{border-color:$cornsilk}.bor--blanchedalmond{border-color:$blanchedalmond}.bor--bisque{border-color:$bisque}.bor--navajowhite{border-color:$navajowhite}.bor--wheat{border-color:$wheat}.bor--burlywood{border-color:$burlywood}.bor--tan{border-color:$tan}.bor--rosybrown{border-color:$rosybrown}.bor--sandybrown{border-color:$sandybrown}.bor--goldenrod{border-color:$goldenrod}.bor--darkgoldenrod{border-color:$darkgoldenrod}.bor--peru{border-color:$peru}.bor--chocolate{border-color:$chocolate}.bor--saddlebrown{border-color:$saddlebrown}.bor--sienna{border-color:$sienna}.bor--brown{border-color:$brown}.bor--maroon{border-color:$maroon}.bor--darkolivegreen{border-color:$darkolivegreen}.bor--olive{border-color:$olive}.bor--olivedrab{border-color:$olivedrab}.bor--yellowgreen{border-color:$yellowgreen}.bor--limegreen{border-color:$limegreen}.bor--lime{border-color:$lime}.bor--lawngreen{border-color:$lawngreen}.bor--chartreuse{border-color:$chartreuse}.bor--greenyellow{border-color:$greenyellow}.bor--springgreen{border-color:$springgreen}.bor--medpringgreen{border-color:$mediumspringgreen}.bor--lightgreen{border-color:$lightgreen}.bor--palegreen{border-color:$palegreen}.bor--darkseagreen{border-color:$darkseagreen}.bor--mediumseagreen{border-color:$mediumseagreen}.bor--seagreen{border-color:$seagreen}.bor--forestgreen{border-color:$forestgreen}.bor--green{border-color:$green}.bor--darkgreen{border-color:$darkgreen}.bor--mediumaquamarine{border-color:$mediumaquamarine}.bor--aqua{border-color:$aqua}.bor--cyan{border-color:$cyan}.bor--lightcyan{border-color:$lightcyan}.bor--paleturquoise{border-color:$paleturquoise}.bor--aquamarine{border-color:$aquamarine}.bor--turquoise{border-color:$turquoise}.bor--mediumturquoise{border-color:$mediumturquoise}.bor--darkturquoise{border-color:$darkturquoise}.bor--lightseagreen{border-color:$lightseagreen}.bor--cadetblue{border-color:$cadetblue}.bor--darkcyan{border-color:$darkcyan}.bor--teal{border-color:$teal}.bor--lightsteelblue{border-color:$lightsteelblue}.bor--powderblue{border-color:$powderblue}.bor--lightblue{border-color:$lightblue}.bor--skyblue{border-color:$skyblue}.bor--lightskyblue{border-color:$lightskyblue}.bor--deepskyblue{border-color:$deepskyblue}.bor--dodgerblue{border-color:$dodgerblue}.bor--cornflowerblue{border-color:$cornflowerblue}.bor--steelblue{border-color:$steelblue}.bor--royalblue{border-color:$royalblue}.bor--blue{border-color:$blue}.bor--mediumblue{border-color:$mediumblue}.bor--darkblue{border-color:$darkblue}.bor--navy{border-color:$navy}.bor--midnightblue{border-color:$midnightblue}.bor--lavender{border-color:$lavender}.bor--thistle{border-color:$thistle}.bor--plum{border-color:$plum}.bor--violet{border-color:$violet}.bor--orchid{border-color:$orchid}.bor--fuchsia{border-color:$fuchsia}.bor--magenta{border-color:$magenta}.bor--mediumorchid{border-color:$mediumorchid}.bor--mediumpurple{border-color:$mediumpurple}.bor--blueviolet{border-color:$blueviolet}.bor--darkviolet{border-color:$darkviolet}.bor--darkorchid{border-color:$darkorchid}.bor--darkmagenta{border-color:$darkmagenta}.bor--purple{border-color:$purple}.bor--indigo{border-color:$indigo}.bor--darkslateblue{border-color:$darkslateblue}.bor--slateblue{border-color:$slateblue}.bor--mediumslateblue{border-color:$mediumslateblue}.bor--white{border-color:$white}.bor--snow{border-color:$snow}.bor--honeydew{border-color:$honeydew}.bor--mintcream{border-color:$mintcream}.bor--azure{border-color:$azure}.bor--aliceblue{border-color:$aliceblue}.bor--ghostwhite{border-color:$ghostwhite}.bor--whitesmoke{border-color:$whitesmoke}.bor--seashell{border-color:$seashell}.bor--beige{border-color:$beige}.bor--oldlace{border-color:$oldlace}.bor--floralwhite{border-color:$floralwhite}.bor--ivory{border-color:$ivory}.bor--antiquewhite{border-color:$antiquewhite}.bor--linen{border-color:$linen}.bor--lavenderblush{border-color:$lavenderblush}.bor--mistyrose{border-color:$mistyrose}.bor--gainsboro{border-color:$gainsboro}@media screen and (min-width:48em){.bor--blk-ns{border-color:$near-black}.bor--dk-gry-ns{border-color:$dark-gray}.bor--md-gry-ns{border-color:$mid-gray}.bor--gray-ns{border-color:$gray}.bor--silver-ns{border-color:$silver}.bor--lt-slvr-ns{border-color:$light-silver}.bor--lt-gry-ns{border-color:$light-gray}.bor--near-wht-ns{border-color:$near-white}.bor--wht-ns{border-color:$white}.bor--pink-ns{border-color:$pink}.bor--lightpink-ns{border-color:$lightpink}.bor--hotpink-ns{border-color:$hotpink}.bor--deeppink-ns{border-color:$deeppink}.bor--palevioletred-ns{border-color:$palevioletred}.bor--mediumvioletred-ns{border-color:$mediumvioletred}.bor--lightsalmon-ns{border-color:$lightsalmon}.bor--salmon-ns{border-color:$salmon}.bor--darksalmon-ns{border-color:$darksalmon}.bor--lightcoral-ns{border-color:$lightcoral}.bor--indianred-ns{border-color:$indianred}.bor--crimson-ns{border-color:$crimson}.bor--firebrick-ns{border-color:$firebrick}.bor--darkred-ns{border-color:$darkred}.bor--red-ns{border-color:$red}.bor--orangered-ns{border-color:$orangered}.bor--tomato-ns{border-color:$tomato}.bor--coral-ns{border-color:$coral}.bor--darkorange-ns{border-color:$darkorange}.bor--orange-ns{border-color:$orange}.bor--gold-ns{border-color:$gold}.bor--yellow-ns{border-color:$yellow}.bor--lightyellow-ns{border-color:$lightyellow}.bor--lemonchiffon-ns{border-color:$lemonchiffon}.bor--lightgoldenrod-ns{border-color:$lightgoldenrodyellow}.bor--papayawhip-ns{border-color:$papayawhip}.bor--moccasin-ns{border-color:$moccasin}.bor--peachpuff-ns{border-color:$peachpuff}.bor--palegoldenrod-ns{border-color:$palegoldenrod}.bor--khaki-ns{border-color:$khaki}.bor--darkkhaki-ns{border-color:$darkkhaki}.bor--cornsilk-ns{border-color:$cornsilk}.bor--blanchedalmond-ns{border-color:$blanchedalmond}.bor--bisque-ns{border-color:$bisque}.bor--navajowhite-ns{border-color:$navajowhite}.bor--wheat-ns{border-color:$wheat}.bor--burlywood-ns{border-color:$burlywood}.bor--tan-ns{border-color:$tan}.bor--rosybrown-ns{border-color:$rosybrown}.bor--sandybrown-ns{border-color:$sandybrown}.bor--goldenrod-ns{border-color:$goldenrod}.bor--darkgoldenrod-ns{border-color:$darkgoldenrod}.bor--peru-ns{border-color:$peru}.bor--chocolate-ns{border-color:$chocolate}.bor--saddlebrown-ns{border-color:$saddlebrown}.bor--sienna-ns{border-color:$sienna}.bor--brown-ns{border-color:$brown}.bor--maroon-ns{border-color:$maroon}.bor--darkolivegreen-ns{border-color:$darkolivegreen}.bor--olive-ns{border-color:$olive}.bor--olivedrab-ns{border-color:$olivedrab}.bor--yellowgreen-ns{border-color:$yellowgreen}.bor--limegreen-ns{border-color:$limegreen}.bor--lime-ns{border-color:$lime}.bor--lawngreen-ns{border-color:$lawngreen}.bor--chartreuse-ns{border-color:$chartreuse}.bor--greenyellow-ns{border-color:$greenyellow}.bor--springgreen-ns{border-color:$springgreen}.bor--medpringgreen-ns{border-color:$mediumspringgreen}.bor--lightgreen-ns{border-color:$lightgreen}.bor--palegreen-ns{border-color:$palegreen}.bor--darkseagreen-ns{border-color:$darkseagreen}.bor--mediumseagreen-ns{border-color:$mediumseagreen}.bor--seagreen-ns{border-color:$seagreen}.bor--forestgreen-ns{border-color:$forestgreen}.bor--green-ns{border-color:$green}.bor--darkgreen-ns{border-color:$darkgreen}.bor--mediumaquamarine-ns{border-color:$mediumaquamarine}.bor--aqua-ns{border-color:$aqua}.bor--cyan-ns{border-color:$cyan}.bor--lightcyan-ns{border-color:$lightcyan}.bor--paleturquoise-ns{border-color:$paleturquoise}.bor--aquamarine-ns{border-color:$aquamarine}.bor--turquoise-ns{border-color:$turquoise}.bor--mediumturquoise-ns{border-color:$mediumturquoise}.bor--darkturquoise-ns{border-color:$darkturquoise}.bor--lightseagreen-ns{border-color:$lightseagreen}.bor--cadetblue-ns{border-color:$cadetblue}.bor--darkcyan-ns{border-color:$darkcyan}.bor--teal-ns{border-color:$teal}.bor--lightsteelblue-ns{border-color:$lightsteelblue}.bor--powderblue-ns{border-color:$powderblue}.bor--lightblue-ns{border-color:$lightblue}.bor--skyblue-ns{border-color:$skyblue}.bor--lightskyblue-ns{border-color:$lightskyblue}.bor--deepskyblue-ns{border-color:$deepskyblue}.bor--dodgerblue-ns{border-color:$dodgerblue}.bor--cornflowerblue-ns{border-color:$cornflowerblue}.bor--steelblue-ns{border-color:$steelblue}.bor--royalblue-ns{border-color:$royalblue}.bor--blue-ns{border-color:$blue}.bor--mediumblue-ns{border-color:$mediumblue}.bor--darkblue-ns{border-color:$darkblue}.bor--navy-ns{border-color:$navy}.bor--midnightblue-ns{border-color:$midnightblue}.bor--lavender-ns{border-color:$lavender}.bor--thistle-ns{border-color:$thistle}.bor--plum-ns{border-color:$plum}.bor--violet-ns{border-color:$violet}.bor--orchid-ns{border-color:$orchid}.bor--fuchsia-ns{border-color:$fuchsia}.bor--magenta-ns{border-color:$magenta}.bor--mediumorchid-ns{border-color:$mediumorchid}.bor--mediumpurple-ns{border-color:$mediumpurple}.bor--blueviolet-ns{border-color:$blueviolet}.bor--darkviolet-ns{border-color:$darkviolet}.bor--darkorchid-ns{border-color:$darkorchid}.bor--darkmagenta-ns{border-color:$darkmagenta}.bor--purple-ns{border-color:$purple}.bor--indigo-ns{border-color:$indigo}.bor--darkslateblue-ns{border-color:$darkslateblue}.bor--slateblue-ns{border-color:$slateblue}.bor--mediumslateblue-ns{border-color:$mediumslateblue}.bor--white-ns{border-color:$white}.bor--snow-ns{border-color:$snow}.bor--honeydew-ns{border-color:$honeydew}.bor--mintcream-ns{border-color:$mintcream}.bor--azure-ns{border-color:$azure}.bor--aliceblue-ns{border-color:$aliceblue}.bor--ghostwhite-ns{border-color:$ghostwhite}.bor--whitesmoke-ns{border-color:$whitesmoke}.bor--seashell-ns{border-color:$seashell}.bor--beige-ns{border-color:$beige}.bor--oldlace-ns{border-color:$oldlace}.bor--floralwhite-ns{border-color:$floralwhite}.bor--ivory-ns{border-color:$ivory}.bor--antiquewhite-ns{border-color:$antiquewhite}.bor--linen-ns{border-color:$linen}.bor--lavenderblush-ns{border-color:$lavenderblush}.bor--mistyrose-ns{border-color:$mistyrose}.bor--gainsboro-ns{border-color:$gainsboro}}@media screen and (min-width:48em) and (max-width:64em){.bor--blk-m{border-color:$near-black}.bor--dk-gry-m{border-color:$dark-gray}.bor--md-gry-m{border-color:$mid-gray}.bor--gray-m{border-color:$gray}.bor--silver-m{border-color:$silver}.bor--lt-slvr-m{border-color:$light-silver}.bor--lt-gry-m{border-color:$light-gray}.bor--near-wht-m{border-color:$near-white}.bor--wht-m{border-color:$white}.bor--pink-m{border-color:$pink}.bor--lightpink-m{border-color:$lightpink}.bor--hotpink-m{border-color:$hotpink}.bor--deeppink-m{border-color:$deeppink}.bor--palevioletred-m{border-color:$palevioletred}.bor--mediumvioletred-m{border-color:$mediumvioletred}.bor--lightsalmon-m{border-color:$lightsalmon}.bor--salmon-m{border-color:$salmon}.bor--darksalmon-m{border-color:$darksalmon}.bor--lightcoral-m{border-color:$lightcoral}.bor--indianred-m{border-color:$indianred}.bor--crimson-m{border-color:$crimson}.bor--firebrick-m{border-color:$firebrick}.bor--darkred-m{border-color:$darkred}.bor--red-m{border-color:$red}.bor--orangered-m{border-color:$orangered}.bor--tomato-m{border-color:$tomato}.bor--coral-m{border-color:$coral}.bor--darkorange-m{border-color:$darkorange}.bor--orange-m{border-color:$orange}.bor--gold-m{border-color:$gold}.bor--yellow-m{border-color:$yellow}.bor--lightyellow-m{border-color:$lightyellow}.bor--lemonchiffon-m{border-color:$lemonchiffon}.bor--lightgoldenrod-m{border-color:$lightgoldenrodyellow}.bor--papayawhip-m{border-color:$papayawhip}.bor--moccasin-m{border-color:$moccasin}.bor--peachpuff-m{border-color:$peachpuff}.bor--palegoldenrod-m{border-color:$palegoldenrod}.bor--khaki-m{border-color:$khaki}.bor--darkkhaki-m{border-color:$darkkhaki}.bor--cornsilk-m{border-color:$cornsilk}.bor--blanchedalmond-m{border-color:$blanchedalmond}.bor--bisque-m{border-color:$bisque}.bor--navajowhite-m{border-color:$navajowhite}.bor--wheat-m{border-color:$wheat}.bor--burlywood-m{border-color:$burlywood}.bor--tan-m{border-color:$tan}.bor--rosybrown-m{border-color:$rosybrown}.bor--sandybrown-m{border-color:$sandybrown}.bor--goldenrod-m{border-color:$goldenrod}.bor--darkgoldenrod-m{border-color:$darkgoldenrod}.bor--peru-m{border-color:$peru}.bor--chocolate-m{border-color:$chocolate}.bor--saddlebrown-m{border-color:$saddlebrown}.bor--sienna-m{border-color:$sienna}.bor--brown-m{border-color:$brown}.bor--maroon-m{border-color:$maroon}.bor--darkolivegreen-m{border-color:$darkolivegreen}.bor--olive-m{border-color:$olive}.bor--olivedrab-m{border-color:$olivedrab}.bor--yellowgreen-m{border-color:$yellowgreen}.bor--limegreen-m{border-color:$limegreen}.bor--lime-m{border-color:$lime}.bor--lawngreen-m{border-color:$lawngreen}.bor--chartreuse-m{border-color:$chartreuse}.bor--greenyellow-m{border-color:$greenyellow}.bor--springgreen-m{border-color:$springgreen}.bor--medpringgreen-m{border-color:$mediumspringgreen}.bor--lightgreen-m{border-color:$lightgreen}.bor--palegreen-m{border-color:$palegreen}.bor--darkseagreen-m{border-color:$darkseagreen}.bor--mediumseagreen-m{border-color:$mediumseagreen}.bor--seagreen-m{border-color:$seagreen}.bor--forestgreen-m{border-color:$forestgreen}.bor--green-m{border-color:$green}.bor--darkgreen-m{border-color:$darkgreen}.bor--mediumaquamarine-m{border-color:$mediumaquamarine}.bor--aqua-m{border-color:$aqua}.bor--cyan-m{border-color:$cyan}.bor--lightcyan-m{border-color:$lightcyan}.bor--paleturquoise-m{border-color:$paleturquoise}.bor--aquamarine-m{border-color:$aquamarine}.bor--turquoise-m{border-color:$turquoise}.bor--mediumturquoise-m{border-color:$mediumturquoise}.bor--darkturquoise-m{border-color:$darkturquoise}.bor--lightseagreen-m{border-color:$lightseagreen}.bor--cadetblue-m{border-color:$cadetblue}.bor--darkcyan-m{border-color:$darkcyan}.bor--teal-m{border-color:$teal}.bor--lightsteelblue-m{border-color:$lightsteelblue}.bor--powderblue-m{border-color:$powderblue}.bor--lightblue-m{border-color:$lightblue}.bor--skyblue-m{border-color:$skyblue}.bor--lightskyblue-m{border-color:$lightskyblue}.bor--deepskyblue-m{border-color:$deepskyblue}.bor--dodgerblue-m{border-color:$dodgerblue}.bor--cornflowerblue-m{border-color:$cornflowerblue}.bor--steelblue-m{border-color:$steelblue}.bor--royalblue-m{border-color:$royalblue}.bor--blue-m{border-color:$blue}.bor--mediumblue-m{border-color:$mediumblue}.bor--darkblue-m{border-color:$darkblue}.bor--navy-m{border-color:$navy}.bor--midnightblue-m{border-color:$midnightblue}.bor--lavender-m{border-color:$lavender}.bor--thistle-m{border-color:$thistle}.bor--plum-m{border-color:$plum}.bor--violet-m{border-color:$violet}.bor--orchid-m{border-color:$orchid}.bor--fuchsia-m{border-color:$fuchsia}.bor--magenta-m{border-color:$magenta}.bor--mediumorchid-m{border-color:$mediumorchid}.bor--mediumpurple-m{border-color:$mediumpurple}.bor--blueviolet-m{border-color:$blueviolet}.bor--darkviolet-m{border-color:$darkviolet}.bor--darkorchid-m{border-color:$darkorchid}.bor--darkmagenta-m{border-color:$darkmagenta}.bor--purple-m{border-color:$purple}.bor--indigo-m{border-color:$indigo}.bor--darkslateblue-m{border-color:$darkslateblue}.bor--slateblue-m{border-color:$slateblue}.bor--mediumslateblue-m{border-color:$mediumslateblue}.bor--white-m{border-color:$white}.bor--snow-m{border-color:$snow}.bor--honeydew-m{border-color:$honeydew}.bor--mintcream-m{border-color:$mintcream}.bor--azure-m{border-color:$azure}.bor--aliceblue-m{border-color:$aliceblue}.bor--ghostwhite-m{border-color:$ghostwhite}.bor--whitesmoke-m{border-color:$whitesmoke}.bor--seashell-m{border-color:$seashell}.bor--beige-m{border-color:$beige}.bor--oldlace-m{border-color:$oldlace}.bor--floralwhite-m{border-color:$floralwhite}.bor--ivory-m{border-color:$ivory}.bor--antiquewhite-m{border-color:$antiquewhite}.bor--linen-m{border-color:$linen}.bor--lavenderblush-m{border-color:$lavenderblush}.bor--mistyrose-m{border-color:$mistyrose}.bor--gainsboro-m{border-color:$gainsboro}}@media screen and (min-width:64em){.bor--blk-l{border-color:$near-black}.bor--dk-gry-l{border-color:$dark-gray}.bor--md-gry-l{border-color:$mid-gray}.bor--gray-l{border-color:$gray}.bor--silver-l{border-color:$silver}.bor--lt-slvr-l{border-color:$light-silver}.bor--lt-gry-l{border-color:$light-gray}.bor--near-wht-l{border-color:$near-white}.bor--wht-l{border-color:$white}.bor--pink-l{border-color:$pink}.bor--lightpink-l{border-color:$lightpink}.bor--hotpink-l{border-color:$hotpink}.bor--deeppink-l{border-color:$deeppink}.bor--palevioletred-l{border-color:$palevioletred}.bor--mediumvioletred-l{border-color:$mediumvioletred}.bor--lightsalmon-l{border-color:$lightsalmon}.bor--salmon-l{border-color:$salmon}.bor--darksalmon-l{border-color:$darksalmon}.bor--lightcoral-l{border-color:$lightcoral}.bor--indianred-l{border-color:$indianred}.bor--crimson-l{border-color:$crimson}.bor--firebrick-l{border-color:$firebrick}.bor--darkred-l{border-color:$darkred}.bor--red-l{border-color:$red}.bor--orangered-l{border-color:$orangered}.bor--tomato-l{border-color:$tomato}.bor--coral-l{border-color:$coral}.bor--darkorange-l{border-color:$darkorange}.bor--orange-l{border-color:$orange}.bor--gold-l{border-color:$gold}.bor--yellow-l{border-color:$yellow}.bor--lightyellow-l{border-color:$lightyellow}.bor--lemonchiffon-l{border-color:$lemonchiffon}.bor--lightgoldenrod-l{border-color:$lightgoldenrodyellow}.bor--papayawhip-l{border-color:$papayawhip}.bor--moccasin-l{border-color:$moccasin}.bor--peachpuff-l{border-color:$peachpuff}.bor--palegoldenrod-l{border-color:$palegoldenrod}.bor--khaki-l{border-color:$khaki}.bor--darkkhaki-l{border-color:$darkkhaki}.bor--cornsilk-l{border-color:$cornsilk}.bor--blanchedalmond-l{border-color:$blanchedalmond}.bor--bisque-l{border-color:$bisque}.bor--navajowhite-l{border-color:$navajowhite}.bor--wheat-l{border-color:$wheat}.bor--burlywood-l{border-color:$burlywood}.bor--tan-l{border-color:$tan}.bor--rosybrown-l{border-color:$rosybrown}.bor--sandybrown-l{border-color:$sandybrown}.bor--goldenrod-l{border-color:$goldenrod}.bor--darkgoldenrod-l{border-color:$darkgoldenrod}.bor--peru-l{border-color:$peru}.bor--chocolate-l{border-color:$chocolate}.bor--saddlebrown-l{border-color:$saddlebrown}.bor--sienna-l{border-color:$sienna}.bor--brown-l{border-color:$brown}.bor--maroon-l{border-color:$maroon}.bor--darkolivegreen-l{border-color:$darkolivegreen}.bor--olive-l{border-color:$olive}.bor--olivedrab-l{border-color:$olivedrab}.bor--yellowgreen-l{border-color:$yellowgreen}.bor--limegreen-l{border-color:$limegreen}.bor--lime-l{border-color:$lime}.bor--lawngreen-l{border-color:$lawngreen}.bor--chartreuse-l{border-color:$chartreuse}.bor--greenyellow-l{border-color:$greenyellow}.bor--springgreen-l{border-color:$springgreen}.bor--medpringgreen-l{border-color:$mediumspringgreen}.bor--lightgreen-l{border-color:$lightgreen}.bor--palegreen-l{border-color:$palegreen}.bor--darkseagreen-l{border-color:$darkseagreen}.bor--mediumseagreen-l{border-color:$mediumseagreen}.bor--seagreen-l{border-color:$seagreen}.bor--forestgreen-l{border-color:$forestgreen}.bor--green-l{border-color:$green}.bor--darkgreen-l{border-color:$darkgreen}.bor--mediumaquamarine-l{border-color:$mediumaquamarine}.bor--aqua-l{border-color:$aqua}.bor--cyan-l{border-color:$cyan}.bor--lightcyan-l{border-color:$lightcyan}.bor--paleturquoise-l{border-color:$paleturquoise}.bor--aquamarine-l{border-color:$aquamarine}.bor--turquoise-l{border-color:$turquoise}.bor--mediumturquoise-l{border-color:$mediumturquoise}.bor--darkturquoise-l{border-color:$darkturquoise}.bor--lightseagreen-l{border-color:$lightseagreen}.bor--cadetblue-l{border-color:$cadetblue}.bor--darkcyan-l{border-color:$darkcyan}.bor--teal-l{border-color:$teal}.bor--lightsteelblue-l{border-color:$lightsteelblue}.bor--powderblue-l{border-color:$powderblue}.bor--lightblue-l{border-color:$lightblue}.bor--skyblue-l{border-color:$skyblue}.bor--lightskyblue-l{border-color:$lightskyblue}.bor--deepskyblue-l{border-color:$deepskyblue}.bor--dodgerblue-l{border-color:$dodgerblue}.bor--cornflowerblue-l{border-color:$cornflowerblue}.bor--steelblue-l{border-color:$steelblue}.bor--royalblue-l{border-color:$royalblue}.bor--blue-l{border-color:$blue}.bor--mediumblue-l{border-color:$mediumblue}.bor--darkblue-l{border-color:$darkblue}.bor--navy-l{border-color:$navy}.bor--midnightblue-l{border-color:$midnightblue}.bor--lavender-l{border-color:$lavender}.bor--thistle-l{border-color:$thistle}.bor--plum-l{border-color:$plum}.bor--violet-l{border-color:$violet}.bor--orchid-l{border-color:$orchid}.bor--fuchsia-l{border-color:$fuchsia}.bor--magenta-l{border-color:$magenta}.bor--mediumorchid-l{border-color:$mediumorchid}.bor--mediumpurple-l{border-color:$mediumpurple}.bor--blueviolet-l{border-color:$blueviolet}.bor--darkviolet-l{border-color:$darkviolet}.bor--darkorchid-l{border-color:$darkorchid}.bor--darkmagenta-l{border-color:$darkmagenta}.bor--purple-l{border-color:$purple}.bor--indigo-l{border-color:$indigo}.bor--darkslateblue-l{border-color:$darkslateblue}.bor--slateblue-l{border-color:$slateblue}.bor--mediumslateblue-l{border-color:$mediumslateblue}.bor--white-l{border-color:$white}.bor--snow-l{border-color:$snow}.bor--honeydew-l{border-color:$honeydew}.bor--mintcream-l{border-color:$mintcream}.bor--azure-l{border-color:$azure}.bor--aliceblue-l{border-color:$aliceblue}.bor--ghostwhite-l{border-color:$ghostwhite}.bor--whitesmoke-l{border-color:$whitesmoke}.bor--seashell-l{border-color:$seashell}.bor--beige-l{border-color:$beige}.bor--oldlace-l{border-color:$oldlace}.bor--floralwhite-l{border-color:$floralwhite}.bor--ivory-l{border-color:$ivory}.bor--antiquewhite-l{border-color:$antiquewhite}.bor--linen-l{border-color:$linen}.bor--lavenderblush-l{border-color:$lavenderblush}.bor--mistyrose-l{border-color:$mistyrose}.bor--gainsboro-l{border-color:$gainsboro}} 2 | 3 | -------------------------------------------------------------------------------- /css/css-border-colors.css: -------------------------------------------------------------------------------- 1 | /* 2 | BORDER COLORS 3 | */ 4 | .bor--blk { border-color: $near-black; } 5 | .bor--dk-gry { border-color: $dark-gray; } 6 | .bor--md-gry { border-color: $mid-gray; } 7 | .bor--gray { border-color: $gray; } 8 | .bor--silver { border-color: $silver; } 9 | .bor--lt-slvr { border-color: $light-silver; } 10 | .bor--lt-gry { border-color: $light-gray; } 11 | .bor--near-wht { border-color: $near-white; } 12 | .bor--wht { border-color: $white; } 13 | .bor--pink { border-color: $pink; } 14 | .bor--lightpink { border-color: $lightpink; } 15 | .bor--hotpink { border-color: $hotpink; } 16 | .bor--deeppink { border-color: $deeppink; } 17 | .bor--palevioletred { border-color: $palevioletred; } 18 | .bor--mediumvioletred { border-color: $mediumvioletred; } 19 | .bor--lightsalmon { border-color: $lightsalmon; } 20 | .bor--salmon { border-color: $salmon; } 21 | .bor--darksalmon { border-color: $darksalmon; } 22 | .bor--lightcoral { border-color: $lightcoral; } 23 | .bor--indianred { border-color: $indianred; } 24 | .bor--crimson { border-color: $crimson; } 25 | .bor--firebrick { border-color: $firebrick; } 26 | .bor--darkred { border-color: $darkred; } 27 | .bor--red { border-color: $red; } 28 | .bor--orangered { border-color: $orangered; } 29 | .bor--tomato { border-color: $tomato; } 30 | .bor--coral { border-color: $coral; } 31 | .bor--darkorange { border-color: $darkorange; } 32 | .bor--orange { border-color: $orange; } 33 | .bor--gold { border-color: $gold; } 34 | .bor--yellow { border-color: $yellow; } 35 | .bor--lightyellow { border-color: $lightyellow; } 36 | .bor--lemonchiffon { border-color: $lemonchiffon; } 37 | .bor--lightgoldenrod { border-color: $lightgoldenrodyellow; } 38 | .bor--papayawhip { border-color: $papayawhip; } 39 | .bor--moccasin { border-color: $moccasin; } 40 | .bor--peachpuff { border-color: $peachpuff; } 41 | .bor--palegoldenrod { border-color: $palegoldenrod; } 42 | .bor--khaki { border-color: $khaki; } 43 | .bor--darkkhaki { border-color: $darkkhaki; } 44 | .bor--cornsilk { border-color: $cornsilk; } 45 | .bor--blanchedalmond { border-color: $blanchedalmond; } 46 | .bor--bisque { border-color: $bisque; } 47 | .bor--navajowhite { border-color: $navajowhite; } 48 | .bor--wheat { border-color: $wheat; } 49 | .bor--burlywood { border-color: $burlywood; } 50 | .bor--tan { border-color: $tan; } 51 | .bor--rosybrown { border-color: $rosybrown; } 52 | .bor--sandybrown { border-color: $sandybrown; } 53 | .bor--goldenrod { border-color: $goldenrod; } 54 | .bor--darkgoldenrod { border-color: $darkgoldenrod; } 55 | .bor--peru { border-color: $peru; } 56 | .bor--chocolate { border-color: $chocolate; } 57 | .bor--saddlebrown { border-color: $saddlebrown; } 58 | .bor--sienna { border-color: $sienna; } 59 | .bor--brown { border-color: $brown; } 60 | .bor--maroon { border-color: $maroon; } 61 | .bor--darkolivegreen { border-color: $darkolivegreen; } 62 | .bor--olive { border-color: $olive; } 63 | .bor--olivedrab { border-color: $olivedrab; } 64 | .bor--yellowgreen { border-color: $yellowgreen; } 65 | .bor--limegreen { border-color: $limegreen; } 66 | .bor--lime { border-color: $lime; } 67 | .bor--lawngreen { border-color: $lawngreen; } 68 | .bor--chartreuse { border-color: $chartreuse; } 69 | .bor--greenyellow { border-color: $greenyellow; } 70 | .bor--springgreen { border-color: $springgreen; } 71 | .bor--medpringgreen { border-color: $mediumspringgreen; } 72 | .bor--lightgreen { border-color: $lightgreen; } 73 | .bor--palegreen { border-color: $palegreen; } 74 | .bor--darkseagreen { border-color: $darkseagreen; } 75 | .bor--mediumseagreen { border-color: $mediumseagreen; } 76 | .bor--seagreen { border-color: $seagreen; } 77 | .bor--forestgreen { border-color: $forestgreen; } 78 | .bor--green { border-color: $green; } 79 | .bor--darkgreen { border-color: $darkgreen; } 80 | .bor--mediumaquamarine { border-color: $mediumaquamarine; } 81 | .bor--aqua { border-color: $aqua; } 82 | .bor--cyan { border-color: $cyan; } 83 | .bor--lightcyan { border-color: $lightcyan; } 84 | .bor--paleturquoise { border-color: $paleturquoise; } 85 | .bor--aquamarine { border-color: $aquamarine; } 86 | .bor--turquoise { border-color: $turquoise; } 87 | .bor--mediumturquoise { border-color: $mediumturquoise; } 88 | .bor--darkturquoise { border-color: $darkturquoise; } 89 | .bor--lightseagreen { border-color: $lightseagreen; } 90 | .bor--cadetblue { border-color: $cadetblue; } 91 | .bor--darkcyan { border-color: $darkcyan; } 92 | .bor--teal { border-color: $teal; } 93 | .bor--lightsteelblue { border-color: $lightsteelblue; } 94 | .bor--powderblue { border-color: $powderblue; } 95 | .bor--lightblue { border-color: $lightblue; } 96 | .bor--skyblue { border-color: $skyblue; } 97 | .bor--lightskyblue { border-color: $lightskyblue; } 98 | .bor--deepskyblue { border-color: $deepskyblue; } 99 | .bor--dodgerblue { border-color: $dodgerblue; } 100 | .bor--cornflowerblue { border-color: $cornflowerblue; } 101 | .bor--steelblue { border-color: $steelblue; } 102 | .bor--royalblue { border-color: $royalblue; } 103 | .bor--blue { border-color: $blue; } 104 | .bor--mediumblue { border-color: $mediumblue; } 105 | .bor--darkblue { border-color: $darkblue; } 106 | .bor--navy { border-color: $navy; } 107 | .bor--midnightblue { border-color: $midnightblue; } 108 | .bor--lavender { border-color: $lavender; } 109 | .bor--thistle { border-color: $thistle; } 110 | .bor--plum { border-color: $plum; } 111 | .bor--violet { border-color: $violet; } 112 | .bor--orchid { border-color: $orchid; } 113 | .bor--fuchsia { border-color: $fuchsia; } 114 | .bor--magenta { border-color: $magenta; } 115 | .bor--mediumorchid { border-color: $mediumorchid; } 116 | .bor--mediumpurple { border-color: $mediumpurple; } 117 | .bor--blueviolet { border-color: $blueviolet; } 118 | .bor--darkviolet { border-color: $darkviolet; } 119 | .bor--darkorchid { border-color: $darkorchid; } 120 | .bor--darkmagenta { border-color: $darkmagenta; } 121 | .bor--purple { border-color: $purple; } 122 | .bor--indigo { border-color: $indigo; } 123 | .bor--darkslateblue { border-color: $darkslateblue; } 124 | .bor--slateblue { border-color: $slateblue; } 125 | .bor--mediumslateblue { border-color: $mediumslateblue; } 126 | .bor--white { border-color: $white; } 127 | .bor--snow { border-color: $snow; } 128 | .bor--honeydew { border-color: $honeydew; } 129 | .bor--mintcream { border-color: $mintcream; } 130 | .bor--azure { border-color: $azure; } 131 | .bor--aliceblue { border-color: $aliceblue; } 132 | .bor--ghostwhite { border-color: $ghostwhite; } 133 | .bor--whitesmoke { border-color: $whitesmoke; } 134 | .bor--seashell { border-color: $seashell; } 135 | .bor--beige { border-color: $beige; } 136 | .bor--oldlace { border-color: $oldlace; } 137 | .bor--floralwhite { border-color: $floralwhite; } 138 | .bor--ivory { border-color: $ivory; } 139 | .bor--antiquewhite { border-color: $antiquewhite; } 140 | .bor--linen { border-color: $linen; } 141 | .bor--lavenderblush { border-color: $lavenderblush; } 142 | .bor--mistyrose { border-color: $mistyrose; } 143 | .bor--gainsboro { border-color: $gainsboro; } 144 | @media screen and (min-width: 48em) { 145 | .bor--blk-ns { border-color: $near-black; } 146 | .bor--dk-gry-ns { border-color: $dark-gray; } 147 | .bor--md-gry-ns { border-color: $mid-gray; } 148 | .bor--gray-ns { border-color: $gray; } 149 | .bor--silver-ns { border-color: $silver; } 150 | .bor--lt-slvr-ns { border-color: $light-silver; } 151 | .bor--lt-gry-ns { border-color: $light-gray; } 152 | .bor--near-wht-ns { border-color: $near-white; } 153 | .bor--wht-ns { border-color: $white; } 154 | .bor--pink-ns { border-color: $pink; } 155 | .bor--lightpink-ns { border-color: $lightpink; } 156 | .bor--hotpink-ns { border-color: $hotpink; } 157 | .bor--deeppink-ns { border-color: $deeppink; } 158 | .bor--palevioletred-ns { border-color: $palevioletred; } 159 | .bor--mediumvioletred-ns { border-color: $mediumvioletred; } 160 | .bor--lightsalmon-ns { border-color: $lightsalmon; } 161 | .bor--salmon-ns { border-color: $salmon; } 162 | .bor--darksalmon-ns { border-color: $darksalmon; } 163 | .bor--lightcoral-ns { border-color: $lightcoral; } 164 | .bor--indianred-ns { border-color: $indianred; } 165 | .bor--crimson-ns { border-color: $crimson; } 166 | .bor--firebrick-ns { border-color: $firebrick; } 167 | .bor--darkred-ns { border-color: $darkred; } 168 | .bor--red-ns { border-color: $red; } 169 | .bor--orangered-ns { border-color: $orangered; } 170 | .bor--tomato-ns { border-color: $tomato; } 171 | .bor--coral-ns { border-color: $coral; } 172 | .bor--darkorange-ns { border-color: $darkorange; } 173 | .bor--orange-ns { border-color: $orange; } 174 | .bor--gold-ns { border-color: $gold; } 175 | .bor--yellow-ns { border-color: $yellow; } 176 | .bor--lightyellow-ns { border-color: $lightyellow; } 177 | .bor--lemonchiffon-ns { border-color: $lemonchiffon; } 178 | .bor--lightgoldenrod-ns { border-color: $lightgoldenrodyellow; } 179 | .bor--papayawhip-ns { border-color: $papayawhip; } 180 | .bor--moccasin-ns { border-color: $moccasin; } 181 | .bor--peachpuff-ns { border-color: $peachpuff; } 182 | .bor--palegoldenrod-ns { border-color: $palegoldenrod; } 183 | .bor--khaki-ns { border-color: $khaki; } 184 | .bor--darkkhaki-ns { border-color: $darkkhaki; } 185 | .bor--cornsilk-ns { border-color: $cornsilk; } 186 | .bor--blanchedalmond-ns { border-color: $blanchedalmond; } 187 | .bor--bisque-ns { border-color: $bisque; } 188 | .bor--navajowhite-ns { border-color: $navajowhite; } 189 | .bor--wheat-ns { border-color: $wheat; } 190 | .bor--burlywood-ns { border-color: $burlywood; } 191 | .bor--tan-ns { border-color: $tan; } 192 | .bor--rosybrown-ns { border-color: $rosybrown; } 193 | .bor--sandybrown-ns { border-color: $sandybrown; } 194 | .bor--goldenrod-ns { border-color: $goldenrod; } 195 | .bor--darkgoldenrod-ns { border-color: $darkgoldenrod; } 196 | .bor--peru-ns { border-color: $peru; } 197 | .bor--chocolate-ns { border-color: $chocolate; } 198 | .bor--saddlebrown-ns { border-color: $saddlebrown; } 199 | .bor--sienna-ns { border-color: $sienna; } 200 | .bor--brown-ns { border-color: $brown; } 201 | .bor--maroon-ns { border-color: $maroon; } 202 | .bor--darkolivegreen-ns { border-color: $darkolivegreen; } 203 | .bor--olive-ns { border-color: $olive; } 204 | .bor--olivedrab-ns { border-color: $olivedrab; } 205 | .bor--yellowgreen-ns { border-color: $yellowgreen; } 206 | .bor--limegreen-ns { border-color: $limegreen; } 207 | .bor--lime-ns { border-color: $lime; } 208 | .bor--lawngreen-ns { border-color: $lawngreen; } 209 | .bor--chartreuse-ns { border-color: $chartreuse; } 210 | .bor--greenyellow-ns { border-color: $greenyellow; } 211 | .bor--springgreen-ns { border-color: $springgreen; } 212 | .bor--medpringgreen-ns { border-color: $mediumspringgreen; } 213 | .bor--lightgreen-ns { border-color: $lightgreen; } 214 | .bor--palegreen-ns { border-color: $palegreen; } 215 | .bor--darkseagreen-ns { border-color: $darkseagreen; } 216 | .bor--mediumseagreen-ns { border-color: $mediumseagreen; } 217 | .bor--seagreen-ns { border-color: $seagreen; } 218 | .bor--forestgreen-ns { border-color: $forestgreen; } 219 | .bor--green-ns { border-color: $green; } 220 | .bor--darkgreen-ns { border-color: $darkgreen; } 221 | .bor--mediumaquamarine-ns { border-color: $mediumaquamarine; } 222 | .bor--aqua-ns { border-color: $aqua; } 223 | .bor--cyan-ns { border-color: $cyan; } 224 | .bor--lightcyan-ns { border-color: $lightcyan; } 225 | .bor--paleturquoise-ns { border-color: $paleturquoise; } 226 | .bor--aquamarine-ns { border-color: $aquamarine; } 227 | .bor--turquoise-ns { border-color: $turquoise; } 228 | .bor--mediumturquoise-ns { border-color: $mediumturquoise; } 229 | .bor--darkturquoise-ns { border-color: $darkturquoise; } 230 | .bor--lightseagreen-ns { border-color: $lightseagreen; } 231 | .bor--cadetblue-ns { border-color: $cadetblue; } 232 | .bor--darkcyan-ns { border-color: $darkcyan; } 233 | .bor--teal-ns { border-color: $teal; } 234 | .bor--lightsteelblue-ns { border-color: $lightsteelblue; } 235 | .bor--powderblue-ns { border-color: $powderblue; } 236 | .bor--lightblue-ns { border-color: $lightblue; } 237 | .bor--skyblue-ns { border-color: $skyblue; } 238 | .bor--lightskyblue-ns { border-color: $lightskyblue; } 239 | .bor--deepskyblue-ns { border-color: $deepskyblue; } 240 | .bor--dodgerblue-ns { border-color: $dodgerblue; } 241 | .bor--cornflowerblue-ns { border-color: $cornflowerblue; } 242 | .bor--steelblue-ns { border-color: $steelblue; } 243 | .bor--royalblue-ns { border-color: $royalblue; } 244 | .bor--blue-ns { border-color: $blue; } 245 | .bor--mediumblue-ns { border-color: $mediumblue; } 246 | .bor--darkblue-ns { border-color: $darkblue; } 247 | .bor--navy-ns { border-color: $navy; } 248 | .bor--midnightblue-ns { border-color: $midnightblue; } 249 | .bor--lavender-ns { border-color: $lavender; } 250 | .bor--thistle-ns { border-color: $thistle; } 251 | .bor--plum-ns { border-color: $plum; } 252 | .bor--violet-ns { border-color: $violet; } 253 | .bor--orchid-ns { border-color: $orchid; } 254 | .bor--fuchsia-ns { border-color: $fuchsia; } 255 | .bor--magenta-ns { border-color: $magenta; } 256 | .bor--mediumorchid-ns { border-color: $mediumorchid; } 257 | .bor--mediumpurple-ns { border-color: $mediumpurple; } 258 | .bor--blueviolet-ns { border-color: $blueviolet; } 259 | .bor--darkviolet-ns { border-color: $darkviolet; } 260 | .bor--darkorchid-ns { border-color: $darkorchid; } 261 | .bor--darkmagenta-ns { border-color: $darkmagenta; } 262 | .bor--purple-ns { border-color: $purple; } 263 | .bor--indigo-ns { border-color: $indigo; } 264 | .bor--darkslateblue-ns { border-color: $darkslateblue; } 265 | .bor--slateblue-ns { border-color: $slateblue; } 266 | .bor--mediumslateblue-ns { border-color: $mediumslateblue; } 267 | .bor--white-ns { border-color: $white; } 268 | .bor--snow-ns { border-color: $snow; } 269 | .bor--honeydew-ns { border-color: $honeydew; } 270 | .bor--mintcream-ns { border-color: $mintcream; } 271 | .bor--azure-ns { border-color: $azure; } 272 | .bor--aliceblue-ns { border-color: $aliceblue; } 273 | .bor--ghostwhite-ns { border-color: $ghostwhite; } 274 | .bor--whitesmoke-ns { border-color: $whitesmoke; } 275 | .bor--seashell-ns { border-color: $seashell; } 276 | .bor--beige-ns { border-color: $beige; } 277 | .bor--oldlace-ns { border-color: $oldlace; } 278 | .bor--floralwhite-ns { border-color: $floralwhite; } 279 | .bor--ivory-ns { border-color: $ivory; } 280 | .bor--antiquewhite-ns { border-color: $antiquewhite; } 281 | .bor--linen-ns { border-color: $linen; } 282 | .bor--lavenderblush-ns { border-color: $lavenderblush; } 283 | .bor--mistyrose-ns { border-color: $mistyrose; } 284 | .bor--gainsboro-ns { border-color: $gainsboro; } 285 | } 286 | @media screen and (min-width:48em) and (max-width: 64em) { 287 | .bor--blk-m { border-color: $near-black; } 288 | .bor--dk-gry-m { border-color: $dark-gray; } 289 | .bor--md-gry-m { border-color: $mid-gray; } 290 | .bor--gray-m { border-color: $gray; } 291 | .bor--silver-m { border-color: $silver; } 292 | .bor--lt-slvr-m { border-color: $light-silver; } 293 | .bor--lt-gry-m { border-color: $light-gray; } 294 | .bor--near-wht-m { border-color: $near-white; } 295 | .bor--wht-m { border-color: $white; } 296 | .bor--pink-m { border-color: $pink; } 297 | .bor--lightpink-m { border-color: $lightpink; } 298 | .bor--hotpink-m { border-color: $hotpink; } 299 | .bor--deeppink-m { border-color: $deeppink; } 300 | .bor--palevioletred-m { border-color: $palevioletred; } 301 | .bor--mediumvioletred-m { border-color: $mediumvioletred; } 302 | .bor--lightsalmon-m { border-color: $lightsalmon; } 303 | .bor--salmon-m { border-color: $salmon; } 304 | .bor--darksalmon-m { border-color: $darksalmon; } 305 | .bor--lightcoral-m { border-color: $lightcoral; } 306 | .bor--indianred-m { border-color: $indianred; } 307 | .bor--crimson-m { border-color: $crimson; } 308 | .bor--firebrick-m { border-color: $firebrick; } 309 | .bor--darkred-m { border-color: $darkred; } 310 | .bor--red-m { border-color: $red; } 311 | .bor--orangered-m { border-color: $orangered; } 312 | .bor--tomato-m { border-color: $tomato; } 313 | .bor--coral-m { border-color: $coral; } 314 | .bor--darkorange-m { border-color: $darkorange; } 315 | .bor--orange-m { border-color: $orange; } 316 | .bor--gold-m { border-color: $gold; } 317 | .bor--yellow-m { border-color: $yellow; } 318 | .bor--lightyellow-m { border-color: $lightyellow; } 319 | .bor--lemonchiffon-m { border-color: $lemonchiffon; } 320 | .bor--lightgoldenrod-m { border-color: $lightgoldenrodyellow; } 321 | .bor--papayawhip-m { border-color: $papayawhip; } 322 | .bor--moccasin-m { border-color: $moccasin; } 323 | .bor--peachpuff-m { border-color: $peachpuff; } 324 | .bor--palegoldenrod-m { border-color: $palegoldenrod; } 325 | .bor--khaki-m { border-color: $khaki; } 326 | .bor--darkkhaki-m { border-color: $darkkhaki; } 327 | .bor--cornsilk-m { border-color: $cornsilk; } 328 | .bor--blanchedalmond-m { border-color: $blanchedalmond; } 329 | .bor--bisque-m { border-color: $bisque; } 330 | .bor--navajowhite-m { border-color: $navajowhite; } 331 | .bor--wheat-m { border-color: $wheat; } 332 | .bor--burlywood-m { border-color: $burlywood; } 333 | .bor--tan-m { border-color: $tan; } 334 | .bor--rosybrown-m { border-color: $rosybrown; } 335 | .bor--sandybrown-m { border-color: $sandybrown; } 336 | .bor--goldenrod-m { border-color: $goldenrod; } 337 | .bor--darkgoldenrod-m { border-color: $darkgoldenrod; } 338 | .bor--peru-m { border-color: $peru; } 339 | .bor--chocolate-m { border-color: $chocolate; } 340 | .bor--saddlebrown-m { border-color: $saddlebrown; } 341 | .bor--sienna-m { border-color: $sienna; } 342 | .bor--brown-m { border-color: $brown; } 343 | .bor--maroon-m { border-color: $maroon; } 344 | .bor--darkolivegreen-m { border-color: $darkolivegreen; } 345 | .bor--olive-m { border-color: $olive; } 346 | .bor--olivedrab-m { border-color: $olivedrab; } 347 | .bor--yellowgreen-m { border-color: $yellowgreen; } 348 | .bor--limegreen-m { border-color: $limegreen; } 349 | .bor--lime-m { border-color: $lime; } 350 | .bor--lawngreen-m { border-color: $lawngreen; } 351 | .bor--chartreuse-m { border-color: $chartreuse; } 352 | .bor--greenyellow-m { border-color: $greenyellow; } 353 | .bor--springgreen-m { border-color: $springgreen; } 354 | .bor--medpringgreen-m { border-color: $mediumspringgreen; } 355 | .bor--lightgreen-m { border-color: $lightgreen; } 356 | .bor--palegreen-m { border-color: $palegreen; } 357 | .bor--darkseagreen-m { border-color: $darkseagreen; } 358 | .bor--mediumseagreen-m { border-color: $mediumseagreen; } 359 | .bor--seagreen-m { border-color: $seagreen; } 360 | .bor--forestgreen-m { border-color: $forestgreen; } 361 | .bor--green-m { border-color: $green; } 362 | .bor--darkgreen-m { border-color: $darkgreen; } 363 | .bor--mediumaquamarine-m { border-color: $mediumaquamarine; } 364 | .bor--aqua-m { border-color: $aqua; } 365 | .bor--cyan-m { border-color: $cyan; } 366 | .bor--lightcyan-m { border-color: $lightcyan; } 367 | .bor--paleturquoise-m { border-color: $paleturquoise; } 368 | .bor--aquamarine-m { border-color: $aquamarine; } 369 | .bor--turquoise-m { border-color: $turquoise; } 370 | .bor--mediumturquoise-m { border-color: $mediumturquoise; } 371 | .bor--darkturquoise-m { border-color: $darkturquoise; } 372 | .bor--lightseagreen-m { border-color: $lightseagreen; } 373 | .bor--cadetblue-m { border-color: $cadetblue; } 374 | .bor--darkcyan-m { border-color: $darkcyan; } 375 | .bor--teal-m { border-color: $teal; } 376 | .bor--lightsteelblue-m { border-color: $lightsteelblue; } 377 | .bor--powderblue-m { border-color: $powderblue; } 378 | .bor--lightblue-m { border-color: $lightblue; } 379 | .bor--skyblue-m { border-color: $skyblue; } 380 | .bor--lightskyblue-m { border-color: $lightskyblue; } 381 | .bor--deepskyblue-m { border-color: $deepskyblue; } 382 | .bor--dodgerblue-m { border-color: $dodgerblue; } 383 | .bor--cornflowerblue-m { border-color: $cornflowerblue; } 384 | .bor--steelblue-m { border-color: $steelblue; } 385 | .bor--royalblue-m { border-color: $royalblue; } 386 | .bor--blue-m { border-color: $blue; } 387 | .bor--mediumblue-m { border-color: $mediumblue; } 388 | .bor--darkblue-m { border-color: $darkblue; } 389 | .bor--navy-m { border-color: $navy; } 390 | .bor--midnightblue-m { border-color: $midnightblue; } 391 | .bor--lavender-m { border-color: $lavender; } 392 | .bor--thistle-m { border-color: $thistle; } 393 | .bor--plum-m { border-color: $plum; } 394 | .bor--violet-m { border-color: $violet; } 395 | .bor--orchid-m { border-color: $orchid; } 396 | .bor--fuchsia-m { border-color: $fuchsia; } 397 | .bor--magenta-m { border-color: $magenta; } 398 | .bor--mediumorchid-m { border-color: $mediumorchid; } 399 | .bor--mediumpurple-m { border-color: $mediumpurple; } 400 | .bor--blueviolet-m { border-color: $blueviolet; } 401 | .bor--darkviolet-m { border-color: $darkviolet; } 402 | .bor--darkorchid-m { border-color: $darkorchid; } 403 | .bor--darkmagenta-m { border-color: $darkmagenta; } 404 | .bor--purple-m { border-color: $purple; } 405 | .bor--indigo-m { border-color: $indigo; } 406 | .bor--darkslateblue-m { border-color: $darkslateblue; } 407 | .bor--slateblue-m { border-color: $slateblue; } 408 | .bor--mediumslateblue-m { border-color: $mediumslateblue; } 409 | .bor--white-m { border-color: $white; } 410 | .bor--snow-m { border-color: $snow; } 411 | .bor--honeydew-m { border-color: $honeydew; } 412 | .bor--mintcream-m { border-color: $mintcream; } 413 | .bor--azure-m { border-color: $azure; } 414 | .bor--aliceblue-m { border-color: $aliceblue; } 415 | .bor--ghostwhite-m { border-color: $ghostwhite; } 416 | .bor--whitesmoke-m { border-color: $whitesmoke; } 417 | .bor--seashell-m { border-color: $seashell; } 418 | .bor--beige-m { border-color: $beige; } 419 | .bor--oldlace-m { border-color: $oldlace; } 420 | .bor--floralwhite-m { border-color: $floralwhite; } 421 | .bor--ivory-m { border-color: $ivory; } 422 | .bor--antiquewhite-m { border-color: $antiquewhite; } 423 | .bor--linen-m { border-color: $linen; } 424 | .bor--lavenderblush-m { border-color: $lavenderblush; } 425 | .bor--mistyrose-m { border-color: $mistyrose; } 426 | .bor--gainsboro-m { border-color: $gainsboro; } 427 | } 428 | @media screen and (min-width: 64em) { 429 | .bor--blk-l { border-color: $near-black; } 430 | .bor--dk-gry-l { border-color: $dark-gray; } 431 | .bor--md-gry-l { border-color: $mid-gray; } 432 | .bor--gray-l { border-color: $gray; } 433 | .bor--silver-l { border-color: $silver; } 434 | .bor--lt-slvr-l { border-color: $light-silver; } 435 | .bor--lt-gry-l { border-color: $light-gray; } 436 | .bor--near-wht-l { border-color: $near-white; } 437 | .bor--wht-l { border-color: $white; } 438 | .bor--pink-l { border-color: $pink; } 439 | .bor--lightpink-l { border-color: $lightpink; } 440 | .bor--hotpink-l { border-color: $hotpink; } 441 | .bor--deeppink-l { border-color: $deeppink; } 442 | .bor--palevioletred-l { border-color: $palevioletred; } 443 | .bor--mediumvioletred-l { border-color: $mediumvioletred; } 444 | .bor--lightsalmon-l { border-color: $lightsalmon; } 445 | .bor--salmon-l { border-color: $salmon; } 446 | .bor--darksalmon-l { border-color: $darksalmon; } 447 | .bor--lightcoral-l { border-color: $lightcoral; } 448 | .bor--indianred-l { border-color: $indianred; } 449 | .bor--crimson-l { border-color: $crimson; } 450 | .bor--firebrick-l { border-color: $firebrick; } 451 | .bor--darkred-l { border-color: $darkred; } 452 | .bor--red-l { border-color: $red; } 453 | .bor--orangered-l { border-color: $orangered; } 454 | .bor--tomato-l { border-color: $tomato; } 455 | .bor--coral-l { border-color: $coral; } 456 | .bor--darkorange-l { border-color: $darkorange; } 457 | .bor--orange-l { border-color: $orange; } 458 | .bor--gold-l { border-color: $gold; } 459 | .bor--yellow-l { border-color: $yellow; } 460 | .bor--lightyellow-l { border-color: $lightyellow; } 461 | .bor--lemonchiffon-l { border-color: $lemonchiffon; } 462 | .bor--lightgoldenrod-l { border-color: $lightgoldenrodyellow; } 463 | .bor--papayawhip-l { border-color: $papayawhip; } 464 | .bor--moccasin-l { border-color: $moccasin; } 465 | .bor--peachpuff-l { border-color: $peachpuff; } 466 | .bor--palegoldenrod-l { border-color: $palegoldenrod; } 467 | .bor--khaki-l { border-color: $khaki; } 468 | .bor--darkkhaki-l { border-color: $darkkhaki; } 469 | .bor--cornsilk-l { border-color: $cornsilk; } 470 | .bor--blanchedalmond-l { border-color: $blanchedalmond; } 471 | .bor--bisque-l { border-color: $bisque; } 472 | .bor--navajowhite-l { border-color: $navajowhite; } 473 | .bor--wheat-l { border-color: $wheat; } 474 | .bor--burlywood-l { border-color: $burlywood; } 475 | .bor--tan-l { border-color: $tan; } 476 | .bor--rosybrown-l { border-color: $rosybrown; } 477 | .bor--sandybrown-l { border-color: $sandybrown; } 478 | .bor--goldenrod-l { border-color: $goldenrod; } 479 | .bor--darkgoldenrod-l { border-color: $darkgoldenrod; } 480 | .bor--peru-l { border-color: $peru; } 481 | .bor--chocolate-l { border-color: $chocolate; } 482 | .bor--saddlebrown-l { border-color: $saddlebrown; } 483 | .bor--sienna-l { border-color: $sienna; } 484 | .bor--brown-l { border-color: $brown; } 485 | .bor--maroon-l { border-color: $maroon; } 486 | .bor--darkolivegreen-l { border-color: $darkolivegreen; } 487 | .bor--olive-l { border-color: $olive; } 488 | .bor--olivedrab-l { border-color: $olivedrab; } 489 | .bor--yellowgreen-l { border-color: $yellowgreen; } 490 | .bor--limegreen-l { border-color: $limegreen; } 491 | .bor--lime-l { border-color: $lime; } 492 | .bor--lawngreen-l { border-color: $lawngreen; } 493 | .bor--chartreuse-l { border-color: $chartreuse; } 494 | .bor--greenyellow-l { border-color: $greenyellow; } 495 | .bor--springgreen-l { border-color: $springgreen; } 496 | .bor--medpringgreen-l { border-color: $mediumspringgreen; } 497 | .bor--lightgreen-l { border-color: $lightgreen; } 498 | .bor--palegreen-l { border-color: $palegreen; } 499 | .bor--darkseagreen-l { border-color: $darkseagreen; } 500 | .bor--mediumseagreen-l { border-color: $mediumseagreen; } 501 | .bor--seagreen-l { border-color: $seagreen; } 502 | .bor--forestgreen-l { border-color: $forestgreen; } 503 | .bor--green-l { border-color: $green; } 504 | .bor--darkgreen-l { border-color: $darkgreen; } 505 | .bor--mediumaquamarine-l { border-color: $mediumaquamarine; } 506 | .bor--aqua-l { border-color: $aqua; } 507 | .bor--cyan-l { border-color: $cyan; } 508 | .bor--lightcyan-l { border-color: $lightcyan; } 509 | .bor--paleturquoise-l { border-color: $paleturquoise; } 510 | .bor--aquamarine-l { border-color: $aquamarine; } 511 | .bor--turquoise-l { border-color: $turquoise; } 512 | .bor--mediumturquoise-l { border-color: $mediumturquoise; } 513 | .bor--darkturquoise-l { border-color: $darkturquoise; } 514 | .bor--lightseagreen-l { border-color: $lightseagreen; } 515 | .bor--cadetblue-l { border-color: $cadetblue; } 516 | .bor--darkcyan-l { border-color: $darkcyan; } 517 | .bor--teal-l { border-color: $teal; } 518 | .bor--lightsteelblue-l { border-color: $lightsteelblue; } 519 | .bor--powderblue-l { border-color: $powderblue; } 520 | .bor--lightblue-l { border-color: $lightblue; } 521 | .bor--skyblue-l { border-color: $skyblue; } 522 | .bor--lightskyblue-l { border-color: $lightskyblue; } 523 | .bor--deepskyblue-l { border-color: $deepskyblue; } 524 | .bor--dodgerblue-l { border-color: $dodgerblue; } 525 | .bor--cornflowerblue-l { border-color: $cornflowerblue; } 526 | .bor--steelblue-l { border-color: $steelblue; } 527 | .bor--royalblue-l { border-color: $royalblue; } 528 | .bor--blue-l { border-color: $blue; } 529 | .bor--mediumblue-l { border-color: $mediumblue; } 530 | .bor--darkblue-l { border-color: $darkblue; } 531 | .bor--navy-l { border-color: $navy; } 532 | .bor--midnightblue-l { border-color: $midnightblue; } 533 | .bor--lavender-l { border-color: $lavender; } 534 | .bor--thistle-l { border-color: $thistle; } 535 | .bor--plum-l { border-color: $plum; } 536 | .bor--violet-l { border-color: $violet; } 537 | .bor--orchid-l { border-color: $orchid; } 538 | .bor--fuchsia-l { border-color: $fuchsia; } 539 | .bor--magenta-l { border-color: $magenta; } 540 | .bor--mediumorchid-l { border-color: $mediumorchid; } 541 | .bor--mediumpurple-l { border-color: $mediumpurple; } 542 | .bor--blueviolet-l { border-color: $blueviolet; } 543 | .bor--darkviolet-l { border-color: $darkviolet; } 544 | .bor--darkorchid-l { border-color: $darkorchid; } 545 | .bor--darkmagenta-l { border-color: $darkmagenta; } 546 | .bor--purple-l { border-color: $purple; } 547 | .bor--indigo-l { border-color: $indigo; } 548 | .bor--darkslateblue-l { border-color: $darkslateblue; } 549 | .bor--slateblue-l { border-color: $slateblue; } 550 | .bor--mediumslateblue-l { border-color: $mediumslateblue; } 551 | .bor--white-l { border-color: $white; } 552 | .bor--snow-l { border-color: $snow; } 553 | .bor--honeydew-l { border-color: $honeydew; } 554 | .bor--mintcream-l { border-color: $mintcream; } 555 | .bor--azure-l { border-color: $azure; } 556 | .bor--aliceblue-l { border-color: $aliceblue; } 557 | .bor--ghostwhite-l { border-color: $ghostwhite; } 558 | .bor--whitesmoke-l { border-color: $whitesmoke; } 559 | .bor--seashell-l { border-color: $seashell; } 560 | .bor--beige-l { border-color: $beige; } 561 | .bor--oldlace-l { border-color: $oldlace; } 562 | .bor--floralwhite-l { border-color: $floralwhite; } 563 | .bor--ivory-l { border-color: $ivory; } 564 | .bor--antiquewhite-l { border-color: $antiquewhite; } 565 | .bor--linen-l { border-color: $linen; } 566 | .bor--lavenderblush-l { border-color: $lavenderblush; } 567 | .bor--mistyrose-l { border-color: $mistyrose; } 568 | .bor--gainsboro-l { border-color: $gainsboro; } 569 | } 570 | 571 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # css-border-colors 1.0.6 2 | 3 | Css module of single purpose classes for border colors 4 | 5 | #### Stats 6 | 7 | 3142 | 560 | 560 8 | ---|---|--- 9 | bytes | selectors | declarations 10 | 11 | ## Installation 12 | 13 | #### With [npm](https://npmjs.com) 14 | 15 | ``` 16 | npm install --save-dev css-border-colors 17 | ``` 18 | 19 | Learn more about using css installed with npm: 20 | * https://webpack.github.io/docs/stylesheets.html 21 | * https://github.com/defunctzombie/npm-css 22 | 23 | #### With Git 24 | 25 | http: 26 | ``` 27 | git clone https://github.com/tachyons-css/css-border-colors 28 | ``` 29 | 30 | ssh: 31 | ``` 32 | git clone git@github.com:tachyons-css/css-border-colors.git 33 | ``` 34 | 35 | ## Usage 36 | 37 | #### Using with [Postcss](https://github.com/postcss/postcss) 38 | 39 | Import the css module 40 | 41 | ```css 42 | @import "css-border-colors"; 43 | ``` 44 | 45 | Then process the css using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli) 46 | 47 | ```sh 48 | $ npm i -g tachyons-cli 49 | $ tachyons path/to/css-file.css > dist/t.css 50 | ``` 51 | 52 | #### Using the css 53 | 54 | ##### CDN 55 | The easiest and most simple way to use the css is to use the cdn hosted version. Include it in the head of your html with: 56 | 57 | ``` 58 | 59 | ``` 60 | 61 | ##### Locally 62 | The built css is located in the `css` directory. It contains an unminified and minified version. 63 | You can either cut and paste that css or link to it directly in your html. 64 | 65 | ```html 66 | 67 | ``` 68 | 69 | #### Development 70 | 71 | The source css files can be found in the `src` directory. 72 | Running `$ npm start` will process the source css and place the built css in the `css` directory. 73 | 74 | ## The css 75 | 76 | ```css 77 | /* 78 | BORDER COLORS 79 | */ 80 | .bor--blk { border-color: $near-black; } 81 | .bor--dk-gry { border-color: $dark-gray; } 82 | .bor--md-gry { border-color: $mid-gray; } 83 | .bor--gray { border-color: $gray; } 84 | .bor--silver { border-color: $silver; } 85 | .bor--lt-slvr { border-color: $light-silver; } 86 | .bor--lt-gry { border-color: $light-gray; } 87 | .bor--near-wht { border-color: $near-white; } 88 | .bor--wht { border-color: $white; } 89 | .bor--pink { border-color: $pink; } 90 | .bor--lightpink { border-color: $lightpink; } 91 | .bor--hotpink { border-color: $hotpink; } 92 | .bor--deeppink { border-color: $deeppink; } 93 | .bor--palevioletred { border-color: $palevioletred; } 94 | .bor--mediumvioletred { border-color: $mediumvioletred; } 95 | .bor--lightsalmon { border-color: $lightsalmon; } 96 | .bor--salmon { border-color: $salmon; } 97 | .bor--darksalmon { border-color: $darksalmon; } 98 | .bor--lightcoral { border-color: $lightcoral; } 99 | .bor--indianred { border-color: $indianred; } 100 | .bor--crimson { border-color: $crimson; } 101 | .bor--firebrick { border-color: $firebrick; } 102 | .bor--darkred { border-color: $darkred; } 103 | .bor--red { border-color: $red; } 104 | .bor--orangered { border-color: $orangered; } 105 | .bor--tomato { border-color: $tomato; } 106 | .bor--coral { border-color: $coral; } 107 | .bor--darkorange { border-color: $darkorange; } 108 | .bor--orange { border-color: $orange; } 109 | .bor--gold { border-color: $gold; } 110 | .bor--yellow { border-color: $yellow; } 111 | .bor--lightyellow { border-color: $lightyellow; } 112 | .bor--lemonchiffon { border-color: $lemonchiffon; } 113 | .bor--lightgoldenrod { border-color: $lightgoldenrodyellow; } 114 | .bor--papayawhip { border-color: $papayawhip; } 115 | .bor--moccasin { border-color: $moccasin; } 116 | .bor--peachpuff { border-color: $peachpuff; } 117 | .bor--palegoldenrod { border-color: $palegoldenrod; } 118 | .bor--khaki { border-color: $khaki; } 119 | .bor--darkkhaki { border-color: $darkkhaki; } 120 | .bor--cornsilk { border-color: $cornsilk; } 121 | .bor--blanchedalmond { border-color: $blanchedalmond; } 122 | .bor--bisque { border-color: $bisque; } 123 | .bor--navajowhite { border-color: $navajowhite; } 124 | .bor--wheat { border-color: $wheat; } 125 | .bor--burlywood { border-color: $burlywood; } 126 | .bor--tan { border-color: $tan; } 127 | .bor--rosybrown { border-color: $rosybrown; } 128 | .bor--sandybrown { border-color: $sandybrown; } 129 | .bor--goldenrod { border-color: $goldenrod; } 130 | .bor--darkgoldenrod { border-color: $darkgoldenrod; } 131 | .bor--peru { border-color: $peru; } 132 | .bor--chocolate { border-color: $chocolate; } 133 | .bor--saddlebrown { border-color: $saddlebrown; } 134 | .bor--sienna { border-color: $sienna; } 135 | .bor--brown { border-color: $brown; } 136 | .bor--maroon { border-color: $maroon; } 137 | .bor--darkolivegreen { border-color: $darkolivegreen; } 138 | .bor--olive { border-color: $olive; } 139 | .bor--olivedrab { border-color: $olivedrab; } 140 | .bor--yellowgreen { border-color: $yellowgreen; } 141 | .bor--limegreen { border-color: $limegreen; } 142 | .bor--lime { border-color: $lime; } 143 | .bor--lawngreen { border-color: $lawngreen; } 144 | .bor--chartreuse { border-color: $chartreuse; } 145 | .bor--greenyellow { border-color: $greenyellow; } 146 | .bor--springgreen { border-color: $springgreen; } 147 | .bor--medpringgreen { border-color: $mediumspringgreen; } 148 | .bor--lightgreen { border-color: $lightgreen; } 149 | .bor--palegreen { border-color: $palegreen; } 150 | .bor--darkseagreen { border-color: $darkseagreen; } 151 | .bor--mediumseagreen { border-color: $mediumseagreen; } 152 | .bor--seagreen { border-color: $seagreen; } 153 | .bor--forestgreen { border-color: $forestgreen; } 154 | .bor--green { border-color: $green; } 155 | .bor--darkgreen { border-color: $darkgreen; } 156 | .bor--mediumaquamarine { border-color: $mediumaquamarine; } 157 | .bor--aqua { border-color: $aqua; } 158 | .bor--cyan { border-color: $cyan; } 159 | .bor--lightcyan { border-color: $lightcyan; } 160 | .bor--paleturquoise { border-color: $paleturquoise; } 161 | .bor--aquamarine { border-color: $aquamarine; } 162 | .bor--turquoise { border-color: $turquoise; } 163 | .bor--mediumturquoise { border-color: $mediumturquoise; } 164 | .bor--darkturquoise { border-color: $darkturquoise; } 165 | .bor--lightseagreen { border-color: $lightseagreen; } 166 | .bor--cadetblue { border-color: $cadetblue; } 167 | .bor--darkcyan { border-color: $darkcyan; } 168 | .bor--teal { border-color: $teal; } 169 | .bor--lightsteelblue { border-color: $lightsteelblue; } 170 | .bor--powderblue { border-color: $powderblue; } 171 | .bor--lightblue { border-color: $lightblue; } 172 | .bor--skyblue { border-color: $skyblue; } 173 | .bor--lightskyblue { border-color: $lightskyblue; } 174 | .bor--deepskyblue { border-color: $deepskyblue; } 175 | .bor--dodgerblue { border-color: $dodgerblue; } 176 | .bor--cornflowerblue { border-color: $cornflowerblue; } 177 | .bor--steelblue { border-color: $steelblue; } 178 | .bor--royalblue { border-color: $royalblue; } 179 | .bor--blue { border-color: $blue; } 180 | .bor--mediumblue { border-color: $mediumblue; } 181 | .bor--darkblue { border-color: $darkblue; } 182 | .bor--navy { border-color: $navy; } 183 | .bor--midnightblue { border-color: $midnightblue; } 184 | .bor--lavender { border-color: $lavender; } 185 | .bor--thistle { border-color: $thistle; } 186 | .bor--plum { border-color: $plum; } 187 | .bor--violet { border-color: $violet; } 188 | .bor--orchid { border-color: $orchid; } 189 | .bor--fuchsia { border-color: $fuchsia; } 190 | .bor--magenta { border-color: $magenta; } 191 | .bor--mediumorchid { border-color: $mediumorchid; } 192 | .bor--mediumpurple { border-color: $mediumpurple; } 193 | .bor--blueviolet { border-color: $blueviolet; } 194 | .bor--darkviolet { border-color: $darkviolet; } 195 | .bor--darkorchid { border-color: $darkorchid; } 196 | .bor--darkmagenta { border-color: $darkmagenta; } 197 | .bor--purple { border-color: $purple; } 198 | .bor--indigo { border-color: $indigo; } 199 | .bor--darkslateblue { border-color: $darkslateblue; } 200 | .bor--slateblue { border-color: $slateblue; } 201 | .bor--mediumslateblue { border-color: $mediumslateblue; } 202 | .bor--white { border-color: $white; } 203 | .bor--snow { border-color: $snow; } 204 | .bor--honeydew { border-color: $honeydew; } 205 | .bor--mintcream { border-color: $mintcream; } 206 | .bor--azure { border-color: $azure; } 207 | .bor--aliceblue { border-color: $aliceblue; } 208 | .bor--ghostwhite { border-color: $ghostwhite; } 209 | .bor--whitesmoke { border-color: $whitesmoke; } 210 | .bor--seashell { border-color: $seashell; } 211 | .bor--beige { border-color: $beige; } 212 | .bor--oldlace { border-color: $oldlace; } 213 | .bor--floralwhite { border-color: $floralwhite; } 214 | .bor--ivory { border-color: $ivory; } 215 | .bor--antiquewhite { border-color: $antiquewhite; } 216 | .bor--linen { border-color: $linen; } 217 | .bor--lavenderblush { border-color: $lavenderblush; } 218 | .bor--mistyrose { border-color: $mistyrose; } 219 | .bor--gainsboro { border-color: $gainsboro; } 220 | @media screen and (min-width: 48em) { 221 | .bor--blk-ns { border-color: $near-black; } 222 | .bor--dk-gry-ns { border-color: $dark-gray; } 223 | .bor--md-gry-ns { border-color: $mid-gray; } 224 | .bor--gray-ns { border-color: $gray; } 225 | .bor--silver-ns { border-color: $silver; } 226 | .bor--lt-slvr-ns { border-color: $light-silver; } 227 | .bor--lt-gry-ns { border-color: $light-gray; } 228 | .bor--near-wht-ns { border-color: $near-white; } 229 | .bor--wht-ns { border-color: $white; } 230 | .bor--pink-ns { border-color: $pink; } 231 | .bor--lightpink-ns { border-color: $lightpink; } 232 | .bor--hotpink-ns { border-color: $hotpink; } 233 | .bor--deeppink-ns { border-color: $deeppink; } 234 | .bor--palevioletred-ns { border-color: $palevioletred; } 235 | .bor--mediumvioletred-ns { border-color: $mediumvioletred; } 236 | .bor--lightsalmon-ns { border-color: $lightsalmon; } 237 | .bor--salmon-ns { border-color: $salmon; } 238 | .bor--darksalmon-ns { border-color: $darksalmon; } 239 | .bor--lightcoral-ns { border-color: $lightcoral; } 240 | .bor--indianred-ns { border-color: $indianred; } 241 | .bor--crimson-ns { border-color: $crimson; } 242 | .bor--firebrick-ns { border-color: $firebrick; } 243 | .bor--darkred-ns { border-color: $darkred; } 244 | .bor--red-ns { border-color: $red; } 245 | .bor--orangered-ns { border-color: $orangered; } 246 | .bor--tomato-ns { border-color: $tomato; } 247 | .bor--coral-ns { border-color: $coral; } 248 | .bor--darkorange-ns { border-color: $darkorange; } 249 | .bor--orange-ns { border-color: $orange; } 250 | .bor--gold-ns { border-color: $gold; } 251 | .bor--yellow-ns { border-color: $yellow; } 252 | .bor--lightyellow-ns { border-color: $lightyellow; } 253 | .bor--lemonchiffon-ns { border-color: $lemonchiffon; } 254 | .bor--lightgoldenrod-ns { border-color: $lightgoldenrodyellow; } 255 | .bor--papayawhip-ns { border-color: $papayawhip; } 256 | .bor--moccasin-ns { border-color: $moccasin; } 257 | .bor--peachpuff-ns { border-color: $peachpuff; } 258 | .bor--palegoldenrod-ns { border-color: $palegoldenrod; } 259 | .bor--khaki-ns { border-color: $khaki; } 260 | .bor--darkkhaki-ns { border-color: $darkkhaki; } 261 | .bor--cornsilk-ns { border-color: $cornsilk; } 262 | .bor--blanchedalmond-ns { border-color: $blanchedalmond; } 263 | .bor--bisque-ns { border-color: $bisque; } 264 | .bor--navajowhite-ns { border-color: $navajowhite; } 265 | .bor--wheat-ns { border-color: $wheat; } 266 | .bor--burlywood-ns { border-color: $burlywood; } 267 | .bor--tan-ns { border-color: $tan; } 268 | .bor--rosybrown-ns { border-color: $rosybrown; } 269 | .bor--sandybrown-ns { border-color: $sandybrown; } 270 | .bor--goldenrod-ns { border-color: $goldenrod; } 271 | .bor--darkgoldenrod-ns { border-color: $darkgoldenrod; } 272 | .bor--peru-ns { border-color: $peru; } 273 | .bor--chocolate-ns { border-color: $chocolate; } 274 | .bor--saddlebrown-ns { border-color: $saddlebrown; } 275 | .bor--sienna-ns { border-color: $sienna; } 276 | .bor--brown-ns { border-color: $brown; } 277 | .bor--maroon-ns { border-color: $maroon; } 278 | .bor--darkolivegreen-ns { border-color: $darkolivegreen; } 279 | .bor--olive-ns { border-color: $olive; } 280 | .bor--olivedrab-ns { border-color: $olivedrab; } 281 | .bor--yellowgreen-ns { border-color: $yellowgreen; } 282 | .bor--limegreen-ns { border-color: $limegreen; } 283 | .bor--lime-ns { border-color: $lime; } 284 | .bor--lawngreen-ns { border-color: $lawngreen; } 285 | .bor--chartreuse-ns { border-color: $chartreuse; } 286 | .bor--greenyellow-ns { border-color: $greenyellow; } 287 | .bor--springgreen-ns { border-color: $springgreen; } 288 | .bor--medpringgreen-ns { border-color: $mediumspringgreen; } 289 | .bor--lightgreen-ns { border-color: $lightgreen; } 290 | .bor--palegreen-ns { border-color: $palegreen; } 291 | .bor--darkseagreen-ns { border-color: $darkseagreen; } 292 | .bor--mediumseagreen-ns { border-color: $mediumseagreen; } 293 | .bor--seagreen-ns { border-color: $seagreen; } 294 | .bor--forestgreen-ns { border-color: $forestgreen; } 295 | .bor--green-ns { border-color: $green; } 296 | .bor--darkgreen-ns { border-color: $darkgreen; } 297 | .bor--mediumaquamarine-ns { border-color: $mediumaquamarine; } 298 | .bor--aqua-ns { border-color: $aqua; } 299 | .bor--cyan-ns { border-color: $cyan; } 300 | .bor--lightcyan-ns { border-color: $lightcyan; } 301 | .bor--paleturquoise-ns { border-color: $paleturquoise; } 302 | .bor--aquamarine-ns { border-color: $aquamarine; } 303 | .bor--turquoise-ns { border-color: $turquoise; } 304 | .bor--mediumturquoise-ns { border-color: $mediumturquoise; } 305 | .bor--darkturquoise-ns { border-color: $darkturquoise; } 306 | .bor--lightseagreen-ns { border-color: $lightseagreen; } 307 | .bor--cadetblue-ns { border-color: $cadetblue; } 308 | .bor--darkcyan-ns { border-color: $darkcyan; } 309 | .bor--teal-ns { border-color: $teal; } 310 | .bor--lightsteelblue-ns { border-color: $lightsteelblue; } 311 | .bor--powderblue-ns { border-color: $powderblue; } 312 | .bor--lightblue-ns { border-color: $lightblue; } 313 | .bor--skyblue-ns { border-color: $skyblue; } 314 | .bor--lightskyblue-ns { border-color: $lightskyblue; } 315 | .bor--deepskyblue-ns { border-color: $deepskyblue; } 316 | .bor--dodgerblue-ns { border-color: $dodgerblue; } 317 | .bor--cornflowerblue-ns { border-color: $cornflowerblue; } 318 | .bor--steelblue-ns { border-color: $steelblue; } 319 | .bor--royalblue-ns { border-color: $royalblue; } 320 | .bor--blue-ns { border-color: $blue; } 321 | .bor--mediumblue-ns { border-color: $mediumblue; } 322 | .bor--darkblue-ns { border-color: $darkblue; } 323 | .bor--navy-ns { border-color: $navy; } 324 | .bor--midnightblue-ns { border-color: $midnightblue; } 325 | .bor--lavender-ns { border-color: $lavender; } 326 | .bor--thistle-ns { border-color: $thistle; } 327 | .bor--plum-ns { border-color: $plum; } 328 | .bor--violet-ns { border-color: $violet; } 329 | .bor--orchid-ns { border-color: $orchid; } 330 | .bor--fuchsia-ns { border-color: $fuchsia; } 331 | .bor--magenta-ns { border-color: $magenta; } 332 | .bor--mediumorchid-ns { border-color: $mediumorchid; } 333 | .bor--mediumpurple-ns { border-color: $mediumpurple; } 334 | .bor--blueviolet-ns { border-color: $blueviolet; } 335 | .bor--darkviolet-ns { border-color: $darkviolet; } 336 | .bor--darkorchid-ns { border-color: $darkorchid; } 337 | .bor--darkmagenta-ns { border-color: $darkmagenta; } 338 | .bor--purple-ns { border-color: $purple; } 339 | .bor--indigo-ns { border-color: $indigo; } 340 | .bor--darkslateblue-ns { border-color: $darkslateblue; } 341 | .bor--slateblue-ns { border-color: $slateblue; } 342 | .bor--mediumslateblue-ns { border-color: $mediumslateblue; } 343 | .bor--white-ns { border-color: $white; } 344 | .bor--snow-ns { border-color: $snow; } 345 | .bor--honeydew-ns { border-color: $honeydew; } 346 | .bor--mintcream-ns { border-color: $mintcream; } 347 | .bor--azure-ns { border-color: $azure; } 348 | .bor--aliceblue-ns { border-color: $aliceblue; } 349 | .bor--ghostwhite-ns { border-color: $ghostwhite; } 350 | .bor--whitesmoke-ns { border-color: $whitesmoke; } 351 | .bor--seashell-ns { border-color: $seashell; } 352 | .bor--beige-ns { border-color: $beige; } 353 | .bor--oldlace-ns { border-color: $oldlace; } 354 | .bor--floralwhite-ns { border-color: $floralwhite; } 355 | .bor--ivory-ns { border-color: $ivory; } 356 | .bor--antiquewhite-ns { border-color: $antiquewhite; } 357 | .bor--linen-ns { border-color: $linen; } 358 | .bor--lavenderblush-ns { border-color: $lavenderblush; } 359 | .bor--mistyrose-ns { border-color: $mistyrose; } 360 | .bor--gainsboro-ns { border-color: $gainsboro; } 361 | } 362 | @media screen and (min-width:48em) and (max-width: 64em) { 363 | .bor--blk-m { border-color: $near-black; } 364 | .bor--dk-gry-m { border-color: $dark-gray; } 365 | .bor--md-gry-m { border-color: $mid-gray; } 366 | .bor--gray-m { border-color: $gray; } 367 | .bor--silver-m { border-color: $silver; } 368 | .bor--lt-slvr-m { border-color: $light-silver; } 369 | .bor--lt-gry-m { border-color: $light-gray; } 370 | .bor--near-wht-m { border-color: $near-white; } 371 | .bor--wht-m { border-color: $white; } 372 | .bor--pink-m { border-color: $pink; } 373 | .bor--lightpink-m { border-color: $lightpink; } 374 | .bor--hotpink-m { border-color: $hotpink; } 375 | .bor--deeppink-m { border-color: $deeppink; } 376 | .bor--palevioletred-m { border-color: $palevioletred; } 377 | .bor--mediumvioletred-m { border-color: $mediumvioletred; } 378 | .bor--lightsalmon-m { border-color: $lightsalmon; } 379 | .bor--salmon-m { border-color: $salmon; } 380 | .bor--darksalmon-m { border-color: $darksalmon; } 381 | .bor--lightcoral-m { border-color: $lightcoral; } 382 | .bor--indianred-m { border-color: $indianred; } 383 | .bor--crimson-m { border-color: $crimson; } 384 | .bor--firebrick-m { border-color: $firebrick; } 385 | .bor--darkred-m { border-color: $darkred; } 386 | .bor--red-m { border-color: $red; } 387 | .bor--orangered-m { border-color: $orangered; } 388 | .bor--tomato-m { border-color: $tomato; } 389 | .bor--coral-m { border-color: $coral; } 390 | .bor--darkorange-m { border-color: $darkorange; } 391 | .bor--orange-m { border-color: $orange; } 392 | .bor--gold-m { border-color: $gold; } 393 | .bor--yellow-m { border-color: $yellow; } 394 | .bor--lightyellow-m { border-color: $lightyellow; } 395 | .bor--lemonchiffon-m { border-color: $lemonchiffon; } 396 | .bor--lightgoldenrod-m { border-color: $lightgoldenrodyellow; } 397 | .bor--papayawhip-m { border-color: $papayawhip; } 398 | .bor--moccasin-m { border-color: $moccasin; } 399 | .bor--peachpuff-m { border-color: $peachpuff; } 400 | .bor--palegoldenrod-m { border-color: $palegoldenrod; } 401 | .bor--khaki-m { border-color: $khaki; } 402 | .bor--darkkhaki-m { border-color: $darkkhaki; } 403 | .bor--cornsilk-m { border-color: $cornsilk; } 404 | .bor--blanchedalmond-m { border-color: $blanchedalmond; } 405 | .bor--bisque-m { border-color: $bisque; } 406 | .bor--navajowhite-m { border-color: $navajowhite; } 407 | .bor--wheat-m { border-color: $wheat; } 408 | .bor--burlywood-m { border-color: $burlywood; } 409 | .bor--tan-m { border-color: $tan; } 410 | .bor--rosybrown-m { border-color: $rosybrown; } 411 | .bor--sandybrown-m { border-color: $sandybrown; } 412 | .bor--goldenrod-m { border-color: $goldenrod; } 413 | .bor--darkgoldenrod-m { border-color: $darkgoldenrod; } 414 | .bor--peru-m { border-color: $peru; } 415 | .bor--chocolate-m { border-color: $chocolate; } 416 | .bor--saddlebrown-m { border-color: $saddlebrown; } 417 | .bor--sienna-m { border-color: $sienna; } 418 | .bor--brown-m { border-color: $brown; } 419 | .bor--maroon-m { border-color: $maroon; } 420 | .bor--darkolivegreen-m { border-color: $darkolivegreen; } 421 | .bor--olive-m { border-color: $olive; } 422 | .bor--olivedrab-m { border-color: $olivedrab; } 423 | .bor--yellowgreen-m { border-color: $yellowgreen; } 424 | .bor--limegreen-m { border-color: $limegreen; } 425 | .bor--lime-m { border-color: $lime; } 426 | .bor--lawngreen-m { border-color: $lawngreen; } 427 | .bor--chartreuse-m { border-color: $chartreuse; } 428 | .bor--greenyellow-m { border-color: $greenyellow; } 429 | .bor--springgreen-m { border-color: $springgreen; } 430 | .bor--medpringgreen-m { border-color: $mediumspringgreen; } 431 | .bor--lightgreen-m { border-color: $lightgreen; } 432 | .bor--palegreen-m { border-color: $palegreen; } 433 | .bor--darkseagreen-m { border-color: $darkseagreen; } 434 | .bor--mediumseagreen-m { border-color: $mediumseagreen; } 435 | .bor--seagreen-m { border-color: $seagreen; } 436 | .bor--forestgreen-m { border-color: $forestgreen; } 437 | .bor--green-m { border-color: $green; } 438 | .bor--darkgreen-m { border-color: $darkgreen; } 439 | .bor--mediumaquamarine-m { border-color: $mediumaquamarine; } 440 | .bor--aqua-m { border-color: $aqua; } 441 | .bor--cyan-m { border-color: $cyan; } 442 | .bor--lightcyan-m { border-color: $lightcyan; } 443 | .bor--paleturquoise-m { border-color: $paleturquoise; } 444 | .bor--aquamarine-m { border-color: $aquamarine; } 445 | .bor--turquoise-m { border-color: $turquoise; } 446 | .bor--mediumturquoise-m { border-color: $mediumturquoise; } 447 | .bor--darkturquoise-m { border-color: $darkturquoise; } 448 | .bor--lightseagreen-m { border-color: $lightseagreen; } 449 | .bor--cadetblue-m { border-color: $cadetblue; } 450 | .bor--darkcyan-m { border-color: $darkcyan; } 451 | .bor--teal-m { border-color: $teal; } 452 | .bor--lightsteelblue-m { border-color: $lightsteelblue; } 453 | .bor--powderblue-m { border-color: $powderblue; } 454 | .bor--lightblue-m { border-color: $lightblue; } 455 | .bor--skyblue-m { border-color: $skyblue; } 456 | .bor--lightskyblue-m { border-color: $lightskyblue; } 457 | .bor--deepskyblue-m { border-color: $deepskyblue; } 458 | .bor--dodgerblue-m { border-color: $dodgerblue; } 459 | .bor--cornflowerblue-m { border-color: $cornflowerblue; } 460 | .bor--steelblue-m { border-color: $steelblue; } 461 | .bor--royalblue-m { border-color: $royalblue; } 462 | .bor--blue-m { border-color: $blue; } 463 | .bor--mediumblue-m { border-color: $mediumblue; } 464 | .bor--darkblue-m { border-color: $darkblue; } 465 | .bor--navy-m { border-color: $navy; } 466 | .bor--midnightblue-m { border-color: $midnightblue; } 467 | .bor--lavender-m { border-color: $lavender; } 468 | .bor--thistle-m { border-color: $thistle; } 469 | .bor--plum-m { border-color: $plum; } 470 | .bor--violet-m { border-color: $violet; } 471 | .bor--orchid-m { border-color: $orchid; } 472 | .bor--fuchsia-m { border-color: $fuchsia; } 473 | .bor--magenta-m { border-color: $magenta; } 474 | .bor--mediumorchid-m { border-color: $mediumorchid; } 475 | .bor--mediumpurple-m { border-color: $mediumpurple; } 476 | .bor--blueviolet-m { border-color: $blueviolet; } 477 | .bor--darkviolet-m { border-color: $darkviolet; } 478 | .bor--darkorchid-m { border-color: $darkorchid; } 479 | .bor--darkmagenta-m { border-color: $darkmagenta; } 480 | .bor--purple-m { border-color: $purple; } 481 | .bor--indigo-m { border-color: $indigo; } 482 | .bor--darkslateblue-m { border-color: $darkslateblue; } 483 | .bor--slateblue-m { border-color: $slateblue; } 484 | .bor--mediumslateblue-m { border-color: $mediumslateblue; } 485 | .bor--white-m { border-color: $white; } 486 | .bor--snow-m { border-color: $snow; } 487 | .bor--honeydew-m { border-color: $honeydew; } 488 | .bor--mintcream-m { border-color: $mintcream; } 489 | .bor--azure-m { border-color: $azure; } 490 | .bor--aliceblue-m { border-color: $aliceblue; } 491 | .bor--ghostwhite-m { border-color: $ghostwhite; } 492 | .bor--whitesmoke-m { border-color: $whitesmoke; } 493 | .bor--seashell-m { border-color: $seashell; } 494 | .bor--beige-m { border-color: $beige; } 495 | .bor--oldlace-m { border-color: $oldlace; } 496 | .bor--floralwhite-m { border-color: $floralwhite; } 497 | .bor--ivory-m { border-color: $ivory; } 498 | .bor--antiquewhite-m { border-color: $antiquewhite; } 499 | .bor--linen-m { border-color: $linen; } 500 | .bor--lavenderblush-m { border-color: $lavenderblush; } 501 | .bor--mistyrose-m { border-color: $mistyrose; } 502 | .bor--gainsboro-m { border-color: $gainsboro; } 503 | } 504 | @media screen and (min-width: 64em) { 505 | .bor--blk-l { border-color: $near-black; } 506 | .bor--dk-gry-l { border-color: $dark-gray; } 507 | .bor--md-gry-l { border-color: $mid-gray; } 508 | .bor--gray-l { border-color: $gray; } 509 | .bor--silver-l { border-color: $silver; } 510 | .bor--lt-slvr-l { border-color: $light-silver; } 511 | .bor--lt-gry-l { border-color: $light-gray; } 512 | .bor--near-wht-l { border-color: $near-white; } 513 | .bor--wht-l { border-color: $white; } 514 | .bor--pink-l { border-color: $pink; } 515 | .bor--lightpink-l { border-color: $lightpink; } 516 | .bor--hotpink-l { border-color: $hotpink; } 517 | .bor--deeppink-l { border-color: $deeppink; } 518 | .bor--palevioletred-l { border-color: $palevioletred; } 519 | .bor--mediumvioletred-l { border-color: $mediumvioletred; } 520 | .bor--lightsalmon-l { border-color: $lightsalmon; } 521 | .bor--salmon-l { border-color: $salmon; } 522 | .bor--darksalmon-l { border-color: $darksalmon; } 523 | .bor--lightcoral-l { border-color: $lightcoral; } 524 | .bor--indianred-l { border-color: $indianred; } 525 | .bor--crimson-l { border-color: $crimson; } 526 | .bor--firebrick-l { border-color: $firebrick; } 527 | .bor--darkred-l { border-color: $darkred; } 528 | .bor--red-l { border-color: $red; } 529 | .bor--orangered-l { border-color: $orangered; } 530 | .bor--tomato-l { border-color: $tomato; } 531 | .bor--coral-l { border-color: $coral; } 532 | .bor--darkorange-l { border-color: $darkorange; } 533 | .bor--orange-l { border-color: $orange; } 534 | .bor--gold-l { border-color: $gold; } 535 | .bor--yellow-l { border-color: $yellow; } 536 | .bor--lightyellow-l { border-color: $lightyellow; } 537 | .bor--lemonchiffon-l { border-color: $lemonchiffon; } 538 | .bor--lightgoldenrod-l { border-color: $lightgoldenrodyellow; } 539 | .bor--papayawhip-l { border-color: $papayawhip; } 540 | .bor--moccasin-l { border-color: $moccasin; } 541 | .bor--peachpuff-l { border-color: $peachpuff; } 542 | .bor--palegoldenrod-l { border-color: $palegoldenrod; } 543 | .bor--khaki-l { border-color: $khaki; } 544 | .bor--darkkhaki-l { border-color: $darkkhaki; } 545 | .bor--cornsilk-l { border-color: $cornsilk; } 546 | .bor--blanchedalmond-l { border-color: $blanchedalmond; } 547 | .bor--bisque-l { border-color: $bisque; } 548 | .bor--navajowhite-l { border-color: $navajowhite; } 549 | .bor--wheat-l { border-color: $wheat; } 550 | .bor--burlywood-l { border-color: $burlywood; } 551 | .bor--tan-l { border-color: $tan; } 552 | .bor--rosybrown-l { border-color: $rosybrown; } 553 | .bor--sandybrown-l { border-color: $sandybrown; } 554 | .bor--goldenrod-l { border-color: $goldenrod; } 555 | .bor--darkgoldenrod-l { border-color: $darkgoldenrod; } 556 | .bor--peru-l { border-color: $peru; } 557 | .bor--chocolate-l { border-color: $chocolate; } 558 | .bor--saddlebrown-l { border-color: $saddlebrown; } 559 | .bor--sienna-l { border-color: $sienna; } 560 | .bor--brown-l { border-color: $brown; } 561 | .bor--maroon-l { border-color: $maroon; } 562 | .bor--darkolivegreen-l { border-color: $darkolivegreen; } 563 | .bor--olive-l { border-color: $olive; } 564 | .bor--olivedrab-l { border-color: $olivedrab; } 565 | .bor--yellowgreen-l { border-color: $yellowgreen; } 566 | .bor--limegreen-l { border-color: $limegreen; } 567 | .bor--lime-l { border-color: $lime; } 568 | .bor--lawngreen-l { border-color: $lawngreen; } 569 | .bor--chartreuse-l { border-color: $chartreuse; } 570 | .bor--greenyellow-l { border-color: $greenyellow; } 571 | .bor--springgreen-l { border-color: $springgreen; } 572 | .bor--medpringgreen-l { border-color: $mediumspringgreen; } 573 | .bor--lightgreen-l { border-color: $lightgreen; } 574 | .bor--palegreen-l { border-color: $palegreen; } 575 | .bor--darkseagreen-l { border-color: $darkseagreen; } 576 | .bor--mediumseagreen-l { border-color: $mediumseagreen; } 577 | .bor--seagreen-l { border-color: $seagreen; } 578 | .bor--forestgreen-l { border-color: $forestgreen; } 579 | .bor--green-l { border-color: $green; } 580 | .bor--darkgreen-l { border-color: $darkgreen; } 581 | .bor--mediumaquamarine-l { border-color: $mediumaquamarine; } 582 | .bor--aqua-l { border-color: $aqua; } 583 | .bor--cyan-l { border-color: $cyan; } 584 | .bor--lightcyan-l { border-color: $lightcyan; } 585 | .bor--paleturquoise-l { border-color: $paleturquoise; } 586 | .bor--aquamarine-l { border-color: $aquamarine; } 587 | .bor--turquoise-l { border-color: $turquoise; } 588 | .bor--mediumturquoise-l { border-color: $mediumturquoise; } 589 | .bor--darkturquoise-l { border-color: $darkturquoise; } 590 | .bor--lightseagreen-l { border-color: $lightseagreen; } 591 | .bor--cadetblue-l { border-color: $cadetblue; } 592 | .bor--darkcyan-l { border-color: $darkcyan; } 593 | .bor--teal-l { border-color: $teal; } 594 | .bor--lightsteelblue-l { border-color: $lightsteelblue; } 595 | .bor--powderblue-l { border-color: $powderblue; } 596 | .bor--lightblue-l { border-color: $lightblue; } 597 | .bor--skyblue-l { border-color: $skyblue; } 598 | .bor--lightskyblue-l { border-color: $lightskyblue; } 599 | .bor--deepskyblue-l { border-color: $deepskyblue; } 600 | .bor--dodgerblue-l { border-color: $dodgerblue; } 601 | .bor--cornflowerblue-l { border-color: $cornflowerblue; } 602 | .bor--steelblue-l { border-color: $steelblue; } 603 | .bor--royalblue-l { border-color: $royalblue; } 604 | .bor--blue-l { border-color: $blue; } 605 | .bor--mediumblue-l { border-color: $mediumblue; } 606 | .bor--darkblue-l { border-color: $darkblue; } 607 | .bor--navy-l { border-color: $navy; } 608 | .bor--midnightblue-l { border-color: $midnightblue; } 609 | .bor--lavender-l { border-color: $lavender; } 610 | .bor--thistle-l { border-color: $thistle; } 611 | .bor--plum-l { border-color: $plum; } 612 | .bor--violet-l { border-color: $violet; } 613 | .bor--orchid-l { border-color: $orchid; } 614 | .bor--fuchsia-l { border-color: $fuchsia; } 615 | .bor--magenta-l { border-color: $magenta; } 616 | .bor--mediumorchid-l { border-color: $mediumorchid; } 617 | .bor--mediumpurple-l { border-color: $mediumpurple; } 618 | .bor--blueviolet-l { border-color: $blueviolet; } 619 | .bor--darkviolet-l { border-color: $darkviolet; } 620 | .bor--darkorchid-l { border-color: $darkorchid; } 621 | .bor--darkmagenta-l { border-color: $darkmagenta; } 622 | .bor--purple-l { border-color: $purple; } 623 | .bor--indigo-l { border-color: $indigo; } 624 | .bor--darkslateblue-l { border-color: $darkslateblue; } 625 | .bor--slateblue-l { border-color: $slateblue; } 626 | .bor--mediumslateblue-l { border-color: $mediumslateblue; } 627 | .bor--white-l { border-color: $white; } 628 | .bor--snow-l { border-color: $snow; } 629 | .bor--honeydew-l { border-color: $honeydew; } 630 | .bor--mintcream-l { border-color: $mintcream; } 631 | .bor--azure-l { border-color: $azure; } 632 | .bor--aliceblue-l { border-color: $aliceblue; } 633 | .bor--ghostwhite-l { border-color: $ghostwhite; } 634 | .bor--whitesmoke-l { border-color: $whitesmoke; } 635 | .bor--seashell-l { border-color: $seashell; } 636 | .bor--beige-l { border-color: $beige; } 637 | .bor--oldlace-l { border-color: $oldlace; } 638 | .bor--floralwhite-l { border-color: $floralwhite; } 639 | .bor--ivory-l { border-color: $ivory; } 640 | .bor--antiquewhite-l { border-color: $antiquewhite; } 641 | .bor--linen-l { border-color: $linen; } 642 | .bor--lavenderblush-l { border-color: $lavenderblush; } 643 | .bor--mistyrose-l { border-color: $mistyrose; } 644 | .bor--gainsboro-l { border-color: $gainsboro; } 645 | } 646 | ``` 647 | 648 | ## Contributing 649 | 650 | 1. Fork it 651 | 2. Create your feature branch (`git checkout -b my-new-feature`) 652 | 3. Commit your changes (`git commit -am 'Add some feature'`) 653 | 4. Push to the branch (`git push origin my-new-feature`) 654 | 5. Create new Pull Request 655 | 656 | ## Authors 657 | 658 | * [mrmrs](http://mrmrs.io) 659 | * [johno](http://johnotander.com) 660 | 661 | ## License 662 | 663 | ISC 664 | 665 | -------------------------------------------------------------------------------- /border-colors.scss: -------------------------------------------------------------------------------- 1 | /* 2 | BORDER COLORS 3 | */ 4 | 5 | .bor--blk { border-color: $near-black; } 6 | .bor--dk-gry { border-color: $dark-gray; } 7 | .bor--md-gry { border-color: $mid-gray; } 8 | .bor--gray { border-color: $gray; } 9 | .bor--silver { border-color: $silver; } 10 | .bor--lt-slvr { border-color: $light-silver; } 11 | .bor--lt-gry { border-color: $light-gray; } 12 | .bor--near-wht { border-color: $near-white; } 13 | .bor--wht { border-color: $white; } 14 | 15 | .bor--pink { border-color: $pink;} 16 | .bor--lightpink { border-color: $lightpink; } 17 | .bor--hotpink { border-color: $hotpink; } 18 | .bor--deeppink { border-color: $deeppink; } 19 | .bor--palevioletred { border-color: $palevioletred; } 20 | .bor--mediumvioletred { border-color: $mediumvioletred; } 21 | .bor--lightsalmon { border-color: $lightsalmon; } 22 | .bor--salmon { border-color: $salmon; } 23 | .bor--darksalmon { border-color: $darksalmon; } 24 | .bor--lightcoral { border-color: $lightcoral; } 25 | .bor--indianred { border-color: $indianred; } 26 | .bor--crimson { border-color: $crimson; } 27 | .bor--firebrick { border-color: $firebrick; } 28 | .bor--darkred { border-color: $darkred; } 29 | .bor--red { border-color: $red; } 30 | .bor--orangered { border-color: $orangered; } 31 | .bor--tomato { border-color: $tomato; } 32 | .bor--coral { border-color: $coral; } 33 | .bor--darkorange { border-color: $darkorange; } 34 | .bor--orange { border-color: $orange; } 35 | .bor--gold { border-color: $gold; } 36 | .bor--yellow { border-color: $yellow; } 37 | .bor--lightyellow { border-color: $lightyellow; } 38 | .bor--lemonchiffon { border-color: $lemonchiffon; } 39 | .bor--lightgoldenrod { border-color: $lightgoldenrodyellow; } 40 | .bor--papayawhip { border-color: $papayawhip; } 41 | .bor--moccasin { border-color: $moccasin; } 42 | .bor--peachpuff { border-color: $peachpuff; } 43 | .bor--palegoldenrod { border-color: $palegoldenrod; } 44 | .bor--khaki { border-color: $khaki; } 45 | .bor--darkkhaki { border-color: $darkkhaki; } 46 | .bor--cornsilk { border-color: $cornsilk; } 47 | .bor--blanchedalmond { border-color: $blanchedalmond; } 48 | .bor--bisque { border-color: $bisque; } 49 | .bor--navajowhite { border-color: $navajowhite; } 50 | .bor--wheat { border-color: $wheat; } 51 | .bor--burlywood { border-color: $burlywood; } 52 | .bor--tan { border-color: $tan; } 53 | .bor--rosybrown { border-color: $rosybrown; } 54 | .bor--sandybrown { border-color: $sandybrown; } 55 | .bor--goldenrod { border-color: $goldenrod; } 56 | .bor--darkgoldenrod { border-color: $darkgoldenrod; } 57 | .bor--peru { border-color: $peru; } 58 | .bor--chocolate { border-color: $chocolate; } 59 | .bor--saddlebrown { border-color: $saddlebrown; } 60 | .bor--sienna { border-color: $sienna; } 61 | .bor--brown { border-color: $brown; } 62 | .bor--maroon { border-color: $maroon; } 63 | .bor--darkolivegreen { border-color: $darkolivegreen; } 64 | .bor--olive { border-color: $olive; } 65 | .bor--olivedrab { border-color: $olivedrab; } 66 | .bor--yellowgreen { border-color: $yellowgreen; } 67 | .bor--limegreen { border-color: $limegreen; } 68 | .bor--lime { border-color: $lime; } 69 | .bor--lawngreen { border-color: $lawngreen; } 70 | .bor--chartreuse { border-color: $chartreuse; } 71 | .bor--greenyellow { border-color: $greenyellow; } 72 | .bor--springgreen { border-color: $springgreen; } 73 | .bor--medpringgreen { border-color: $mediumspringgreen; } 74 | .bor--lightgreen { border-color: $lightgreen; } 75 | .bor--palegreen { border-color: $palegreen; } 76 | .bor--darkseagreen { border-color: $darkseagreen; } 77 | .bor--mediumseagreen { border-color: $mediumseagreen; } 78 | .bor--seagreen { border-color: $seagreen; } 79 | .bor--forestgreen { border-color: $forestgreen; } 80 | .bor--green { border-color: $green; } 81 | .bor--darkgreen { border-color: $darkgreen; } 82 | .bor--mediumaquamarine { border-color: $mediumaquamarine; } 83 | .bor--aqua { border-color: $aqua; } 84 | .bor--cyan { border-color: $cyan; } 85 | .bor--lightcyan { border-color: $lightcyan; } 86 | .bor--paleturquoise { border-color: $paleturquoise; } 87 | .bor--aquamarine { border-color: $aquamarine; } 88 | .bor--turquoise { border-color: $turquoise; } 89 | .bor--mediumturquoise { border-color: $mediumturquoise; } 90 | .bor--darkturquoise { border-color: $darkturquoise; } 91 | .bor--lightseagreen { border-color: $lightseagreen; } 92 | .bor--cadetblue { border-color: $cadetblue; } 93 | .bor--darkcyan { border-color: $darkcyan; } 94 | .bor--teal { border-color: $teal; } 95 | .bor--lightsteelblue { border-color: $lightsteelblue; } 96 | .bor--powderblue { border-color: $powderblue; } 97 | .bor--lightblue { border-color: $lightblue; } 98 | .bor--skyblue { border-color: $skyblue; } 99 | .bor--lightskyblue { border-color: $lightskyblue; } 100 | .bor--deepskyblue { border-color: $deepskyblue; } 101 | .bor--dodgerblue { border-color: $dodgerblue; } 102 | .bor--cornflowerblue { border-color: $cornflowerblue; } 103 | .bor--steelblue { border-color: $steelblue; } 104 | .bor--royalblue { border-color: $royalblue; } 105 | .bor--blue { border-color: $blue; } 106 | .bor--mediumblue { border-color: $mediumblue; } 107 | .bor--darkblue { border-color: $darkblue; } 108 | .bor--navy { border-color: $navy; } 109 | .bor--midnightblue { border-color: $midnightblue; } 110 | .bor--lavender { border-color: $lavender; } 111 | .bor--thistle { border-color: $thistle; } 112 | .bor--plum { border-color: $plum; } 113 | .bor--violet { border-color: $violet; } 114 | .bor--orchid { border-color: $orchid; } 115 | .bor--fuchsia { border-color: $fuchsia; } 116 | .bor--magenta { border-color: $magenta; } 117 | .bor--mediumorchid { border-color: $mediumorchid; } 118 | .bor--mediumpurple { border-color: $mediumpurple; } 119 | .bor--blueviolet { border-color: $blueviolet; } 120 | .bor--darkviolet { border-color: $darkviolet; } 121 | .bor--darkorchid { border-color: $darkorchid; } 122 | .bor--darkmagenta { border-color: $darkmagenta; } 123 | .bor--purple { border-color: $purple; } 124 | .bor--indigo { border-color: $indigo; } 125 | .bor--darkslateblue { border-color: $darkslateblue; } 126 | .bor--slateblue { border-color: $slateblue; } 127 | .bor--mediumslateblue { border-color: $mediumslateblue; } 128 | .bor--white { border-color: $white; } 129 | .bor--snow { border-color: $snow; } 130 | .bor--honeydew { border-color: $honeydew; } 131 | .bor--mintcream { border-color: $mintcream; } 132 | .bor--azure { border-color: $azure; } 133 | .bor--aliceblue { border-color: $aliceblue; } 134 | .bor--ghostwhite { border-color: $ghostwhite; } 135 | .bor--whitesmoke { border-color: $whitesmoke; } 136 | .bor--seashell { border-color: $seashell; } 137 | .bor--beige { border-color: $beige; } 138 | .bor--oldlace { border-color: $oldlace; } 139 | .bor--floralwhite { border-color: $floralwhite; } 140 | .bor--ivory { border-color: $ivory; } 141 | .bor--antiquewhite { border-color: $antiquewhite; } 142 | .bor--linen { border-color: $linen; } 143 | .bor--lavenderblush { border-color: $lavenderblush; } 144 | .bor--mistyrose { border-color: $mistyrose; } 145 | .bor--gainsboro { border-color: $gainsboro; } 146 | 147 | 148 | @media screen and (min-width: 48em) { 149 | .bor--blk-ns { border-color: $near-black; } 150 | .bor--dk-gry-ns { border-color: $dark-gray; } 151 | .bor--md-gry-ns { border-color: $mid-gray; } 152 | .bor--gray-ns { border-color: $gray; } 153 | .bor--silver-ns { border-color: $silver; } 154 | .bor--lt-slvr-ns { border-color: $light-silver; } 155 | .bor--lt-gry-ns { border-color: $light-gray; } 156 | .bor--near-wht-ns { border-color: $near-white; } 157 | .bor--wht-ns { border-color: $white; } 158 | 159 | .bor--pink-ns { border-color: $pink;} 160 | .bor--lightpink-ns { border-color: $lightpink; } 161 | .bor--hotpink-ns { border-color: $hotpink; } 162 | .bor--deeppink-ns { border-color: $deeppink; } 163 | .bor--palevioletred-ns { border-color: $palevioletred; } 164 | .bor--mediumvioletred-ns { border-color: $mediumvioletred; } 165 | .bor--lightsalmon-ns { border-color: $lightsalmon; } 166 | .bor--salmon-ns { border-color: $salmon; } 167 | .bor--darksalmon-ns { border-color: $darksalmon; } 168 | .bor--lightcoral-ns { border-color: $lightcoral; } 169 | .bor--indianred-ns { border-color: $indianred; } 170 | .bor--crimson-ns { border-color: $crimson; } 171 | .bor--firebrick-ns { border-color: $firebrick; } 172 | .bor--darkred-ns { border-color: $darkred; } 173 | .bor--red-ns { border-color: $red; } 174 | .bor--orangered-ns { border-color: $orangered; } 175 | .bor--tomato-ns { border-color: $tomato; } 176 | .bor--coral-ns { border-color: $coral; } 177 | .bor--darkorange-ns { border-color: $darkorange; } 178 | .bor--orange-ns { border-color: $orange; } 179 | .bor--gold-ns { border-color: $gold; } 180 | .bor--yellow-ns { border-color: $yellow; } 181 | .bor--lightyellow-ns { border-color: $lightyellow; } 182 | .bor--lemonchiffon-ns { border-color: $lemonchiffon; } 183 | .bor--lightgoldenrod-ns { border-color: $lightgoldenrodyellow; } 184 | .bor--papayawhip-ns { border-color: $papayawhip; } 185 | .bor--moccasin-ns { border-color: $moccasin; } 186 | .bor--peachpuff-ns { border-color: $peachpuff; } 187 | .bor--palegoldenrod-ns { border-color: $palegoldenrod; } 188 | .bor--khaki-ns { border-color: $khaki; } 189 | .bor--darkkhaki-ns { border-color: $darkkhaki; } 190 | .bor--cornsilk-ns { border-color: $cornsilk; } 191 | .bor--blanchedalmond-ns { border-color: $blanchedalmond; } 192 | .bor--bisque-ns { border-color: $bisque; } 193 | .bor--navajowhite-ns { border-color: $navajowhite; } 194 | .bor--wheat-ns { border-color: $wheat; } 195 | .bor--burlywood-ns { border-color: $burlywood; } 196 | .bor--tan-ns { border-color: $tan; } 197 | .bor--rosybrown-ns { border-color: $rosybrown; } 198 | .bor--sandybrown-ns { border-color: $sandybrown; } 199 | .bor--goldenrod-ns { border-color: $goldenrod; } 200 | .bor--darkgoldenrod-ns { border-color: $darkgoldenrod; } 201 | .bor--peru-ns { border-color: $peru; } 202 | .bor--chocolate-ns { border-color: $chocolate; } 203 | .bor--saddlebrown-ns { border-color: $saddlebrown; } 204 | .bor--sienna-ns { border-color: $sienna; } 205 | .bor--brown-ns { border-color: $brown; } 206 | .bor--maroon-ns { border-color: $maroon; } 207 | .bor--darkolivegreen-ns { border-color: $darkolivegreen; } 208 | .bor--olive-ns { border-color: $olive; } 209 | .bor--olivedrab-ns { border-color: $olivedrab; } 210 | .bor--yellowgreen-ns { border-color: $yellowgreen; } 211 | .bor--limegreen-ns { border-color: $limegreen; } 212 | .bor--lime-ns { border-color: $lime; } 213 | .bor--lawngreen-ns { border-color: $lawngreen; } 214 | .bor--chartreuse-ns { border-color: $chartreuse; } 215 | .bor--greenyellow-ns { border-color: $greenyellow; } 216 | .bor--springgreen-ns { border-color: $springgreen; } 217 | .bor--medpringgreen-ns { border-color: $mediumspringgreen; } 218 | .bor--lightgreen-ns { border-color: $lightgreen; } 219 | .bor--palegreen-ns { border-color: $palegreen; } 220 | .bor--darkseagreen-ns { border-color: $darkseagreen; } 221 | .bor--mediumseagreen-ns { border-color: $mediumseagreen; } 222 | .bor--seagreen-ns { border-color: $seagreen; } 223 | .bor--forestgreen-ns { border-color: $forestgreen; } 224 | .bor--green-ns { border-color: $green; } 225 | .bor--darkgreen-ns { border-color: $darkgreen; } 226 | .bor--mediumaquamarine-ns { border-color: $mediumaquamarine; } 227 | .bor--aqua-ns { border-color: $aqua; } 228 | .bor--cyan-ns { border-color: $cyan; } 229 | .bor--lightcyan-ns { border-color: $lightcyan; } 230 | .bor--paleturquoise-ns { border-color: $paleturquoise; } 231 | .bor--aquamarine-ns { border-color: $aquamarine; } 232 | .bor--turquoise-ns { border-color: $turquoise; } 233 | .bor--mediumturquoise-ns { border-color: $mediumturquoise; } 234 | .bor--darkturquoise-ns { border-color: $darkturquoise; } 235 | .bor--lightseagreen-ns { border-color: $lightseagreen; } 236 | .bor--cadetblue-ns { border-color: $cadetblue; } 237 | .bor--darkcyan-ns { border-color: $darkcyan; } 238 | .bor--teal-ns { border-color: $teal; } 239 | .bor--lightsteelblue-ns { border-color: $lightsteelblue; } 240 | .bor--powderblue-ns { border-color: $powderblue; } 241 | .bor--lightblue-ns { border-color: $lightblue; } 242 | .bor--skyblue-ns { border-color: $skyblue; } 243 | .bor--lightskyblue-ns { border-color: $lightskyblue; } 244 | .bor--deepskyblue-ns { border-color: $deepskyblue; } 245 | .bor--dodgerblue-ns { border-color: $dodgerblue; } 246 | .bor--cornflowerblue-ns { border-color: $cornflowerblue; } 247 | .bor--steelblue-ns { border-color: $steelblue; } 248 | .bor--royalblue-ns { border-color: $royalblue; } 249 | .bor--blue-ns { border-color: $blue; } 250 | .bor--mediumblue-ns { border-color: $mediumblue; } 251 | .bor--darkblue-ns { border-color: $darkblue; } 252 | .bor--navy-ns { border-color: $navy; } 253 | .bor--midnightblue-ns { border-color: $midnightblue; } 254 | .bor--lavender-ns { border-color: $lavender; } 255 | .bor--thistle-ns { border-color: $thistle; } 256 | .bor--plum-ns { border-color: $plum; } 257 | .bor--violet-ns { border-color: $violet; } 258 | .bor--orchid-ns { border-color: $orchid; } 259 | .bor--fuchsia-ns { border-color: $fuchsia; } 260 | .bor--magenta-ns { border-color: $magenta; } 261 | .bor--mediumorchid-ns { border-color: $mediumorchid; } 262 | .bor--mediumpurple-ns { border-color: $mediumpurple; } 263 | .bor--blueviolet-ns { border-color: $blueviolet; } 264 | .bor--darkviolet-ns { border-color: $darkviolet; } 265 | .bor--darkorchid-ns { border-color: $darkorchid; } 266 | .bor--darkmagenta-ns { border-color: $darkmagenta; } 267 | .bor--purple-ns { border-color: $purple; } 268 | .bor--indigo-ns { border-color: $indigo; } 269 | .bor--darkslateblue-ns { border-color: $darkslateblue; } 270 | .bor--slateblue-ns { border-color: $slateblue; } 271 | .bor--mediumslateblue-ns { border-color: $mediumslateblue; } 272 | .bor--white-ns { border-color: $white; } 273 | .bor--snow-ns { border-color: $snow; } 274 | .bor--honeydew-ns { border-color: $honeydew; } 275 | .bor--mintcream-ns { border-color: $mintcream; } 276 | .bor--azure-ns { border-color: $azure; } 277 | .bor--aliceblue-ns { border-color: $aliceblue; } 278 | .bor--ghostwhite-ns { border-color: $ghostwhite; } 279 | .bor--whitesmoke-ns { border-color: $whitesmoke; } 280 | .bor--seashell-ns { border-color: $seashell; } 281 | .bor--beige-ns { border-color: $beige; } 282 | .bor--oldlace-ns { border-color: $oldlace; } 283 | .bor--floralwhite-ns { border-color: $floralwhite; } 284 | .bor--ivory-ns { border-color: $ivory; } 285 | .bor--antiquewhite-ns { border-color: $antiquewhite; } 286 | .bor--linen-ns { border-color: $linen; } 287 | .bor--lavenderblush-ns { border-color: $lavenderblush; } 288 | .bor--mistyrose-ns { border-color: $mistyrose; } 289 | .bor--gainsboro-ns { border-color: $gainsboro; } 290 | } 291 | 292 | @media screen and (min-width:48em) and (max-width: 64em) { 293 | .bor--blk-m { border-color: $near-black; } 294 | .bor--dk-gry-m { border-color: $dark-gray; } 295 | .bor--md-gry-m { border-color: $mid-gray; } 296 | .bor--gray-m { border-color: $gray; } 297 | .bor--silver-m { border-color: $silver; } 298 | .bor--lt-slvr-m { border-color: $light-silver; } 299 | .bor--lt-gry-m { border-color: $light-gray; } 300 | .bor--near-wht-m { border-color: $near-white; } 301 | .bor--wht-m { border-color: $white; } 302 | 303 | .bor--pink-m { border-color: $pink;} 304 | .bor--lightpink-m { border-color: $lightpink; } 305 | .bor--hotpink-m { border-color: $hotpink; } 306 | .bor--deeppink-m { border-color: $deeppink; } 307 | .bor--palevioletred-m { border-color: $palevioletred; } 308 | .bor--mediumvioletred-m { border-color: $mediumvioletred; } 309 | .bor--lightsalmon-m { border-color: $lightsalmon; } 310 | .bor--salmon-m { border-color: $salmon; } 311 | .bor--darksalmon-m { border-color: $darksalmon; } 312 | .bor--lightcoral-m { border-color: $lightcoral; } 313 | .bor--indianred-m { border-color: $indianred; } 314 | .bor--crimson-m { border-color: $crimson; } 315 | .bor--firebrick-m { border-color: $firebrick; } 316 | .bor--darkred-m { border-color: $darkred; } 317 | .bor--red-m { border-color: $red; } 318 | .bor--orangered-m { border-color: $orangered; } 319 | .bor--tomato-m { border-color: $tomato; } 320 | .bor--coral-m { border-color: $coral; } 321 | .bor--darkorange-m { border-color: $darkorange; } 322 | .bor--orange-m { border-color: $orange; } 323 | .bor--gold-m { border-color: $gold; } 324 | .bor--yellow-m { border-color: $yellow; } 325 | .bor--lightyellow-m { border-color: $lightyellow; } 326 | .bor--lemonchiffon-m { border-color: $lemonchiffon; } 327 | .bor--lightgoldenrod-m { border-color: $lightgoldenrodyellow; } 328 | .bor--papayawhip-m { border-color: $papayawhip; } 329 | .bor--moccasin-m { border-color: $moccasin; } 330 | .bor--peachpuff-m { border-color: $peachpuff; } 331 | .bor--palegoldenrod-m { border-color: $palegoldenrod; } 332 | .bor--khaki-m { border-color: $khaki; } 333 | .bor--darkkhaki-m { border-color: $darkkhaki; } 334 | .bor--cornsilk-m { border-color: $cornsilk; } 335 | .bor--blanchedalmond-m { border-color: $blanchedalmond; } 336 | .bor--bisque-m { border-color: $bisque; } 337 | .bor--navajowhite-m { border-color: $navajowhite; } 338 | .bor--wheat-m { border-color: $wheat; } 339 | .bor--burlywood-m { border-color: $burlywood; } 340 | .bor--tan-m { border-color: $tan; } 341 | .bor--rosybrown-m { border-color: $rosybrown; } 342 | .bor--sandybrown-m { border-color: $sandybrown; } 343 | .bor--goldenrod-m { border-color: $goldenrod; } 344 | .bor--darkgoldenrod-m { border-color: $darkgoldenrod; } 345 | .bor--peru-m { border-color: $peru; } 346 | .bor--chocolate-m { border-color: $chocolate; } 347 | .bor--saddlebrown-m { border-color: $saddlebrown; } 348 | .bor--sienna-m { border-color: $sienna; } 349 | .bor--brown-m { border-color: $brown; } 350 | .bor--maroon-m { border-color: $maroon; } 351 | .bor--darkolivegreen-m { border-color: $darkolivegreen; } 352 | .bor--olive-m { border-color: $olive; } 353 | .bor--olivedrab-m { border-color: $olivedrab; } 354 | .bor--yellowgreen-m { border-color: $yellowgreen; } 355 | .bor--limegreen-m { border-color: $limegreen; } 356 | .bor--lime-m { border-color: $lime; } 357 | .bor--lawngreen-m { border-color: $lawngreen; } 358 | .bor--chartreuse-m { border-color: $chartreuse; } 359 | .bor--greenyellow-m { border-color: $greenyellow; } 360 | .bor--springgreen-m { border-color: $springgreen; } 361 | .bor--medpringgreen-m { border-color: $mediumspringgreen; } 362 | .bor--lightgreen-m { border-color: $lightgreen; } 363 | .bor--palegreen-m { border-color: $palegreen; } 364 | .bor--darkseagreen-m { border-color: $darkseagreen; } 365 | .bor--mediumseagreen-m { border-color: $mediumseagreen; } 366 | .bor--seagreen-m { border-color: $seagreen; } 367 | .bor--forestgreen-m { border-color: $forestgreen; } 368 | .bor--green-m { border-color: $green; } 369 | .bor--darkgreen-m { border-color: $darkgreen; } 370 | .bor--mediumaquamarine-m { border-color: $mediumaquamarine; } 371 | .bor--aqua-m { border-color: $aqua; } 372 | .bor--cyan-m { border-color: $cyan; } 373 | .bor--lightcyan-m { border-color: $lightcyan; } 374 | .bor--paleturquoise-m { border-color: $paleturquoise; } 375 | .bor--aquamarine-m { border-color: $aquamarine; } 376 | .bor--turquoise-m { border-color: $turquoise; } 377 | .bor--mediumturquoise-m { border-color: $mediumturquoise; } 378 | .bor--darkturquoise-m { border-color: $darkturquoise; } 379 | .bor--lightseagreen-m { border-color: $lightseagreen; } 380 | .bor--cadetblue-m { border-color: $cadetblue; } 381 | .bor--darkcyan-m { border-color: $darkcyan; } 382 | .bor--teal-m { border-color: $teal; } 383 | .bor--lightsteelblue-m { border-color: $lightsteelblue; } 384 | .bor--powderblue-m { border-color: $powderblue; } 385 | .bor--lightblue-m { border-color: $lightblue; } 386 | .bor--skyblue-m { border-color: $skyblue; } 387 | .bor--lightskyblue-m { border-color: $lightskyblue; } 388 | .bor--deepskyblue-m { border-color: $deepskyblue; } 389 | .bor--dodgerblue-m { border-color: $dodgerblue; } 390 | .bor--cornflowerblue-m { border-color: $cornflowerblue; } 391 | .bor--steelblue-m { border-color: $steelblue; } 392 | .bor--royalblue-m { border-color: $royalblue; } 393 | .bor--blue-m { border-color: $blue; } 394 | .bor--mediumblue-m { border-color: $mediumblue; } 395 | .bor--darkblue-m { border-color: $darkblue; } 396 | .bor--navy-m { border-color: $navy; } 397 | .bor--midnightblue-m { border-color: $midnightblue; } 398 | .bor--lavender-m { border-color: $lavender; } 399 | .bor--thistle-m { border-color: $thistle; } 400 | .bor--plum-m { border-color: $plum; } 401 | .bor--violet-m { border-color: $violet; } 402 | .bor--orchid-m { border-color: $orchid; } 403 | .bor--fuchsia-m { border-color: $fuchsia; } 404 | .bor--magenta-m { border-color: $magenta; } 405 | .bor--mediumorchid-m { border-color: $mediumorchid; } 406 | .bor--mediumpurple-m { border-color: $mediumpurple; } 407 | .bor--blueviolet-m { border-color: $blueviolet; } 408 | .bor--darkviolet-m { border-color: $darkviolet; } 409 | .bor--darkorchid-m { border-color: $darkorchid; } 410 | .bor--darkmagenta-m { border-color: $darkmagenta; } 411 | .bor--purple-m { border-color: $purple; } 412 | .bor--indigo-m { border-color: $indigo; } 413 | .bor--darkslateblue-m { border-color: $darkslateblue; } 414 | .bor--slateblue-m { border-color: $slateblue; } 415 | .bor--mediumslateblue-m { border-color: $mediumslateblue; } 416 | .bor--white-m { border-color: $white; } 417 | .bor--snow-m { border-color: $snow; } 418 | .bor--honeydew-m { border-color: $honeydew; } 419 | .bor--mintcream-m { border-color: $mintcream; } 420 | .bor--azure-m { border-color: $azure; } 421 | .bor--aliceblue-m { border-color: $aliceblue; } 422 | .bor--ghostwhite-m { border-color: $ghostwhite; } 423 | .bor--whitesmoke-m { border-color: $whitesmoke; } 424 | .bor--seashell-m { border-color: $seashell; } 425 | .bor--beige-m { border-color: $beige; } 426 | .bor--oldlace-m { border-color: $oldlace; } 427 | .bor--floralwhite-m { border-color: $floralwhite; } 428 | .bor--ivory-m { border-color: $ivory; } 429 | .bor--antiquewhite-m { border-color: $antiquewhite; } 430 | .bor--linen-m { border-color: $linen; } 431 | .bor--lavenderblush-m { border-color: $lavenderblush; } 432 | .bor--mistyrose-m { border-color: $mistyrose; } 433 | .bor--gainsboro-m { border-color: $gainsboro; } 434 | } 435 | 436 | @media screen and (min-width: 64em) { 437 | .bor--blk-l { border-color: $near-black; } 438 | .bor--dk-gry-l { border-color: $dark-gray; } 439 | .bor--md-gry-l { border-color: $mid-gray; } 440 | .bor--gray-l { border-color: $gray; } 441 | .bor--silver-l { border-color: $silver; } 442 | .bor--lt-slvr-l { border-color: $light-silver; } 443 | .bor--lt-gry-l { border-color: $light-gray; } 444 | .bor--near-wht-l { border-color: $near-white; } 445 | .bor--wht-l { border-color: $white; } 446 | 447 | .bor--pink-l { border-color: $pink;} 448 | .bor--lightpink-l { border-color: $lightpink; } 449 | .bor--hotpink-l { border-color: $hotpink; } 450 | .bor--deeppink-l { border-color: $deeppink; } 451 | .bor--palevioletred-l { border-color: $palevioletred; } 452 | .bor--mediumvioletred-l { border-color: $mediumvioletred; } 453 | .bor--lightsalmon-l { border-color: $lightsalmon; } 454 | .bor--salmon-l { border-color: $salmon; } 455 | .bor--darksalmon-l { border-color: $darksalmon; } 456 | .bor--lightcoral-l { border-color: $lightcoral; } 457 | .bor--indianred-l { border-color: $indianred; } 458 | .bor--crimson-l { border-color: $crimson; } 459 | .bor--firebrick-l { border-color: $firebrick; } 460 | .bor--darkred-l { border-color: $darkred; } 461 | .bor--red-l { border-color: $red; } 462 | .bor--orangered-l { border-color: $orangered; } 463 | .bor--tomato-l { border-color: $tomato; } 464 | .bor--coral-l { border-color: $coral; } 465 | .bor--darkorange-l { border-color: $darkorange; } 466 | .bor--orange-l { border-color: $orange; } 467 | .bor--gold-l { border-color: $gold; } 468 | .bor--yellow-l { border-color: $yellow; } 469 | .bor--lightyellow-l { border-color: $lightyellow; } 470 | .bor--lemonchiffon-l { border-color: $lemonchiffon; } 471 | .bor--lightgoldenrod-l { border-color: $lightgoldenrodyellow; } 472 | .bor--papayawhip-l { border-color: $papayawhip; } 473 | .bor--moccasin-l { border-color: $moccasin; } 474 | .bor--peachpuff-l { border-color: $peachpuff; } 475 | .bor--palegoldenrod-l { border-color: $palegoldenrod; } 476 | .bor--khaki-l { border-color: $khaki; } 477 | .bor--darkkhaki-l { border-color: $darkkhaki; } 478 | .bor--cornsilk-l { border-color: $cornsilk; } 479 | .bor--blanchedalmond-l { border-color: $blanchedalmond; } 480 | .bor--bisque-l { border-color: $bisque; } 481 | .bor--navajowhite-l { border-color: $navajowhite; } 482 | .bor--wheat-l { border-color: $wheat; } 483 | .bor--burlywood-l { border-color: $burlywood; } 484 | .bor--tan-l { border-color: $tan; } 485 | .bor--rosybrown-l { border-color: $rosybrown; } 486 | .bor--sandybrown-l { border-color: $sandybrown; } 487 | .bor--goldenrod-l { border-color: $goldenrod; } 488 | .bor--darkgoldenrod-l { border-color: $darkgoldenrod; } 489 | .bor--peru-l { border-color: $peru; } 490 | .bor--chocolate-l { border-color: $chocolate; } 491 | .bor--saddlebrown-l { border-color: $saddlebrown; } 492 | .bor--sienna-l { border-color: $sienna; } 493 | .bor--brown-l { border-color: $brown; } 494 | .bor--maroon-l { border-color: $maroon; } 495 | .bor--darkolivegreen-l { border-color: $darkolivegreen; } 496 | .bor--olive-l { border-color: $olive; } 497 | .bor--olivedrab-l { border-color: $olivedrab; } 498 | .bor--yellowgreen-l { border-color: $yellowgreen; } 499 | .bor--limegreen-l { border-color: $limegreen; } 500 | .bor--lime-l { border-color: $lime; } 501 | .bor--lawngreen-l { border-color: $lawngreen; } 502 | .bor--chartreuse-l { border-color: $chartreuse; } 503 | .bor--greenyellow-l { border-color: $greenyellow; } 504 | .bor--springgreen-l { border-color: $springgreen; } 505 | .bor--medpringgreen-l { border-color: $mediumspringgreen; } 506 | .bor--lightgreen-l { border-color: $lightgreen; } 507 | .bor--palegreen-l { border-color: $palegreen; } 508 | .bor--darkseagreen-l { border-color: $darkseagreen; } 509 | .bor--mediumseagreen-l { border-color: $mediumseagreen; } 510 | .bor--seagreen-l { border-color: $seagreen; } 511 | .bor--forestgreen-l { border-color: $forestgreen; } 512 | .bor--green-l { border-color: $green; } 513 | .bor--darkgreen-l { border-color: $darkgreen; } 514 | .bor--mediumaquamarine-l { border-color: $mediumaquamarine; } 515 | .bor--aqua-l { border-color: $aqua; } 516 | .bor--cyan-l { border-color: $cyan; } 517 | .bor--lightcyan-l { border-color: $lightcyan; } 518 | .bor--paleturquoise-l { border-color: $paleturquoise; } 519 | .bor--aquamarine-l { border-color: $aquamarine; } 520 | .bor--turquoise-l { border-color: $turquoise; } 521 | .bor--mediumturquoise-l { border-color: $mediumturquoise; } 522 | .bor--darkturquoise-l { border-color: $darkturquoise; } 523 | .bor--lightseagreen-l { border-color: $lightseagreen; } 524 | .bor--cadetblue-l { border-color: $cadetblue; } 525 | .bor--darkcyan-l { border-color: $darkcyan; } 526 | .bor--teal-l { border-color: $teal; } 527 | .bor--lightsteelblue-l { border-color: $lightsteelblue; } 528 | .bor--powderblue-l { border-color: $powderblue; } 529 | .bor--lightblue-l { border-color: $lightblue; } 530 | .bor--skyblue-l { border-color: $skyblue; } 531 | .bor--lightskyblue-l { border-color: $lightskyblue; } 532 | .bor--deepskyblue-l { border-color: $deepskyblue; } 533 | .bor--dodgerblue-l { border-color: $dodgerblue; } 534 | .bor--cornflowerblue-l { border-color: $cornflowerblue; } 535 | .bor--steelblue-l { border-color: $steelblue; } 536 | .bor--royalblue-l { border-color: $royalblue; } 537 | .bor--blue-l { border-color: $blue; } 538 | .bor--mediumblue-l { border-color: $mediumblue; } 539 | .bor--darkblue-l { border-color: $darkblue; } 540 | .bor--navy-l { border-color: $navy; } 541 | .bor--midnightblue-l { border-color: $midnightblue; } 542 | .bor--lavender-l { border-color: $lavender; } 543 | .bor--thistle-l { border-color: $thistle; } 544 | .bor--plum-l { border-color: $plum; } 545 | .bor--violet-l { border-color: $violet; } 546 | .bor--orchid-l { border-color: $orchid; } 547 | .bor--fuchsia-l { border-color: $fuchsia; } 548 | .bor--magenta-l { border-color: $magenta; } 549 | .bor--mediumorchid-l { border-color: $mediumorchid; } 550 | .bor--mediumpurple-l { border-color: $mediumpurple; } 551 | .bor--blueviolet-l { border-color: $blueviolet; } 552 | .bor--darkviolet-l { border-color: $darkviolet; } 553 | .bor--darkorchid-l { border-color: $darkorchid; } 554 | .bor--darkmagenta-l { border-color: $darkmagenta; } 555 | .bor--purple-l { border-color: $purple; } 556 | .bor--indigo-l { border-color: $indigo; } 557 | .bor--darkslateblue-l { border-color: $darkslateblue; } 558 | .bor--slateblue-l { border-color: $slateblue; } 559 | .bor--mediumslateblue-l { border-color: $mediumslateblue; } 560 | .bor--white-l { border-color: $white; } 561 | .bor--snow-l { border-color: $snow; } 562 | .bor--honeydew-l { border-color: $honeydew; } 563 | .bor--mintcream-l { border-color: $mintcream; } 564 | .bor--azure-l { border-color: $azure; } 565 | .bor--aliceblue-l { border-color: $aliceblue; } 566 | .bor--ghostwhite-l { border-color: $ghostwhite; } 567 | .bor--whitesmoke-l { border-color: $whitesmoke; } 568 | .bor--seashell-l { border-color: $seashell; } 569 | .bor--beige-l { border-color: $beige; } 570 | .bor--oldlace-l { border-color: $oldlace; } 571 | .bor--floralwhite-l { border-color: $floralwhite; } 572 | .bor--ivory-l { border-color: $ivory; } 573 | .bor--antiquewhite-l { border-color: $antiquewhite; } 574 | .bor--linen-l { border-color: $linen; } 575 | .bor--lavenderblush-l { border-color: $lavenderblush; } 576 | .bor--mistyrose-l { border-color: $mistyrose; } 577 | .bor--gainsboro-l { border-color: $gainsboro; } 578 | } 579 | 580 | -------------------------------------------------------------------------------- /css/border-colors.css: -------------------------------------------------------------------------------- 1 | /* 2 | BORDER COLORS 3 | */ 4 | 5 | .bor--blk { border-color: $near-black; } 6 | .bor--dk-gry { border-color: $dark-gray; } 7 | .bor--md-gry { border-color: $mid-gray; } 8 | .bor--gray { border-color: $gray; } 9 | .bor--silver { border-color: $silver; } 10 | .bor--lt-slvr { border-color: $light-silver; } 11 | .bor--lt-gry { border-color: $light-gray; } 12 | .bor--near-wht { border-color: $near-white; } 13 | .bor--wht { border-color: $white; } 14 | 15 | .bor--pink { border-color: $pink;} 16 | .bor--lightpink { border-color: $lightpink; } 17 | .bor--hotpink { border-color: $hotpink; } 18 | .bor--deeppink { border-color: $deeppink; } 19 | .bor--palevioletred { border-color: $palevioletred; } 20 | .bor--mediumvioletred { border-color: $mediumvioletred; } 21 | .bor--lightsalmon { border-color: $lightsalmon; } 22 | .bor--salmon { border-color: $salmon; } 23 | .bor--darksalmon { border-color: $darksalmon; } 24 | .bor--lightcoral { border-color: $lightcoral; } 25 | .bor--indianred { border-color: $indianred; } 26 | .bor--crimson { border-color: $crimson; } 27 | .bor--firebrick { border-color: $firebrick; } 28 | .bor--darkred { border-color: $darkred; } 29 | .bor--red { border-color: $red; } 30 | .bor--orangered { border-color: $orangered; } 31 | .bor--tomato { border-color: $tomato; } 32 | .bor--coral { border-color: $coral; } 33 | .bor--darkorange { border-color: $darkorange; } 34 | .bor--orange { border-color: $orange; } 35 | .bor--gold { border-color: $gold; } 36 | .bor--yellow { border-color: $yellow; } 37 | .bor--lightyellow { border-color: $lightyellow; } 38 | .bor--lemonchiffon { border-color: $lemonchiffon; } 39 | .bor--lightgoldenrod { border-color: $lightgoldenrodyellow; } 40 | .bor--papayawhip { border-color: $papayawhip; } 41 | .bor--moccasin { border-color: $moccasin; } 42 | .bor--peachpuff { border-color: $peachpuff; } 43 | .bor--palegoldenrod { border-color: $palegoldenrod; } 44 | .bor--khaki { border-color: $khaki; } 45 | .bor--darkkhaki { border-color: $darkkhaki; } 46 | .bor--cornsilk { border-color: $cornsilk; } 47 | .bor--blanchedalmond { border-color: $blanchedalmond; } 48 | .bor--bisque { border-color: $bisque; } 49 | .bor--navajowhite { border-color: $navajowhite; } 50 | .bor--wheat { border-color: $wheat; } 51 | .bor--burlywood { border-color: $burlywood; } 52 | .bor--tan { border-color: $tan; } 53 | .bor--rosybrown { border-color: $rosybrown; } 54 | .bor--sandybrown { border-color: $sandybrown; } 55 | .bor--goldenrod { border-color: $goldenrod; } 56 | .bor--darkgoldenrod { border-color: $darkgoldenrod; } 57 | .bor--peru { border-color: $peru; } 58 | .bor--chocolate { border-color: $chocolate; } 59 | .bor--saddlebrown { border-color: $saddlebrown; } 60 | .bor--sienna { border-color: $sienna; } 61 | .bor--brown { border-color: $brown; } 62 | .bor--maroon { border-color: $maroon; } 63 | .bor--darkolivegreen { border-color: $darkolivegreen; } 64 | .bor--olive { border-color: $olive; } 65 | .bor--olivedrab { border-color: $olivedrab; } 66 | .bor--yellowgreen { border-color: $yellowgreen; } 67 | .bor--limegreen { border-color: $limegreen; } 68 | .bor--lime { border-color: $lime; } 69 | .bor--lawngreen { border-color: $lawngreen; } 70 | .bor--chartreuse { border-color: $chartreuse; } 71 | .bor--greenyellow { border-color: $greenyellow; } 72 | .bor--springgreen { border-color: $springgreen; } 73 | .bor--medpringgreen { border-color: $mediumspringgreen; } 74 | .bor--lightgreen { border-color: $lightgreen; } 75 | .bor--palegreen { border-color: $palegreen; } 76 | .bor--darkseagreen { border-color: $darkseagreen; } 77 | .bor--mediumseagreen { border-color: $mediumseagreen; } 78 | .bor--seagreen { border-color: $seagreen; } 79 | .bor--forestgreen { border-color: $forestgreen; } 80 | .bor--green { border-color: $green; } 81 | .bor--darkgreen { border-color: $darkgreen; } 82 | .bor--mediumaquamarine { border-color: $mediumaquamarine; } 83 | .bor--aqua { border-color: $aqua; } 84 | .bor--cyan { border-color: $cyan; } 85 | .bor--lightcyan { border-color: $lightcyan; } 86 | .bor--paleturquoise { border-color: $paleturquoise; } 87 | .bor--aquamarine { border-color: $aquamarine; } 88 | .bor--turquoise { border-color: $turquoise; } 89 | .bor--mediumturquoise { border-color: $mediumturquoise; } 90 | .bor--darkturquoise { border-color: $darkturquoise; } 91 | .bor--lightseagreen { border-color: $lightseagreen; } 92 | .bor--cadetblue { border-color: $cadetblue; } 93 | .bor--darkcyan { border-color: $darkcyan; } 94 | .bor--teal { border-color: $teal; } 95 | .bor--lightsteelblue { border-color: $lightsteelblue; } 96 | .bor--powderblue { border-color: $powderblue; } 97 | .bor--lightblue { border-color: $lightblue; } 98 | .bor--skyblue { border-color: $skyblue; } 99 | .bor--lightskyblue { border-color: $lightskyblue; } 100 | .bor--deepskyblue { border-color: $deepskyblue; } 101 | .bor--dodgerblue { border-color: $dodgerblue; } 102 | .bor--cornflowerblue { border-color: $cornflowerblue; } 103 | .bor--steelblue { border-color: $steelblue; } 104 | .bor--royalblue { border-color: $royalblue; } 105 | .bor--blue { border-color: $blue; } 106 | .bor--mediumblue { border-color: $mediumblue; } 107 | .bor--darkblue { border-color: $darkblue; } 108 | .bor--navy { border-color: $navy; } 109 | .bor--midnightblue { border-color: $midnightblue; } 110 | .bor--lavender { border-color: $lavender; } 111 | .bor--thistle { border-color: $thistle; } 112 | .bor--plum { border-color: $plum; } 113 | .bor--violet { border-color: $violet; } 114 | .bor--orchid { border-color: $orchid; } 115 | .bor--fuchsia { border-color: $fuchsia; } 116 | .bor--magenta { border-color: $magenta; } 117 | .bor--mediumorchid { border-color: $mediumorchid; } 118 | .bor--mediumpurple { border-color: $mediumpurple; } 119 | .bor--blueviolet { border-color: $blueviolet; } 120 | .bor--darkviolet { border-color: $darkviolet; } 121 | .bor--darkorchid { border-color: $darkorchid; } 122 | .bor--darkmagenta { border-color: $darkmagenta; } 123 | .bor--purple { border-color: $purple; } 124 | .bor--indigo { border-color: $indigo; } 125 | .bor--darkslateblue { border-color: $darkslateblue; } 126 | .bor--slateblue { border-color: $slateblue; } 127 | .bor--mediumslateblue { border-color: $mediumslateblue; } 128 | .bor--white { border-color: $white; } 129 | .bor--snow { border-color: $snow; } 130 | .bor--honeydew { border-color: $honeydew; } 131 | .bor--mintcream { border-color: $mintcream; } 132 | .bor--azure { border-color: $azure; } 133 | .bor--aliceblue { border-color: $aliceblue; } 134 | .bor--ghostwhite { border-color: $ghostwhite; } 135 | .bor--whitesmoke { border-color: $whitesmoke; } 136 | .bor--seashell { border-color: $seashell; } 137 | .bor--beige { border-color: $beige; } 138 | .bor--oldlace { border-color: $oldlace; } 139 | .bor--floralwhite { border-color: $floralwhite; } 140 | .bor--ivory { border-color: $ivory; } 141 | .bor--antiquewhite { border-color: $antiquewhite; } 142 | .bor--linen { border-color: $linen; } 143 | .bor--lavenderblush { border-color: $lavenderblush; } 144 | .bor--mistyrose { border-color: $mistyrose; } 145 | .bor--gainsboro { border-color: $gainsboro; } 146 | 147 | 148 | @media screen and (min-width: 48em) { 149 | .bor--blk-ns { border-color: $near-black; } 150 | .bor--dk-gry-ns { border-color: $dark-gray; } 151 | .bor--md-gry-ns { border-color: $mid-gray; } 152 | .bor--gray-ns { border-color: $gray; } 153 | .bor--silver-ns { border-color: $silver; } 154 | .bor--lt-slvr-ns { border-color: $light-silver; } 155 | .bor--lt-gry-ns { border-color: $light-gray; } 156 | .bor--near-wht-ns { border-color: $near-white; } 157 | .bor--wht-ns { border-color: $white; } 158 | 159 | .bor--pink-ns { border-color: $pink;} 160 | .bor--lightpink-ns { border-color: $lightpink; } 161 | .bor--hotpink-ns { border-color: $hotpink; } 162 | .bor--deeppink-ns { border-color: $deeppink; } 163 | .bor--palevioletred-ns { border-color: $palevioletred; } 164 | .bor--mediumvioletred-ns { border-color: $mediumvioletred; } 165 | .bor--lightsalmon-ns { border-color: $lightsalmon; } 166 | .bor--salmon-ns { border-color: $salmon; } 167 | .bor--darksalmon-ns { border-color: $darksalmon; } 168 | .bor--lightcoral-ns { border-color: $lightcoral; } 169 | .bor--indianred-ns { border-color: $indianred; } 170 | .bor--crimson-ns { border-color: $crimson; } 171 | .bor--firebrick-ns { border-color: $firebrick; } 172 | .bor--darkred-ns { border-color: $darkred; } 173 | .bor--red-ns { border-color: $red; } 174 | .bor--orangered-ns { border-color: $orangered; } 175 | .bor--tomato-ns { border-color: $tomato; } 176 | .bor--coral-ns { border-color: $coral; } 177 | .bor--darkorange-ns { border-color: $darkorange; } 178 | .bor--orange-ns { border-color: $orange; } 179 | .bor--gold-ns { border-color: $gold; } 180 | .bor--yellow-ns { border-color: $yellow; } 181 | .bor--lightyellow-ns { border-color: $lightyellow; } 182 | .bor--lemonchiffon-ns { border-color: $lemonchiffon; } 183 | .bor--lightgoldenrod-ns { border-color: $lightgoldenrodyellow; } 184 | .bor--papayawhip-ns { border-color: $papayawhip; } 185 | .bor--moccasin-ns { border-color: $moccasin; } 186 | .bor--peachpuff-ns { border-color: $peachpuff; } 187 | .bor--palegoldenrod-ns { border-color: $palegoldenrod; } 188 | .bor--khaki-ns { border-color: $khaki; } 189 | .bor--darkkhaki-ns { border-color: $darkkhaki; } 190 | .bor--cornsilk-ns { border-color: $cornsilk; } 191 | .bor--blanchedalmond-ns { border-color: $blanchedalmond; } 192 | .bor--bisque-ns { border-color: $bisque; } 193 | .bor--navajowhite-ns { border-color: $navajowhite; } 194 | .bor--wheat-ns { border-color: $wheat; } 195 | .bor--burlywood-ns { border-color: $burlywood; } 196 | .bor--tan-ns { border-color: $tan; } 197 | .bor--rosybrown-ns { border-color: $rosybrown; } 198 | .bor--sandybrown-ns { border-color: $sandybrown; } 199 | .bor--goldenrod-ns { border-color: $goldenrod; } 200 | .bor--darkgoldenrod-ns { border-color: $darkgoldenrod; } 201 | .bor--peru-ns { border-color: $peru; } 202 | .bor--chocolate-ns { border-color: $chocolate; } 203 | .bor--saddlebrown-ns { border-color: $saddlebrown; } 204 | .bor--sienna-ns { border-color: $sienna; } 205 | .bor--brown-ns { border-color: $brown; } 206 | .bor--maroon-ns { border-color: $maroon; } 207 | .bor--darkolivegreen-ns { border-color: $darkolivegreen; } 208 | .bor--olive-ns { border-color: $olive; } 209 | .bor--olivedrab-ns { border-color: $olivedrab; } 210 | .bor--yellowgreen-ns { border-color: $yellowgreen; } 211 | .bor--limegreen-ns { border-color: $limegreen; } 212 | .bor--lime-ns { border-color: $lime; } 213 | .bor--lawngreen-ns { border-color: $lawngreen; } 214 | .bor--chartreuse-ns { border-color: $chartreuse; } 215 | .bor--greenyellow-ns { border-color: $greenyellow; } 216 | .bor--springgreen-ns { border-color: $springgreen; } 217 | .bor--medpringgreen-ns { border-color: $mediumspringgreen; } 218 | .bor--lightgreen-ns { border-color: $lightgreen; } 219 | .bor--palegreen-ns { border-color: $palegreen; } 220 | .bor--darkseagreen-ns { border-color: $darkseagreen; } 221 | .bor--mediumseagreen-ns { border-color: $mediumseagreen; } 222 | .bor--seagreen-ns { border-color: $seagreen; } 223 | .bor--forestgreen-ns { border-color: $forestgreen; } 224 | .bor--green-ns { border-color: $green; } 225 | .bor--darkgreen-ns { border-color: $darkgreen; } 226 | .bor--mediumaquamarine-ns { border-color: $mediumaquamarine; } 227 | .bor--aqua-ns { border-color: $aqua; } 228 | .bor--cyan-ns { border-color: $cyan; } 229 | .bor--lightcyan-ns { border-color: $lightcyan; } 230 | .bor--paleturquoise-ns { border-color: $paleturquoise; } 231 | .bor--aquamarine-ns { border-color: $aquamarine; } 232 | .bor--turquoise-ns { border-color: $turquoise; } 233 | .bor--mediumturquoise-ns { border-color: $mediumturquoise; } 234 | .bor--darkturquoise-ns { border-color: $darkturquoise; } 235 | .bor--lightseagreen-ns { border-color: $lightseagreen; } 236 | .bor--cadetblue-ns { border-color: $cadetblue; } 237 | .bor--darkcyan-ns { border-color: $darkcyan; } 238 | .bor--teal-ns { border-color: $teal; } 239 | .bor--lightsteelblue-ns { border-color: $lightsteelblue; } 240 | .bor--powderblue-ns { border-color: $powderblue; } 241 | .bor--lightblue-ns { border-color: $lightblue; } 242 | .bor--skyblue-ns { border-color: $skyblue; } 243 | .bor--lightskyblue-ns { border-color: $lightskyblue; } 244 | .bor--deepskyblue-ns { border-color: $deepskyblue; } 245 | .bor--dodgerblue-ns { border-color: $dodgerblue; } 246 | .bor--cornflowerblue-ns { border-color: $cornflowerblue; } 247 | .bor--steelblue-ns { border-color: $steelblue; } 248 | .bor--royalblue-ns { border-color: $royalblue; } 249 | .bor--blue-ns { border-color: $blue; } 250 | .bor--mediumblue-ns { border-color: $mediumblue; } 251 | .bor--darkblue-ns { border-color: $darkblue; } 252 | .bor--navy-ns { border-color: $navy; } 253 | .bor--midnightblue-ns { border-color: $midnightblue; } 254 | .bor--lavender-ns { border-color: $lavender; } 255 | .bor--thistle-ns { border-color: $thistle; } 256 | .bor--plum-ns { border-color: $plum; } 257 | .bor--violet-ns { border-color: $violet; } 258 | .bor--orchid-ns { border-color: $orchid; } 259 | .bor--fuchsia-ns { border-color: $fuchsia; } 260 | .bor--magenta-ns { border-color: $magenta; } 261 | .bor--mediumorchid-ns { border-color: $mediumorchid; } 262 | .bor--mediumpurple-ns { border-color: $mediumpurple; } 263 | .bor--blueviolet-ns { border-color: $blueviolet; } 264 | .bor--darkviolet-ns { border-color: $darkviolet; } 265 | .bor--darkorchid-ns { border-color: $darkorchid; } 266 | .bor--darkmagenta-ns { border-color: $darkmagenta; } 267 | .bor--purple-ns { border-color: $purple; } 268 | .bor--indigo-ns { border-color: $indigo; } 269 | .bor--darkslateblue-ns { border-color: $darkslateblue; } 270 | .bor--slateblue-ns { border-color: $slateblue; } 271 | .bor--mediumslateblue-ns { border-color: $mediumslateblue; } 272 | .bor--white-ns { border-color: $white; } 273 | .bor--snow-ns { border-color: $snow; } 274 | .bor--honeydew-ns { border-color: $honeydew; } 275 | .bor--mintcream-ns { border-color: $mintcream; } 276 | .bor--azure-ns { border-color: $azure; } 277 | .bor--aliceblue-ns { border-color: $aliceblue; } 278 | .bor--ghostwhite-ns { border-color: $ghostwhite; } 279 | .bor--whitesmoke-ns { border-color: $whitesmoke; } 280 | .bor--seashell-ns { border-color: $seashell; } 281 | .bor--beige-ns { border-color: $beige; } 282 | .bor--oldlace-ns { border-color: $oldlace; } 283 | .bor--floralwhite-ns { border-color: $floralwhite; } 284 | .bor--ivory-ns { border-color: $ivory; } 285 | .bor--antiquewhite-ns { border-color: $antiquewhite; } 286 | .bor--linen-ns { border-color: $linen; } 287 | .bor--lavenderblush-ns { border-color: $lavenderblush; } 288 | .bor--mistyrose-ns { border-color: $mistyrose; } 289 | .bor--gainsboro-ns { border-color: $gainsboro; } 290 | } 291 | 292 | @media screen and (min-width:48em) and (max-width: 64em) { 293 | .bor--blk-m { border-color: $near-black; } 294 | .bor--dk-gry-m { border-color: $dark-gray; } 295 | .bor--md-gry-m { border-color: $mid-gray; } 296 | .bor--gray-m { border-color: $gray; } 297 | .bor--silver-m { border-color: $silver; } 298 | .bor--lt-slvr-m { border-color: $light-silver; } 299 | .bor--lt-gry-m { border-color: $light-gray; } 300 | .bor--near-wht-m { border-color: $near-white; } 301 | .bor--wht-m { border-color: $white; } 302 | 303 | .bor--pink-m { border-color: $pink;} 304 | .bor--lightpink-m { border-color: $lightpink; } 305 | .bor--hotpink-m { border-color: $hotpink; } 306 | .bor--deeppink-m { border-color: $deeppink; } 307 | .bor--palevioletred-m { border-color: $palevioletred; } 308 | .bor--mediumvioletred-m { border-color: $mediumvioletred; } 309 | .bor--lightsalmon-m { border-color: $lightsalmon; } 310 | .bor--salmon-m { border-color: $salmon; } 311 | .bor--darksalmon-m { border-color: $darksalmon; } 312 | .bor--lightcoral-m { border-color: $lightcoral; } 313 | .bor--indianred-m { border-color: $indianred; } 314 | .bor--crimson-m { border-color: $crimson; } 315 | .bor--firebrick-m { border-color: $firebrick; } 316 | .bor--darkred-m { border-color: $darkred; } 317 | .bor--red-m { border-color: $red; } 318 | .bor--orangered-m { border-color: $orangered; } 319 | .bor--tomato-m { border-color: $tomato; } 320 | .bor--coral-m { border-color: $coral; } 321 | .bor--darkorange-m { border-color: $darkorange; } 322 | .bor--orange-m { border-color: $orange; } 323 | .bor--gold-m { border-color: $gold; } 324 | .bor--yellow-m { border-color: $yellow; } 325 | .bor--lightyellow-m { border-color: $lightyellow; } 326 | .bor--lemonchiffon-m { border-color: $lemonchiffon; } 327 | .bor--lightgoldenrod-m { border-color: $lightgoldenrodyellow; } 328 | .bor--papayawhip-m { border-color: $papayawhip; } 329 | .bor--moccasin-m { border-color: $moccasin; } 330 | .bor--peachpuff-m { border-color: $peachpuff; } 331 | .bor--palegoldenrod-m { border-color: $palegoldenrod; } 332 | .bor--khaki-m { border-color: $khaki; } 333 | .bor--darkkhaki-m { border-color: $darkkhaki; } 334 | .bor--cornsilk-m { border-color: $cornsilk; } 335 | .bor--blanchedalmond-m { border-color: $blanchedalmond; } 336 | .bor--bisque-m { border-color: $bisque; } 337 | .bor--navajowhite-m { border-color: $navajowhite; } 338 | .bor--wheat-m { border-color: $wheat; } 339 | .bor--burlywood-m { border-color: $burlywood; } 340 | .bor--tan-m { border-color: $tan; } 341 | .bor--rosybrown-m { border-color: $rosybrown; } 342 | .bor--sandybrown-m { border-color: $sandybrown; } 343 | .bor--goldenrod-m { border-color: $goldenrod; } 344 | .bor--darkgoldenrod-m { border-color: $darkgoldenrod; } 345 | .bor--peru-m { border-color: $peru; } 346 | .bor--chocolate-m { border-color: $chocolate; } 347 | .bor--saddlebrown-m { border-color: $saddlebrown; } 348 | .bor--sienna-m { border-color: $sienna; } 349 | .bor--brown-m { border-color: $brown; } 350 | .bor--maroon-m { border-color: $maroon; } 351 | .bor--darkolivegreen-m { border-color: $darkolivegreen; } 352 | .bor--olive-m { border-color: $olive; } 353 | .bor--olivedrab-m { border-color: $olivedrab; } 354 | .bor--yellowgreen-m { border-color: $yellowgreen; } 355 | .bor--limegreen-m { border-color: $limegreen; } 356 | .bor--lime-m { border-color: $lime; } 357 | .bor--lawngreen-m { border-color: $lawngreen; } 358 | .bor--chartreuse-m { border-color: $chartreuse; } 359 | .bor--greenyellow-m { border-color: $greenyellow; } 360 | .bor--springgreen-m { border-color: $springgreen; } 361 | .bor--medpringgreen-m { border-color: $mediumspringgreen; } 362 | .bor--lightgreen-m { border-color: $lightgreen; } 363 | .bor--palegreen-m { border-color: $palegreen; } 364 | .bor--darkseagreen-m { border-color: $darkseagreen; } 365 | .bor--mediumseagreen-m { border-color: $mediumseagreen; } 366 | .bor--seagreen-m { border-color: $seagreen; } 367 | .bor--forestgreen-m { border-color: $forestgreen; } 368 | .bor--green-m { border-color: $green; } 369 | .bor--darkgreen-m { border-color: $darkgreen; } 370 | .bor--mediumaquamarine-m { border-color: $mediumaquamarine; } 371 | .bor--aqua-m { border-color: $aqua; } 372 | .bor--cyan-m { border-color: $cyan; } 373 | .bor--lightcyan-m { border-color: $lightcyan; } 374 | .bor--paleturquoise-m { border-color: $paleturquoise; } 375 | .bor--aquamarine-m { border-color: $aquamarine; } 376 | .bor--turquoise-m { border-color: $turquoise; } 377 | .bor--mediumturquoise-m { border-color: $mediumturquoise; } 378 | .bor--darkturquoise-m { border-color: $darkturquoise; } 379 | .bor--lightseagreen-m { border-color: $lightseagreen; } 380 | .bor--cadetblue-m { border-color: $cadetblue; } 381 | .bor--darkcyan-m { border-color: $darkcyan; } 382 | .bor--teal-m { border-color: $teal; } 383 | .bor--lightsteelblue-m { border-color: $lightsteelblue; } 384 | .bor--powderblue-m { border-color: $powderblue; } 385 | .bor--lightblue-m { border-color: $lightblue; } 386 | .bor--skyblue-m { border-color: $skyblue; } 387 | .bor--lightskyblue-m { border-color: $lightskyblue; } 388 | .bor--deepskyblue-m { border-color: $deepskyblue; } 389 | .bor--dodgerblue-m { border-color: $dodgerblue; } 390 | .bor--cornflowerblue-m { border-color: $cornflowerblue; } 391 | .bor--steelblue-m { border-color: $steelblue; } 392 | .bor--royalblue-m { border-color: $royalblue; } 393 | .bor--blue-m { border-color: $blue; } 394 | .bor--mediumblue-m { border-color: $mediumblue; } 395 | .bor--darkblue-m { border-color: $darkblue; } 396 | .bor--navy-m { border-color: $navy; } 397 | .bor--midnightblue-m { border-color: $midnightblue; } 398 | .bor--lavender-m { border-color: $lavender; } 399 | .bor--thistle-m { border-color: $thistle; } 400 | .bor--plum-m { border-color: $plum; } 401 | .bor--violet-m { border-color: $violet; } 402 | .bor--orchid-m { border-color: $orchid; } 403 | .bor--fuchsia-m { border-color: $fuchsia; } 404 | .bor--magenta-m { border-color: $magenta; } 405 | .bor--mediumorchid-m { border-color: $mediumorchid; } 406 | .bor--mediumpurple-m { border-color: $mediumpurple; } 407 | .bor--blueviolet-m { border-color: $blueviolet; } 408 | .bor--darkviolet-m { border-color: $darkviolet; } 409 | .bor--darkorchid-m { border-color: $darkorchid; } 410 | .bor--darkmagenta-m { border-color: $darkmagenta; } 411 | .bor--purple-m { border-color: $purple; } 412 | .bor--indigo-m { border-color: $indigo; } 413 | .bor--darkslateblue-m { border-color: $darkslateblue; } 414 | .bor--slateblue-m { border-color: $slateblue; } 415 | .bor--mediumslateblue-m { border-color: $mediumslateblue; } 416 | .bor--white-m { border-color: $white; } 417 | .bor--snow-m { border-color: $snow; } 418 | .bor--honeydew-m { border-color: $honeydew; } 419 | .bor--mintcream-m { border-color: $mintcream; } 420 | .bor--azure-m { border-color: $azure; } 421 | .bor--aliceblue-m { border-color: $aliceblue; } 422 | .bor--ghostwhite-m { border-color: $ghostwhite; } 423 | .bor--whitesmoke-m { border-color: $whitesmoke; } 424 | .bor--seashell-m { border-color: $seashell; } 425 | .bor--beige-m { border-color: $beige; } 426 | .bor--oldlace-m { border-color: $oldlace; } 427 | .bor--floralwhite-m { border-color: $floralwhite; } 428 | .bor--ivory-m { border-color: $ivory; } 429 | .bor--antiquewhite-m { border-color: $antiquewhite; } 430 | .bor--linen-m { border-color: $linen; } 431 | .bor--lavenderblush-m { border-color: $lavenderblush; } 432 | .bor--mistyrose-m { border-color: $mistyrose; } 433 | .bor--gainsboro-m { border-color: $gainsboro; } 434 | } 435 | 436 | @media screen and (min-width: 64em) { 437 | .bor--blk-l { border-color: $near-black; } 438 | .bor--dk-gry-l { border-color: $dark-gray; } 439 | .bor--md-gry-l { border-color: $mid-gray; } 440 | .bor--gray-l { border-color: $gray; } 441 | .bor--silver-l { border-color: $silver; } 442 | .bor--lt-slvr-l { border-color: $light-silver; } 443 | .bor--lt-gry-l { border-color: $light-gray; } 444 | .bor--near-wht-l { border-color: $near-white; } 445 | .bor--wht-l { border-color: $white; } 446 | 447 | .bor--pink-l { border-color: $pink;} 448 | .bor--lightpink-l { border-color: $lightpink; } 449 | .bor--hotpink-l { border-color: $hotpink; } 450 | .bor--deeppink-l { border-color: $deeppink; } 451 | .bor--palevioletred-l { border-color: $palevioletred; } 452 | .bor--mediumvioletred-l { border-color: $mediumvioletred; } 453 | .bor--lightsalmon-l { border-color: $lightsalmon; } 454 | .bor--salmon-l { border-color: $salmon; } 455 | .bor--darksalmon-l { border-color: $darksalmon; } 456 | .bor--lightcoral-l { border-color: $lightcoral; } 457 | .bor--indianred-l { border-color: $indianred; } 458 | .bor--crimson-l { border-color: $crimson; } 459 | .bor--firebrick-l { border-color: $firebrick; } 460 | .bor--darkred-l { border-color: $darkred; } 461 | .bor--red-l { border-color: $red; } 462 | .bor--orangered-l { border-color: $orangered; } 463 | .bor--tomato-l { border-color: $tomato; } 464 | .bor--coral-l { border-color: $coral; } 465 | .bor--darkorange-l { border-color: $darkorange; } 466 | .bor--orange-l { border-color: $orange; } 467 | .bor--gold-l { border-color: $gold; } 468 | .bor--yellow-l { border-color: $yellow; } 469 | .bor--lightyellow-l { border-color: $lightyellow; } 470 | .bor--lemonchiffon-l { border-color: $lemonchiffon; } 471 | .bor--lightgoldenrod-l { border-color: $lightgoldenrodyellow; } 472 | .bor--papayawhip-l { border-color: $papayawhip; } 473 | .bor--moccasin-l { border-color: $moccasin; } 474 | .bor--peachpuff-l { border-color: $peachpuff; } 475 | .bor--palegoldenrod-l { border-color: $palegoldenrod; } 476 | .bor--khaki-l { border-color: $khaki; } 477 | .bor--darkkhaki-l { border-color: $darkkhaki; } 478 | .bor--cornsilk-l { border-color: $cornsilk; } 479 | .bor--blanchedalmond-l { border-color: $blanchedalmond; } 480 | .bor--bisque-l { border-color: $bisque; } 481 | .bor--navajowhite-l { border-color: $navajowhite; } 482 | .bor--wheat-l { border-color: $wheat; } 483 | .bor--burlywood-l { border-color: $burlywood; } 484 | .bor--tan-l { border-color: $tan; } 485 | .bor--rosybrown-l { border-color: $rosybrown; } 486 | .bor--sandybrown-l { border-color: $sandybrown; } 487 | .bor--goldenrod-l { border-color: $goldenrod; } 488 | .bor--darkgoldenrod-l { border-color: $darkgoldenrod; } 489 | .bor--peru-l { border-color: $peru; } 490 | .bor--chocolate-l { border-color: $chocolate; } 491 | .bor--saddlebrown-l { border-color: $saddlebrown; } 492 | .bor--sienna-l { border-color: $sienna; } 493 | .bor--brown-l { border-color: $brown; } 494 | .bor--maroon-l { border-color: $maroon; } 495 | .bor--darkolivegreen-l { border-color: $darkolivegreen; } 496 | .bor--olive-l { border-color: $olive; } 497 | .bor--olivedrab-l { border-color: $olivedrab; } 498 | .bor--yellowgreen-l { border-color: $yellowgreen; } 499 | .bor--limegreen-l { border-color: $limegreen; } 500 | .bor--lime-l { border-color: $lime; } 501 | .bor--lawngreen-l { border-color: $lawngreen; } 502 | .bor--chartreuse-l { border-color: $chartreuse; } 503 | .bor--greenyellow-l { border-color: $greenyellow; } 504 | .bor--springgreen-l { border-color: $springgreen; } 505 | .bor--medpringgreen-l { border-color: $mediumspringgreen; } 506 | .bor--lightgreen-l { border-color: $lightgreen; } 507 | .bor--palegreen-l { border-color: $palegreen; } 508 | .bor--darkseagreen-l { border-color: $darkseagreen; } 509 | .bor--mediumseagreen-l { border-color: $mediumseagreen; } 510 | .bor--seagreen-l { border-color: $seagreen; } 511 | .bor--forestgreen-l { border-color: $forestgreen; } 512 | .bor--green-l { border-color: $green; } 513 | .bor--darkgreen-l { border-color: $darkgreen; } 514 | .bor--mediumaquamarine-l { border-color: $mediumaquamarine; } 515 | .bor--aqua-l { border-color: $aqua; } 516 | .bor--cyan-l { border-color: $cyan; } 517 | .bor--lightcyan-l { border-color: $lightcyan; } 518 | .bor--paleturquoise-l { border-color: $paleturquoise; } 519 | .bor--aquamarine-l { border-color: $aquamarine; } 520 | .bor--turquoise-l { border-color: $turquoise; } 521 | .bor--mediumturquoise-l { border-color: $mediumturquoise; } 522 | .bor--darkturquoise-l { border-color: $darkturquoise; } 523 | .bor--lightseagreen-l { border-color: $lightseagreen; } 524 | .bor--cadetblue-l { border-color: $cadetblue; } 525 | .bor--darkcyan-l { border-color: $darkcyan; } 526 | .bor--teal-l { border-color: $teal; } 527 | .bor--lightsteelblue-l { border-color: $lightsteelblue; } 528 | .bor--powderblue-l { border-color: $powderblue; } 529 | .bor--lightblue-l { border-color: $lightblue; } 530 | .bor--skyblue-l { border-color: $skyblue; } 531 | .bor--lightskyblue-l { border-color: $lightskyblue; } 532 | .bor--deepskyblue-l { border-color: $deepskyblue; } 533 | .bor--dodgerblue-l { border-color: $dodgerblue; } 534 | .bor--cornflowerblue-l { border-color: $cornflowerblue; } 535 | .bor--steelblue-l { border-color: $steelblue; } 536 | .bor--royalblue-l { border-color: $royalblue; } 537 | .bor--blue-l { border-color: $blue; } 538 | .bor--mediumblue-l { border-color: $mediumblue; } 539 | .bor--darkblue-l { border-color: $darkblue; } 540 | .bor--navy-l { border-color: $navy; } 541 | .bor--midnightblue-l { border-color: $midnightblue; } 542 | .bor--lavender-l { border-color: $lavender; } 543 | .bor--thistle-l { border-color: $thistle; } 544 | .bor--plum-l { border-color: $plum; } 545 | .bor--violet-l { border-color: $violet; } 546 | .bor--orchid-l { border-color: $orchid; } 547 | .bor--fuchsia-l { border-color: $fuchsia; } 548 | .bor--magenta-l { border-color: $magenta; } 549 | .bor--mediumorchid-l { border-color: $mediumorchid; } 550 | .bor--mediumpurple-l { border-color: $mediumpurple; } 551 | .bor--blueviolet-l { border-color: $blueviolet; } 552 | .bor--darkviolet-l { border-color: $darkviolet; } 553 | .bor--darkorchid-l { border-color: $darkorchid; } 554 | .bor--darkmagenta-l { border-color: $darkmagenta; } 555 | .bor--purple-l { border-color: $purple; } 556 | .bor--indigo-l { border-color: $indigo; } 557 | .bor--darkslateblue-l { border-color: $darkslateblue; } 558 | .bor--slateblue-l { border-color: $slateblue; } 559 | .bor--mediumslateblue-l { border-color: $mediumslateblue; } 560 | .bor--white-l { border-color: $white; } 561 | .bor--snow-l { border-color: $snow; } 562 | .bor--honeydew-l { border-color: $honeydew; } 563 | .bor--mintcream-l { border-color: $mintcream; } 564 | .bor--azure-l { border-color: $azure; } 565 | .bor--aliceblue-l { border-color: $aliceblue; } 566 | .bor--ghostwhite-l { border-color: $ghostwhite; } 567 | .bor--whitesmoke-l { border-color: $whitesmoke; } 568 | .bor--seashell-l { border-color: $seashell; } 569 | .bor--beige-l { border-color: $beige; } 570 | .bor--oldlace-l { border-color: $oldlace; } 571 | .bor--floralwhite-l { border-color: $floralwhite; } 572 | .bor--ivory-l { border-color: $ivory; } 573 | .bor--antiquewhite-l { border-color: $antiquewhite; } 574 | .bor--linen-l { border-color: $linen; } 575 | .bor--lavenderblush-l { border-color: $lavenderblush; } 576 | .bor--mistyrose-l { border-color: $mistyrose; } 577 | .bor--gainsboro-l { border-color: $gainsboro; } 578 | } 579 | 580 | -------------------------------------------------------------------------------- /src/css-border-colors.css: -------------------------------------------------------------------------------- 1 | /* 2 | BORDER COLORS 3 | */ 4 | 5 | .bor--blk { border-color: $near-black; } 6 | .bor--dk-gry { border-color: $dark-gray; } 7 | .bor--md-gry { border-color: $mid-gray; } 8 | .bor--gray { border-color: $gray; } 9 | .bor--silver { border-color: $silver; } 10 | .bor--lt-slvr { border-color: $light-silver; } 11 | .bor--lt-gry { border-color: $light-gray; } 12 | .bor--near-wht { border-color: $near-white; } 13 | .bor--wht { border-color: $white; } 14 | 15 | .bor--pink { border-color: $pink;} 16 | .bor--lightpink { border-color: $lightpink; } 17 | .bor--hotpink { border-color: $hotpink; } 18 | .bor--deeppink { border-color: $deeppink; } 19 | .bor--palevioletred { border-color: $palevioletred; } 20 | .bor--mediumvioletred { border-color: $mediumvioletred; } 21 | .bor--lightsalmon { border-color: $lightsalmon; } 22 | .bor--salmon { border-color: $salmon; } 23 | .bor--darksalmon { border-color: $darksalmon; } 24 | .bor--lightcoral { border-color: $lightcoral; } 25 | .bor--indianred { border-color: $indianred; } 26 | .bor--crimson { border-color: $crimson; } 27 | .bor--firebrick { border-color: $firebrick; } 28 | .bor--darkred { border-color: $darkred; } 29 | .bor--red { border-color: $red; } 30 | .bor--orangered { border-color: $orangered; } 31 | .bor--tomato { border-color: $tomato; } 32 | .bor--coral { border-color: $coral; } 33 | .bor--darkorange { border-color: $darkorange; } 34 | .bor--orange { border-color: $orange; } 35 | .bor--gold { border-color: $gold; } 36 | .bor--yellow { border-color: $yellow; } 37 | .bor--lightyellow { border-color: $lightyellow; } 38 | .bor--lemonchiffon { border-color: $lemonchiffon; } 39 | .bor--lightgoldenrod { border-color: $lightgoldenrodyellow; } 40 | .bor--papayawhip { border-color: $papayawhip; } 41 | .bor--moccasin { border-color: $moccasin; } 42 | .bor--peachpuff { border-color: $peachpuff; } 43 | .bor--palegoldenrod { border-color: $palegoldenrod; } 44 | .bor--khaki { border-color: $khaki; } 45 | .bor--darkkhaki { border-color: $darkkhaki; } 46 | .bor--cornsilk { border-color: $cornsilk; } 47 | .bor--blanchedalmond { border-color: $blanchedalmond; } 48 | .bor--bisque { border-color: $bisque; } 49 | .bor--navajowhite { border-color: $navajowhite; } 50 | .bor--wheat { border-color: $wheat; } 51 | .bor--burlywood { border-color: $burlywood; } 52 | .bor--tan { border-color: $tan; } 53 | .bor--rosybrown { border-color: $rosybrown; } 54 | .bor--sandybrown { border-color: $sandybrown; } 55 | .bor--goldenrod { border-color: $goldenrod; } 56 | .bor--darkgoldenrod { border-color: $darkgoldenrod; } 57 | .bor--peru { border-color: $peru; } 58 | .bor--chocolate { border-color: $chocolate; } 59 | .bor--saddlebrown { border-color: $saddlebrown; } 60 | .bor--sienna { border-color: $sienna; } 61 | .bor--brown { border-color: $brown; } 62 | .bor--maroon { border-color: $maroon; } 63 | .bor--darkolivegreen { border-color: $darkolivegreen; } 64 | .bor--olive { border-color: $olive; } 65 | .bor--olivedrab { border-color: $olivedrab; } 66 | .bor--yellowgreen { border-color: $yellowgreen; } 67 | .bor--limegreen { border-color: $limegreen; } 68 | .bor--lime { border-color: $lime; } 69 | .bor--lawngreen { border-color: $lawngreen; } 70 | .bor--chartreuse { border-color: $chartreuse; } 71 | .bor--greenyellow { border-color: $greenyellow; } 72 | .bor--springgreen { border-color: $springgreen; } 73 | .bor--medpringgreen { border-color: $mediumspringgreen; } 74 | .bor--lightgreen { border-color: $lightgreen; } 75 | .bor--palegreen { border-color: $palegreen; } 76 | .bor--darkseagreen { border-color: $darkseagreen; } 77 | .bor--mediumseagreen { border-color: $mediumseagreen; } 78 | .bor--seagreen { border-color: $seagreen; } 79 | .bor--forestgreen { border-color: $forestgreen; } 80 | .bor--green { border-color: $green; } 81 | .bor--darkgreen { border-color: $darkgreen; } 82 | .bor--mediumaquamarine { border-color: $mediumaquamarine; } 83 | .bor--aqua { border-color: $aqua; } 84 | .bor--cyan { border-color: $cyan; } 85 | .bor--lightcyan { border-color: $lightcyan; } 86 | .bor--paleturquoise { border-color: $paleturquoise; } 87 | .bor--aquamarine { border-color: $aquamarine; } 88 | .bor--turquoise { border-color: $turquoise; } 89 | .bor--mediumturquoise { border-color: $mediumturquoise; } 90 | .bor--darkturquoise { border-color: $darkturquoise; } 91 | .bor--lightseagreen { border-color: $lightseagreen; } 92 | .bor--cadetblue { border-color: $cadetblue; } 93 | .bor--darkcyan { border-color: $darkcyan; } 94 | .bor--teal { border-color: $teal; } 95 | .bor--lightsteelblue { border-color: $lightsteelblue; } 96 | .bor--powderblue { border-color: $powderblue; } 97 | .bor--lightblue { border-color: $lightblue; } 98 | .bor--skyblue { border-color: $skyblue; } 99 | .bor--lightskyblue { border-color: $lightskyblue; } 100 | .bor--deepskyblue { border-color: $deepskyblue; } 101 | .bor--dodgerblue { border-color: $dodgerblue; } 102 | .bor--cornflowerblue { border-color: $cornflowerblue; } 103 | .bor--steelblue { border-color: $steelblue; } 104 | .bor--royalblue { border-color: $royalblue; } 105 | .bor--blue { border-color: $blue; } 106 | .bor--mediumblue { border-color: $mediumblue; } 107 | .bor--darkblue { border-color: $darkblue; } 108 | .bor--navy { border-color: $navy; } 109 | .bor--midnightblue { border-color: $midnightblue; } 110 | .bor--lavender { border-color: $lavender; } 111 | .bor--thistle { border-color: $thistle; } 112 | .bor--plum { border-color: $plum; } 113 | .bor--violet { border-color: $violet; } 114 | .bor--orchid { border-color: $orchid; } 115 | .bor--fuchsia { border-color: $fuchsia; } 116 | .bor--magenta { border-color: $magenta; } 117 | .bor--mediumorchid { border-color: $mediumorchid; } 118 | .bor--mediumpurple { border-color: $mediumpurple; } 119 | .bor--blueviolet { border-color: $blueviolet; } 120 | .bor--darkviolet { border-color: $darkviolet; } 121 | .bor--darkorchid { border-color: $darkorchid; } 122 | .bor--darkmagenta { border-color: $darkmagenta; } 123 | .bor--purple { border-color: $purple; } 124 | .bor--indigo { border-color: $indigo; } 125 | .bor--darkslateblue { border-color: $darkslateblue; } 126 | .bor--slateblue { border-color: $slateblue; } 127 | .bor--mediumslateblue { border-color: $mediumslateblue; } 128 | .bor--white { border-color: $white; } 129 | .bor--snow { border-color: $snow; } 130 | .bor--honeydew { border-color: $honeydew; } 131 | .bor--mintcream { border-color: $mintcream; } 132 | .bor--azure { border-color: $azure; } 133 | .bor--aliceblue { border-color: $aliceblue; } 134 | .bor--ghostwhite { border-color: $ghostwhite; } 135 | .bor--whitesmoke { border-color: $whitesmoke; } 136 | .bor--seashell { border-color: $seashell; } 137 | .bor--beige { border-color: $beige; } 138 | .bor--oldlace { border-color: $oldlace; } 139 | .bor--floralwhite { border-color: $floralwhite; } 140 | .bor--ivory { border-color: $ivory; } 141 | .bor--antiquewhite { border-color: $antiquewhite; } 142 | .bor--linen { border-color: $linen; } 143 | .bor--lavenderblush { border-color: $lavenderblush; } 144 | .bor--mistyrose { border-color: $mistyrose; } 145 | .bor--gainsboro { border-color: $gainsboro; } 146 | 147 | 148 | @media screen and (min-width: 48em) { 149 | .bor--blk-ns { border-color: $near-black; } 150 | .bor--dk-gry-ns { border-color: $dark-gray; } 151 | .bor--md-gry-ns { border-color: $mid-gray; } 152 | .bor--gray-ns { border-color: $gray; } 153 | .bor--silver-ns { border-color: $silver; } 154 | .bor--lt-slvr-ns { border-color: $light-silver; } 155 | .bor--lt-gry-ns { border-color: $light-gray; } 156 | .bor--near-wht-ns { border-color: $near-white; } 157 | .bor--wht-ns { border-color: $white; } 158 | 159 | .bor--pink-ns { border-color: $pink;} 160 | .bor--lightpink-ns { border-color: $lightpink; } 161 | .bor--hotpink-ns { border-color: $hotpink; } 162 | .bor--deeppink-ns { border-color: $deeppink; } 163 | .bor--palevioletred-ns { border-color: $palevioletred; } 164 | .bor--mediumvioletred-ns { border-color: $mediumvioletred; } 165 | .bor--lightsalmon-ns { border-color: $lightsalmon; } 166 | .bor--salmon-ns { border-color: $salmon; } 167 | .bor--darksalmon-ns { border-color: $darksalmon; } 168 | .bor--lightcoral-ns { border-color: $lightcoral; } 169 | .bor--indianred-ns { border-color: $indianred; } 170 | .bor--crimson-ns { border-color: $crimson; } 171 | .bor--firebrick-ns { border-color: $firebrick; } 172 | .bor--darkred-ns { border-color: $darkred; } 173 | .bor--red-ns { border-color: $red; } 174 | .bor--orangered-ns { border-color: $orangered; } 175 | .bor--tomato-ns { border-color: $tomato; } 176 | .bor--coral-ns { border-color: $coral; } 177 | .bor--darkorange-ns { border-color: $darkorange; } 178 | .bor--orange-ns { border-color: $orange; } 179 | .bor--gold-ns { border-color: $gold; } 180 | .bor--yellow-ns { border-color: $yellow; } 181 | .bor--lightyellow-ns { border-color: $lightyellow; } 182 | .bor--lemonchiffon-ns { border-color: $lemonchiffon; } 183 | .bor--lightgoldenrod-ns { border-color: $lightgoldenrodyellow; } 184 | .bor--papayawhip-ns { border-color: $papayawhip; } 185 | .bor--moccasin-ns { border-color: $moccasin; } 186 | .bor--peachpuff-ns { border-color: $peachpuff; } 187 | .bor--palegoldenrod-ns { border-color: $palegoldenrod; } 188 | .bor--khaki-ns { border-color: $khaki; } 189 | .bor--darkkhaki-ns { border-color: $darkkhaki; } 190 | .bor--cornsilk-ns { border-color: $cornsilk; } 191 | .bor--blanchedalmond-ns { border-color: $blanchedalmond; } 192 | .bor--bisque-ns { border-color: $bisque; } 193 | .bor--navajowhite-ns { border-color: $navajowhite; } 194 | .bor--wheat-ns { border-color: $wheat; } 195 | .bor--burlywood-ns { border-color: $burlywood; } 196 | .bor--tan-ns { border-color: $tan; } 197 | .bor--rosybrown-ns { border-color: $rosybrown; } 198 | .bor--sandybrown-ns { border-color: $sandybrown; } 199 | .bor--goldenrod-ns { border-color: $goldenrod; } 200 | .bor--darkgoldenrod-ns { border-color: $darkgoldenrod; } 201 | .bor--peru-ns { border-color: $peru; } 202 | .bor--chocolate-ns { border-color: $chocolate; } 203 | .bor--saddlebrown-ns { border-color: $saddlebrown; } 204 | .bor--sienna-ns { border-color: $sienna; } 205 | .bor--brown-ns { border-color: $brown; } 206 | .bor--maroon-ns { border-color: $maroon; } 207 | .bor--darkolivegreen-ns { border-color: $darkolivegreen; } 208 | .bor--olive-ns { border-color: $olive; } 209 | .bor--olivedrab-ns { border-color: $olivedrab; } 210 | .bor--yellowgreen-ns { border-color: $yellowgreen; } 211 | .bor--limegreen-ns { border-color: $limegreen; } 212 | .bor--lime-ns { border-color: $lime; } 213 | .bor--lawngreen-ns { border-color: $lawngreen; } 214 | .bor--chartreuse-ns { border-color: $chartreuse; } 215 | .bor--greenyellow-ns { border-color: $greenyellow; } 216 | .bor--springgreen-ns { border-color: $springgreen; } 217 | .bor--medpringgreen-ns { border-color: $mediumspringgreen; } 218 | .bor--lightgreen-ns { border-color: $lightgreen; } 219 | .bor--palegreen-ns { border-color: $palegreen; } 220 | .bor--darkseagreen-ns { border-color: $darkseagreen; } 221 | .bor--mediumseagreen-ns { border-color: $mediumseagreen; } 222 | .bor--seagreen-ns { border-color: $seagreen; } 223 | .bor--forestgreen-ns { border-color: $forestgreen; } 224 | .bor--green-ns { border-color: $green; } 225 | .bor--darkgreen-ns { border-color: $darkgreen; } 226 | .bor--mediumaquamarine-ns { border-color: $mediumaquamarine; } 227 | .bor--aqua-ns { border-color: $aqua; } 228 | .bor--cyan-ns { border-color: $cyan; } 229 | .bor--lightcyan-ns { border-color: $lightcyan; } 230 | .bor--paleturquoise-ns { border-color: $paleturquoise; } 231 | .bor--aquamarine-ns { border-color: $aquamarine; } 232 | .bor--turquoise-ns { border-color: $turquoise; } 233 | .bor--mediumturquoise-ns { border-color: $mediumturquoise; } 234 | .bor--darkturquoise-ns { border-color: $darkturquoise; } 235 | .bor--lightseagreen-ns { border-color: $lightseagreen; } 236 | .bor--cadetblue-ns { border-color: $cadetblue; } 237 | .bor--darkcyan-ns { border-color: $darkcyan; } 238 | .bor--teal-ns { border-color: $teal; } 239 | .bor--lightsteelblue-ns { border-color: $lightsteelblue; } 240 | .bor--powderblue-ns { border-color: $powderblue; } 241 | .bor--lightblue-ns { border-color: $lightblue; } 242 | .bor--skyblue-ns { border-color: $skyblue; } 243 | .bor--lightskyblue-ns { border-color: $lightskyblue; } 244 | .bor--deepskyblue-ns { border-color: $deepskyblue; } 245 | .bor--dodgerblue-ns { border-color: $dodgerblue; } 246 | .bor--cornflowerblue-ns { border-color: $cornflowerblue; } 247 | .bor--steelblue-ns { border-color: $steelblue; } 248 | .bor--royalblue-ns { border-color: $royalblue; } 249 | .bor--blue-ns { border-color: $blue; } 250 | .bor--mediumblue-ns { border-color: $mediumblue; } 251 | .bor--darkblue-ns { border-color: $darkblue; } 252 | .bor--navy-ns { border-color: $navy; } 253 | .bor--midnightblue-ns { border-color: $midnightblue; } 254 | .bor--lavender-ns { border-color: $lavender; } 255 | .bor--thistle-ns { border-color: $thistle; } 256 | .bor--plum-ns { border-color: $plum; } 257 | .bor--violet-ns { border-color: $violet; } 258 | .bor--orchid-ns { border-color: $orchid; } 259 | .bor--fuchsia-ns { border-color: $fuchsia; } 260 | .bor--magenta-ns { border-color: $magenta; } 261 | .bor--mediumorchid-ns { border-color: $mediumorchid; } 262 | .bor--mediumpurple-ns { border-color: $mediumpurple; } 263 | .bor--blueviolet-ns { border-color: $blueviolet; } 264 | .bor--darkviolet-ns { border-color: $darkviolet; } 265 | .bor--darkorchid-ns { border-color: $darkorchid; } 266 | .bor--darkmagenta-ns { border-color: $darkmagenta; } 267 | .bor--purple-ns { border-color: $purple; } 268 | .bor--indigo-ns { border-color: $indigo; } 269 | .bor--darkslateblue-ns { border-color: $darkslateblue; } 270 | .bor--slateblue-ns { border-color: $slateblue; } 271 | .bor--mediumslateblue-ns { border-color: $mediumslateblue; } 272 | .bor--white-ns { border-color: $white; } 273 | .bor--snow-ns { border-color: $snow; } 274 | .bor--honeydew-ns { border-color: $honeydew; } 275 | .bor--mintcream-ns { border-color: $mintcream; } 276 | .bor--azure-ns { border-color: $azure; } 277 | .bor--aliceblue-ns { border-color: $aliceblue; } 278 | .bor--ghostwhite-ns { border-color: $ghostwhite; } 279 | .bor--whitesmoke-ns { border-color: $whitesmoke; } 280 | .bor--seashell-ns { border-color: $seashell; } 281 | .bor--beige-ns { border-color: $beige; } 282 | .bor--oldlace-ns { border-color: $oldlace; } 283 | .bor--floralwhite-ns { border-color: $floralwhite; } 284 | .bor--ivory-ns { border-color: $ivory; } 285 | .bor--antiquewhite-ns { border-color: $antiquewhite; } 286 | .bor--linen-ns { border-color: $linen; } 287 | .bor--lavenderblush-ns { border-color: $lavenderblush; } 288 | .bor--mistyrose-ns { border-color: $mistyrose; } 289 | .bor--gainsboro-ns { border-color: $gainsboro; } 290 | } 291 | 292 | @media screen and (min-width:48em) and (max-width: 64em) { 293 | .bor--blk-m { border-color: $near-black; } 294 | .bor--dk-gry-m { border-color: $dark-gray; } 295 | .bor--md-gry-m { border-color: $mid-gray; } 296 | .bor--gray-m { border-color: $gray; } 297 | .bor--silver-m { border-color: $silver; } 298 | .bor--lt-slvr-m { border-color: $light-silver; } 299 | .bor--lt-gry-m { border-color: $light-gray; } 300 | .bor--near-wht-m { border-color: $near-white; } 301 | .bor--wht-m { border-color: $white; } 302 | 303 | .bor--pink-m { border-color: $pink;} 304 | .bor--lightpink-m { border-color: $lightpink; } 305 | .bor--hotpink-m { border-color: $hotpink; } 306 | .bor--deeppink-m { border-color: $deeppink; } 307 | .bor--palevioletred-m { border-color: $palevioletred; } 308 | .bor--mediumvioletred-m { border-color: $mediumvioletred; } 309 | .bor--lightsalmon-m { border-color: $lightsalmon; } 310 | .bor--salmon-m { border-color: $salmon; } 311 | .bor--darksalmon-m { border-color: $darksalmon; } 312 | .bor--lightcoral-m { border-color: $lightcoral; } 313 | .bor--indianred-m { border-color: $indianred; } 314 | .bor--crimson-m { border-color: $crimson; } 315 | .bor--firebrick-m { border-color: $firebrick; } 316 | .bor--darkred-m { border-color: $darkred; } 317 | .bor--red-m { border-color: $red; } 318 | .bor--orangered-m { border-color: $orangered; } 319 | .bor--tomato-m { border-color: $tomato; } 320 | .bor--coral-m { border-color: $coral; } 321 | .bor--darkorange-m { border-color: $darkorange; } 322 | .bor--orange-m { border-color: $orange; } 323 | .bor--gold-m { border-color: $gold; } 324 | .bor--yellow-m { border-color: $yellow; } 325 | .bor--lightyellow-m { border-color: $lightyellow; } 326 | .bor--lemonchiffon-m { border-color: $lemonchiffon; } 327 | .bor--lightgoldenrod-m { border-color: $lightgoldenrodyellow; } 328 | .bor--papayawhip-m { border-color: $papayawhip; } 329 | .bor--moccasin-m { border-color: $moccasin; } 330 | .bor--peachpuff-m { border-color: $peachpuff; } 331 | .bor--palegoldenrod-m { border-color: $palegoldenrod; } 332 | .bor--khaki-m { border-color: $khaki; } 333 | .bor--darkkhaki-m { border-color: $darkkhaki; } 334 | .bor--cornsilk-m { border-color: $cornsilk; } 335 | .bor--blanchedalmond-m { border-color: $blanchedalmond; } 336 | .bor--bisque-m { border-color: $bisque; } 337 | .bor--navajowhite-m { border-color: $navajowhite; } 338 | .bor--wheat-m { border-color: $wheat; } 339 | .bor--burlywood-m { border-color: $burlywood; } 340 | .bor--tan-m { border-color: $tan; } 341 | .bor--rosybrown-m { border-color: $rosybrown; } 342 | .bor--sandybrown-m { border-color: $sandybrown; } 343 | .bor--goldenrod-m { border-color: $goldenrod; } 344 | .bor--darkgoldenrod-m { border-color: $darkgoldenrod; } 345 | .bor--peru-m { border-color: $peru; } 346 | .bor--chocolate-m { border-color: $chocolate; } 347 | .bor--saddlebrown-m { border-color: $saddlebrown; } 348 | .bor--sienna-m { border-color: $sienna; } 349 | .bor--brown-m { border-color: $brown; } 350 | .bor--maroon-m { border-color: $maroon; } 351 | .bor--darkolivegreen-m { border-color: $darkolivegreen; } 352 | .bor--olive-m { border-color: $olive; } 353 | .bor--olivedrab-m { border-color: $olivedrab; } 354 | .bor--yellowgreen-m { border-color: $yellowgreen; } 355 | .bor--limegreen-m { border-color: $limegreen; } 356 | .bor--lime-m { border-color: $lime; } 357 | .bor--lawngreen-m { border-color: $lawngreen; } 358 | .bor--chartreuse-m { border-color: $chartreuse; } 359 | .bor--greenyellow-m { border-color: $greenyellow; } 360 | .bor--springgreen-m { border-color: $springgreen; } 361 | .bor--medpringgreen-m { border-color: $mediumspringgreen; } 362 | .bor--lightgreen-m { border-color: $lightgreen; } 363 | .bor--palegreen-m { border-color: $palegreen; } 364 | .bor--darkseagreen-m { border-color: $darkseagreen; } 365 | .bor--mediumseagreen-m { border-color: $mediumseagreen; } 366 | .bor--seagreen-m { border-color: $seagreen; } 367 | .bor--forestgreen-m { border-color: $forestgreen; } 368 | .bor--green-m { border-color: $green; } 369 | .bor--darkgreen-m { border-color: $darkgreen; } 370 | .bor--mediumaquamarine-m { border-color: $mediumaquamarine; } 371 | .bor--aqua-m { border-color: $aqua; } 372 | .bor--cyan-m { border-color: $cyan; } 373 | .bor--lightcyan-m { border-color: $lightcyan; } 374 | .bor--paleturquoise-m { border-color: $paleturquoise; } 375 | .bor--aquamarine-m { border-color: $aquamarine; } 376 | .bor--turquoise-m { border-color: $turquoise; } 377 | .bor--mediumturquoise-m { border-color: $mediumturquoise; } 378 | .bor--darkturquoise-m { border-color: $darkturquoise; } 379 | .bor--lightseagreen-m { border-color: $lightseagreen; } 380 | .bor--cadetblue-m { border-color: $cadetblue; } 381 | .bor--darkcyan-m { border-color: $darkcyan; } 382 | .bor--teal-m { border-color: $teal; } 383 | .bor--lightsteelblue-m { border-color: $lightsteelblue; } 384 | .bor--powderblue-m { border-color: $powderblue; } 385 | .bor--lightblue-m { border-color: $lightblue; } 386 | .bor--skyblue-m { border-color: $skyblue; } 387 | .bor--lightskyblue-m { border-color: $lightskyblue; } 388 | .bor--deepskyblue-m { border-color: $deepskyblue; } 389 | .bor--dodgerblue-m { border-color: $dodgerblue; } 390 | .bor--cornflowerblue-m { border-color: $cornflowerblue; } 391 | .bor--steelblue-m { border-color: $steelblue; } 392 | .bor--royalblue-m { border-color: $royalblue; } 393 | .bor--blue-m { border-color: $blue; } 394 | .bor--mediumblue-m { border-color: $mediumblue; } 395 | .bor--darkblue-m { border-color: $darkblue; } 396 | .bor--navy-m { border-color: $navy; } 397 | .bor--midnightblue-m { border-color: $midnightblue; } 398 | .bor--lavender-m { border-color: $lavender; } 399 | .bor--thistle-m { border-color: $thistle; } 400 | .bor--plum-m { border-color: $plum; } 401 | .bor--violet-m { border-color: $violet; } 402 | .bor--orchid-m { border-color: $orchid; } 403 | .bor--fuchsia-m { border-color: $fuchsia; } 404 | .bor--magenta-m { border-color: $magenta; } 405 | .bor--mediumorchid-m { border-color: $mediumorchid; } 406 | .bor--mediumpurple-m { border-color: $mediumpurple; } 407 | .bor--blueviolet-m { border-color: $blueviolet; } 408 | .bor--darkviolet-m { border-color: $darkviolet; } 409 | .bor--darkorchid-m { border-color: $darkorchid; } 410 | .bor--darkmagenta-m { border-color: $darkmagenta; } 411 | .bor--purple-m { border-color: $purple; } 412 | .bor--indigo-m { border-color: $indigo; } 413 | .bor--darkslateblue-m { border-color: $darkslateblue; } 414 | .bor--slateblue-m { border-color: $slateblue; } 415 | .bor--mediumslateblue-m { border-color: $mediumslateblue; } 416 | .bor--white-m { border-color: $white; } 417 | .bor--snow-m { border-color: $snow; } 418 | .bor--honeydew-m { border-color: $honeydew; } 419 | .bor--mintcream-m { border-color: $mintcream; } 420 | .bor--azure-m { border-color: $azure; } 421 | .bor--aliceblue-m { border-color: $aliceblue; } 422 | .bor--ghostwhite-m { border-color: $ghostwhite; } 423 | .bor--whitesmoke-m { border-color: $whitesmoke; } 424 | .bor--seashell-m { border-color: $seashell; } 425 | .bor--beige-m { border-color: $beige; } 426 | .bor--oldlace-m { border-color: $oldlace; } 427 | .bor--floralwhite-m { border-color: $floralwhite; } 428 | .bor--ivory-m { border-color: $ivory; } 429 | .bor--antiquewhite-m { border-color: $antiquewhite; } 430 | .bor--linen-m { border-color: $linen; } 431 | .bor--lavenderblush-m { border-color: $lavenderblush; } 432 | .bor--mistyrose-m { border-color: $mistyrose; } 433 | .bor--gainsboro-m { border-color: $gainsboro; } 434 | } 435 | 436 | @media screen and (min-width: 64em) { 437 | .bor--blk-l { border-color: $near-black; } 438 | .bor--dk-gry-l { border-color: $dark-gray; } 439 | .bor--md-gry-l { border-color: $mid-gray; } 440 | .bor--gray-l { border-color: $gray; } 441 | .bor--silver-l { border-color: $silver; } 442 | .bor--lt-slvr-l { border-color: $light-silver; } 443 | .bor--lt-gry-l { border-color: $light-gray; } 444 | .bor--near-wht-l { border-color: $near-white; } 445 | .bor--wht-l { border-color: $white; } 446 | 447 | .bor--pink-l { border-color: $pink;} 448 | .bor--lightpink-l { border-color: $lightpink; } 449 | .bor--hotpink-l { border-color: $hotpink; } 450 | .bor--deeppink-l { border-color: $deeppink; } 451 | .bor--palevioletred-l { border-color: $palevioletred; } 452 | .bor--mediumvioletred-l { border-color: $mediumvioletred; } 453 | .bor--lightsalmon-l { border-color: $lightsalmon; } 454 | .bor--salmon-l { border-color: $salmon; } 455 | .bor--darksalmon-l { border-color: $darksalmon; } 456 | .bor--lightcoral-l { border-color: $lightcoral; } 457 | .bor--indianred-l { border-color: $indianred; } 458 | .bor--crimson-l { border-color: $crimson; } 459 | .bor--firebrick-l { border-color: $firebrick; } 460 | .bor--darkred-l { border-color: $darkred; } 461 | .bor--red-l { border-color: $red; } 462 | .bor--orangered-l { border-color: $orangered; } 463 | .bor--tomato-l { border-color: $tomato; } 464 | .bor--coral-l { border-color: $coral; } 465 | .bor--darkorange-l { border-color: $darkorange; } 466 | .bor--orange-l { border-color: $orange; } 467 | .bor--gold-l { border-color: $gold; } 468 | .bor--yellow-l { border-color: $yellow; } 469 | .bor--lightyellow-l { border-color: $lightyellow; } 470 | .bor--lemonchiffon-l { border-color: $lemonchiffon; } 471 | .bor--lightgoldenrod-l { border-color: $lightgoldenrodyellow; } 472 | .bor--papayawhip-l { border-color: $papayawhip; } 473 | .bor--moccasin-l { border-color: $moccasin; } 474 | .bor--peachpuff-l { border-color: $peachpuff; } 475 | .bor--palegoldenrod-l { border-color: $palegoldenrod; } 476 | .bor--khaki-l { border-color: $khaki; } 477 | .bor--darkkhaki-l { border-color: $darkkhaki; } 478 | .bor--cornsilk-l { border-color: $cornsilk; } 479 | .bor--blanchedalmond-l { border-color: $blanchedalmond; } 480 | .bor--bisque-l { border-color: $bisque; } 481 | .bor--navajowhite-l { border-color: $navajowhite; } 482 | .bor--wheat-l { border-color: $wheat; } 483 | .bor--burlywood-l { border-color: $burlywood; } 484 | .bor--tan-l { border-color: $tan; } 485 | .bor--rosybrown-l { border-color: $rosybrown; } 486 | .bor--sandybrown-l { border-color: $sandybrown; } 487 | .bor--goldenrod-l { border-color: $goldenrod; } 488 | .bor--darkgoldenrod-l { border-color: $darkgoldenrod; } 489 | .bor--peru-l { border-color: $peru; } 490 | .bor--chocolate-l { border-color: $chocolate; } 491 | .bor--saddlebrown-l { border-color: $saddlebrown; } 492 | .bor--sienna-l { border-color: $sienna; } 493 | .bor--brown-l { border-color: $brown; } 494 | .bor--maroon-l { border-color: $maroon; } 495 | .bor--darkolivegreen-l { border-color: $darkolivegreen; } 496 | .bor--olive-l { border-color: $olive; } 497 | .bor--olivedrab-l { border-color: $olivedrab; } 498 | .bor--yellowgreen-l { border-color: $yellowgreen; } 499 | .bor--limegreen-l { border-color: $limegreen; } 500 | .bor--lime-l { border-color: $lime; } 501 | .bor--lawngreen-l { border-color: $lawngreen; } 502 | .bor--chartreuse-l { border-color: $chartreuse; } 503 | .bor--greenyellow-l { border-color: $greenyellow; } 504 | .bor--springgreen-l { border-color: $springgreen; } 505 | .bor--medpringgreen-l { border-color: $mediumspringgreen; } 506 | .bor--lightgreen-l { border-color: $lightgreen; } 507 | .bor--palegreen-l { border-color: $palegreen; } 508 | .bor--darkseagreen-l { border-color: $darkseagreen; } 509 | .bor--mediumseagreen-l { border-color: $mediumseagreen; } 510 | .bor--seagreen-l { border-color: $seagreen; } 511 | .bor--forestgreen-l { border-color: $forestgreen; } 512 | .bor--green-l { border-color: $green; } 513 | .bor--darkgreen-l { border-color: $darkgreen; } 514 | .bor--mediumaquamarine-l { border-color: $mediumaquamarine; } 515 | .bor--aqua-l { border-color: $aqua; } 516 | .bor--cyan-l { border-color: $cyan; } 517 | .bor--lightcyan-l { border-color: $lightcyan; } 518 | .bor--paleturquoise-l { border-color: $paleturquoise; } 519 | .bor--aquamarine-l { border-color: $aquamarine; } 520 | .bor--turquoise-l { border-color: $turquoise; } 521 | .bor--mediumturquoise-l { border-color: $mediumturquoise; } 522 | .bor--darkturquoise-l { border-color: $darkturquoise; } 523 | .bor--lightseagreen-l { border-color: $lightseagreen; } 524 | .bor--cadetblue-l { border-color: $cadetblue; } 525 | .bor--darkcyan-l { border-color: $darkcyan; } 526 | .bor--teal-l { border-color: $teal; } 527 | .bor--lightsteelblue-l { border-color: $lightsteelblue; } 528 | .bor--powderblue-l { border-color: $powderblue; } 529 | .bor--lightblue-l { border-color: $lightblue; } 530 | .bor--skyblue-l { border-color: $skyblue; } 531 | .bor--lightskyblue-l { border-color: $lightskyblue; } 532 | .bor--deepskyblue-l { border-color: $deepskyblue; } 533 | .bor--dodgerblue-l { border-color: $dodgerblue; } 534 | .bor--cornflowerblue-l { border-color: $cornflowerblue; } 535 | .bor--steelblue-l { border-color: $steelblue; } 536 | .bor--royalblue-l { border-color: $royalblue; } 537 | .bor--blue-l { border-color: $blue; } 538 | .bor--mediumblue-l { border-color: $mediumblue; } 539 | .bor--darkblue-l { border-color: $darkblue; } 540 | .bor--navy-l { border-color: $navy; } 541 | .bor--midnightblue-l { border-color: $midnightblue; } 542 | .bor--lavender-l { border-color: $lavender; } 543 | .bor--thistle-l { border-color: $thistle; } 544 | .bor--plum-l { border-color: $plum; } 545 | .bor--violet-l { border-color: $violet; } 546 | .bor--orchid-l { border-color: $orchid; } 547 | .bor--fuchsia-l { border-color: $fuchsia; } 548 | .bor--magenta-l { border-color: $magenta; } 549 | .bor--mediumorchid-l { border-color: $mediumorchid; } 550 | .bor--mediumpurple-l { border-color: $mediumpurple; } 551 | .bor--blueviolet-l { border-color: $blueviolet; } 552 | .bor--darkviolet-l { border-color: $darkviolet; } 553 | .bor--darkorchid-l { border-color: $darkorchid; } 554 | .bor--darkmagenta-l { border-color: $darkmagenta; } 555 | .bor--purple-l { border-color: $purple; } 556 | .bor--indigo-l { border-color: $indigo; } 557 | .bor--darkslateblue-l { border-color: $darkslateblue; } 558 | .bor--slateblue-l { border-color: $slateblue; } 559 | .bor--mediumslateblue-l { border-color: $mediumslateblue; } 560 | .bor--white-l { border-color: $white; } 561 | .bor--snow-l { border-color: $snow; } 562 | .bor--honeydew-l { border-color: $honeydew; } 563 | .bor--mintcream-l { border-color: $mintcream; } 564 | .bor--azure-l { border-color: $azure; } 565 | .bor--aliceblue-l { border-color: $aliceblue; } 566 | .bor--ghostwhite-l { border-color: $ghostwhite; } 567 | .bor--whitesmoke-l { border-color: $whitesmoke; } 568 | .bor--seashell-l { border-color: $seashell; } 569 | .bor--beige-l { border-color: $beige; } 570 | .bor--oldlace-l { border-color: $oldlace; } 571 | .bor--floralwhite-l { border-color: $floralwhite; } 572 | .bor--ivory-l { border-color: $ivory; } 573 | .bor--antiquewhite-l { border-color: $antiquewhite; } 574 | .bor--linen-l { border-color: $linen; } 575 | .bor--lavenderblush-l { border-color: $lavenderblush; } 576 | .bor--mistyrose-l { border-color: $mistyrose; } 577 | .bor--gainsboro-l { border-color: $gainsboro; } 578 | } 579 | 580 | --------------------------------------------------------------------------------