{"_id":"@artisandm/speyside","_rev":"7-58b255767837675d19014165eabf1533","name":"@artisandm/speyside","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@artisandm/speyside","version":"1.0.0","description":"Lightweight and customizable sass framework","main":"index.js","scripts":{"build":"npm run compile","start":"npm run server & npm run watch","server":"./bin/nodemon","watch":"./bin/watch","compile":"./bin/compile"},"author":{"name":"Artisan Digtial Media"},"license":"ISC","devDependencies":{"express":"^4.17.1","node-sass":"^4.13.0","nodemon":"^2.0.2","onchange":"^6.1.0","reload":"^3.0.3"},"gitHead":"cdbd93a6a93bd4a04b673cace2047a40dca737d7","_id":"@artisandm/speyside@1.0.0","_nodeVersion":"13.3.0","_npmVersion":"6.13.2","dist":{"integrity":"sha512-Ula/myD7CWHg1sM9kVgmS81XOZnvWVm8faTVOUF/b7ADuHYPAPObU7jxNEy7Xmnp5qXY+dPEJAE6EnyVrrHqVA==","shasum":"25233b3073d8c650c5e782dfcdc07dd1bb109f50","tarball":"https://registry.npmjs.org/@artisandm/speyside/-/speyside-1.0.0.tgz","fileCount":12,"unpackedSize":3869,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+TV2CRA9TVsSAnZWagAACSEP+gKY7+1Jo7emeYC1RK+d\nvT0Wo95m5cNvDgkdTHsG00rEENG3MRP03oL1L7T3Ewp/9ctf3Wb3BQgocnCy\n4UDGN8tgTooFCIpKtyteKNo88sUIN/e5WwFMaQQiR8IDNwSPL3Wu5YEe/HXs\nL37bTbqCjGHz3EogH8Zic6pfBWHXMVh9XCzCEQbsUtd/MKhZz0YwRgOXh0i5\nCtqWdrw1rWVBXGLM5Wd7Y42QKGN+6DuJV5WCYViJf4SWNdic63UOyQcwufIa\nuYGNBdBQktY10C3xQdAr8USfRFAF/8WkUuXK9BclWMZOjJqXInP18KJL8FAo\n6bhrRvsWj00sZtZAyk6rD+YSR2Nhh/yw9YqyzDRxBSOixqkpSoJYXv56/8fB\nEr63WAmqTjGXqGGo8gyEOH14/vBw9+pnoeZ7H7335O8/LntbJJSPP1H8jU0g\neQ2+JvMInJMikv2kdS9WB7ko+ddnFRjLkhY+gPCsBlLmRdkfypu+BxT6JEKD\n10kuzP6KfUS0EMaKsYLGtTw4TQCYmzakDt4uX99SgsiC8pyUNYqZ33N8h7oQ\nOqkLC4dTwnezV9pcxdI6l63f70dFZOV7jid2rsqsU+k2zDyMk5Zz+hMRrt0X\nhX+7gOZhQLJCZfASv+Q+LrujL3IRkPOFKPuKQlxnApSLFZa3e+pPBx9SzTjM\n4j1v\r\n=0LTQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDi4NoX0ENyvU20Aqhe7SycCcqmN2oSvWHSvoSI3u+MvgIhAPxQuBzz/PMiTnPF5SSTcxcplw5NomHAcPYIJc+pwoFr"}]},"maintainers":[{"name":"jacobrussell","email":"jacob@artisandm.com"},{"name":"stuarthaas","email":"stuart@artisandm.com"}],"_npmUser":{"name":"stuarthaas","email":"stuart@artisandm.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/speyside_1.0.0_1576613238155_0.5595035632683529"},"_hasShrinkwrap":false},"1.0.1":{"name":"@artisandm/speyside","version":"1.0.1","description":"Lightweight and customizable sass framework","main":"index.js","scripts":{"build":"npm run compile","start":"npm run server & npm run watch","server":"./bin/nodemon","watch":"./bin/watch","compile":"./bin/compile"},"author":{"name":"Artisan Digtial Media"},"license":"ISC","devDependencies":{"express":"^4.17.1","node-sass":"^4.13.0","nodemon":"^2.0.2","onchange":"^6.1.0","reload":"^3.0.3"},"gitHead":"728f4dc58dac914e22f1bb59503dcf33b9c56cae","_id":"@artisandm/speyside@1.0.1","_nodeVersion":"13.3.0","_npmVersion":"6.13.2","dist":{"integrity":"sha512-fdNjxGGGZtk+kMEuMx+PyG41CBLHwZS6bdXBRjF84no0LtYY+gXDRhmElSmeFv7n0i1M2q4GrFgBicn9hgwYiA==","shasum":"6a25114ad3e99e6326fc580c54eb794045b71a79","tarball":"https://registry.npmjs.org/@artisandm/speyside/-/speyside-1.0.1.tgz","fileCount":16,"unpackedSize":2726201,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE0plCRA9TVsSAnZWagAATRgQAJQfNUZ1YDL//WLQIaUV\ncAw5bZTWIBt2xTom4EhndbW51O+5T/XlT7c/B1WpyJuKFt9EiqzobFjzkr4G\nTniy6fL3ZWOc2p738q9ty6A7YrrNh4g2+CeoevFP7rw7gsYKdqhQ2UTFk2P+\nSTHUwfq0i4BMK1Yt7Q4ogkZfNzUZUrpPq2miy8U3ggnXdcH1Fg1m4reaEVzx\nbevGMsCTVaH7R+WVycTZ04KifFEuKkAySxMoXiGOX57FrF4q8aluwPaXX3PP\nnDZK/41SDJUI5+7jYn5bx0HuYDeRmRmVvaY+bmPeVh0wAMbUwxslgIANZDhF\nT9Ttbrn4PNYniCLyHHmSyaLymIX2UWCubzZFqe+vZ0eSyb4NHpBAGum3YdoJ\ntjM/A2/cLjfJntmP2+3wVR1X9suYTUSSrnVkXUQV3+5c/bIv667vnhZlXr6+\nBo/w7Qbz6d7J6BlmfAKmejYnX3IFotiNJ3Ynf5TwiRcDlLdeKqQY6pxZ1sTH\n4bwIQEqnmgqYO0uIgCPVNuaDh4MIYIOAG3UKi8DE5cJucIqgPJuFVyNYs8w7\nEJ8py0Lunlij1NmZ84f+1JkUekLD+iFafmcypJLp376PIFzYPzp1kY+AWIrU\nEbP8WISxRkZBvNDKO0e/UwwAOIxg13IMN/g43JbAmLWVp4UXRvKEYUJTSE3Q\nMNM8\r\n=vlUT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBIYEnXjARHwEtcRECMHVIeP5gEyi1G3vsl84jtrFA6gIgdzHZRYf15QT8jkjcNdtsEb/f/hYlqSl0Zkz+7jp70Bo="}]},"maintainers":[{"email":"jacob@artisandm.com","name":"jacobrussell"},{"email":"josh@artisandm.com","name":"joshparylak"},{"email":"stuart@artisandm.com","name":"stuarthaas"}],"_npmUser":{"name":"stuarthaas","email":"stuart@artisandm.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/speyside_1.0.1_1578322532752_0.7086812945327747"},"_hasShrinkwrap":false},"1.0.2":{"name":"@artisandm/speyside","version":"1.0.2","description":"Lightweight and customizable sass framework","main":"index.js","scripts":{"build":"npm run compile","start":"npm run server & npm run watch","server":"./bin/nodemon","watch":"./bin/watch","compile":"./bin/compile"},"author":{"name":"Artisan Digtial Media"},"license":"ISC","devDependencies":{"express":"^4.17.1","node-sass":"^4.13.0","nodemon":"^2.0.2","onchange":"^6.1.0","reload":"^3.0.3"},"gitHead":"455a9225137dd166f39893820c05082adf85cef6","_id":"@artisandm/speyside@1.0.2","_nodeVersion":"13.3.0","_npmVersion":"6.13.2","dist":{"integrity":"sha512-hzKBPnbzyWraxJEXqrH1CZ3vZD9Y7hb8AAyj/fQAw4wLlAdX8yT5v/VWJyLd8xJBXoELUjAlB34UfuDCZk/fuA==","shasum":"2537087e895912ad8c668282922130f5623ed7cf","tarball":"https://registry.npmjs.org/@artisandm/speyside/-/speyside-1.0.2.tgz","fileCount":16,"unpackedSize":2726057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeE0tnCRA9TVsSAnZWagAA6H8P/3hCFkTuape4DE99z8gc\nrhP/YHw9eViRcDVMfUvqNX5oWaNlDw24WX3bT35eG1OaHVqjIU/r07fFyF4M\nYVvuUSOxEdR+kcIsxmdMgH9Fj0YpTV/4uyEQWVMdQlH8do27nd5dbAukMZj0\nAe2A6RjALqoG1KHCd3TkHtGI0GZ6D4SnqKepiyg51bcDvLUwSFv4AUSfLE4K\n3jCCsa6mTwlvDdCu3T/b2OH+mrRIOp6V3tZsopCaDlgf3Bhcdi7s++kR6v/V\nxfWrClW7UT7/LuXA6Md7auagcG7vBrhshHGF0Qh48acFHjIxXiqDXkEfNtB0\nvC3G15++BjL/4TleVjMeCvWN4hzG8stfSfoBMhyEE+3acUU4pIMLd/5gIlIU\nja/GbPZoQWclNCAujeNOmow3cYkX5gUE06rA5Sx2+IVMpNRRwovJcPp/dnhM\n3ZinOfPe3d9b8bRrS0QwdpH7nZwKNSj+scCSMuG/bmn6dtDywVI2DC8r3zGk\n23IeG64bRujSUq4phnzZxX4/pLpnjMesErh99xcTijf0tMEijaKYL1cR2HTP\nltbL1NscmnXkPnL7urrO7jw9/Xge5FMckT0QYTe4qSZL1qN9K4GglnbqgLge\nbW95cBNjHBWPm9pvL4AA+QPDo0QjTH4QkS4u+P5aOMxhIlutW+5/jpca3edC\nYkAm\r\n=iK0l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDV9ANYcv6qzFCaAEspi/apQvD2uev4QijtmXSCTxsXHwIgQaj8U6ZYYybqo3A7LT95velHqLjTDruAIGHa1FISI2g="}]},"maintainers":[{"email":"jacob@artisandm.com","name":"jacobrussell"},{"email":"josh@artisandm.com","name":"joshparylak"},{"email":"stuart@artisandm.com","name":"stuarthaas"}],"_npmUser":{"name":"stuarthaas","email":"stuart@artisandm.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/speyside_1.0.2_1578322790161_0.8758113931316618"},"_hasShrinkwrap":false},"1.0.3":{"name":"@artisandm/speyside","version":"1.0.3","description":"Lightweight and customizable sass framework","main":"index.js","scripts":{"build":"npm run compile","start":"npm run server & npm run watch","server":"./bin/nodemon","watch":"./bin/watch","compile":"./bin/compile"},"author":{"name":"Artisan Digtial Media"},"license":"ISC","devDependencies":{"express":"^4.17.1","node-sass":"^4.13.0","nodemon":"^2.0.2","onchange":"^6.1.0","reload":"^3.0.3"},"gitHead":"52ccce1d31bcf83a6014903629b0654585ae1622","_id":"@artisandm/speyside@1.0.3","_nodeVersion":"13.3.0","_npmVersion":"6.13.2","dist":{"integrity":"sha512-g+vkrfP17pKutz1CTseNH+mUr0ctckh9tgUga0JS2y0YxYoE1Ua1R0vIidM//c94htxYFj/fgQmYR1mmjOzkgA==","shasum":"bb9042cc231de16bbc3a85d74b04ec80e8ded659","tarball":"https://registry.npmjs.org/@artisandm/speyside/-/speyside-1.0.3.tgz","fileCount":16,"unpackedSize":193095,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFJ1bCRA9TVsSAnZWagAAQa8P/1cUV3R0wx9zToglIbeu\nNZ4u9OFVg7a/wPnikQ/IL4MudZuTTquU/9IS5/pS3KIStyjVPhdEKmQu1O98\nx6uc3BCe78ShG4kF4ogBTYQg1yyejwKwsD0b9eqoYut0nn0hoe7q0zXzdp4s\ntn9e4rcX58JxiEU73MbIBIopucRuezyCFR523SiduEldG2rT6UrN7LRYzAxx\n1FjZ+2PEkZwLAQj/V5jco4cWAhEvd/tqIJ2I7uNweXsN+llHK3UKUyTlUBIP\nE4Mff7DI6N3bAcCj3zC3Etf4F9mcydzho6q0i0wOgwm+XntQBdMdSc6EuJ9a\nlRmzNmKCY+/X3OXJnj3nXVYVIneAAwrErBHMSJIbRWKzHCl6YUudNx+jXmi5\n6WxYrOuQz81iVW1GxLzIKKpguTPKA9uLkGpQ9MDtjq9zWR/B5kxizSPq9JvM\ndid17unONkSahqs3m219+d3HsKmMYXJVBSX7rH5l4J7FoA92DJC6qkec1ZdV\noFZudVJweVp9fA1uAg1rW21kf0LquuHYdq5/w1lJwoyyKxL+e2EPw1dkYcgz\n7hbfcbh6E0OQA01hkU0B5euvoJEo8SELdGoaZlv+3n0YzSjBVyvTIrmP2Sr5\nlcpxkJBr3n999mXjUQvLEPTgYFji6xfso/aL+qGRGclJecEv6P8uNlyYbi2k\nUCOa\r\n=cddK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZWEGBJPdeZzDfqdC6VYWSjJG1CjazFrhiWf0IPkp8zwIhAMX8AxhY2yPeEgRlAY5kT4cGlb4ug37hWdTBBrGzuy4G"}]},"maintainers":[{"email":"jacob@artisandm.com","name":"jacobrussell"},{"email":"josh@artisandm.com","name":"joshparylak"},{"email":"stuart@artisandm.com","name":"stuarthaas"}],"_npmUser":{"name":"stuarthaas","email":"stuart@artisandm.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/speyside_1.0.3_1578409306802_0.5495956504025676"},"_hasShrinkwrap":false},"1.0.4":{"name":"@artisandm/speyside","version":"1.0.4","description":"Lightweight and customizable sass framework","main":"index.js","scripts":{"build":"npm run compile","start":"npm run server & npm run watch","server":"./bin/nodemon","watch":"./bin/watch","compile":"./bin/compile"},"author":{"name":"Artisan Digtial Media"},"license":"ISC","devDependencies":{"express":"^4.17.1","node-sass":"^4.13.0","nodemon":"^2.0.2","onchange":"^6.1.0","reload":"^3.0.3"},"gitHead":"0d66085b8d83619c5b35bf113358aae731109510","_id":"@artisandm/speyside@1.0.4","_nodeVersion":"13.3.0","_npmVersion":"6.13.2","dist":{"integrity":"sha512-pNffO7dB/EluKFA8S86hprQBo41ncswwc+UDKmwW4hlFCCIpwaajWucVHKPP3wXzug6Lc2Q61mrcqXH9qG9eZA==","shasum":"e6fac6f4311e45d868121d788be7d51dc0dae76c","tarball":"https://registry.npmjs.org/@artisandm/speyside/-/speyside-1.0.4.tgz","fileCount":16,"unpackedSize":102872,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFJ4zCRA9TVsSAnZWagAAQ1IP/3+7JyTzZ8dN95dZpU/l\n1yPHSaaz4GP3vLY1Wm0Rgd75NrhyrTtOZFmTypYAhsY8BcvR7/kGsUdB8z2p\n2p9TQcA9zktGTs6kT/agjUYHuL4HS/n+vGsuMX9IUueoWFylomDq6pP4u07f\neUj6X32tTfqJYj0SVUnS0FLy0sGxG35KmQmPhr2IQ1632d//rjorO4nDSofy\ncV3JmOcKHcWZ/MMl9WzNB9dFmX4CRNx2xVzS8GCTTb5pXsQpTv4RpBdqQyWC\nMto58gWPY3xypgwAe08Y5NPDRvk1OpsODYIb9fbtdDRJ1KeUV/sgKH5fEOFw\nzUaOZXLX59o15c3mcjo095Fpz5Xz+P3uEnw7jEWaUXSDQCHxQJnV1w23Qa2K\nYEzaateifGMvLPKcD62E9NKQ8efnJi9d0hXlEgw/t3kSZAHqn94De76PeTOG\n+lvcPiRZ6fJr6258ddC0NCrPya3crSiNY/2nDUpxiWvxkWaPRL3c5vJAyrAz\n2ioPJ/W6KNgs07Ud0P8+UQgCz6mZdltBQ528PR7wwBrs/pJEivf3NtKxrqDB\nYyne0Gm2/xIIqMGtkfKrsCKwRRkqqCGKNSjOdwuY0rWBx5DixaZOyPPyxUPf\nckCUZL1GiSWgUH+TBCf8UGYjqxdOrPeO9QdSIuZK3X+2LFYB0Sy/nXnABPwX\npwzt\r\n=HnzY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCACeUzDuMM3dd4wyUbTNr/+aYsBmMZKXiV6UIyQ7XaqwIhAK4S2cgMN/D+1aODOQ9z1NnyIb9L8VrYFlDO7LlCzqjm"}]},"maintainers":[{"email":"jacob@artisandm.com","name":"jacobrussell"},{"email":"josh@artisandm.com","name":"joshparylak"},{"email":"stuart@artisandm.com","name":"stuarthaas"}],"_npmUser":{"name":"stuarthaas","email":"stuart@artisandm.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/speyside_1.0.4_1578409522576_0.30221932916803174"},"_hasShrinkwrap":false}},"time":{"created":"2019-12-17T20:07:17.919Z","1.0.0":"2019-12-17T20:07:18.703Z","modified":"2024-03-26T19:47:42.064Z","1.0.1":"2020-01-06T14:55:32.951Z","1.0.2":"2020-01-06T14:59:51.131Z","1.0.3":"2020-01-07T15:01:46.954Z","1.0.4":"2020-01-07T15:05:22.687Z"},"maintainers":[{"email":"jacob@artisandm.com","name":"jacobrussell"},{"email":"josh@artisandm.com","name":"joshparylak"}],"description":"Lightweight and customizable sass framework","author":{"name":"Artisan Digtial Media"},"license":"ISC","readme":"# Usage Guidlines\n\n## Table of Contents\n\n* Grids\n    1. [Overview](#grids-overview)\n    2. [Flex Grid](#flex-grid)\n    3. [Float Grid](#float-grid)\n\n* Breakpoints\n    1. [Overview](#breakpoints-overview)\n    2. [Variables](#breakpoints-variables)\n    3. [Max Width](#max-width)\n    4. [Min Width](#min-width)\n    5. [Max and Min Width](#max-and-min-width)\n    6. [More Options](#more-options)\n\n### Grids Overview\n\nSpeyside grids can utilize either flex box or floats.\n\n### Flex Grid\n\nCreate a flex box grid with 4 autosized columns\n\n```\n<div class=\"grid flex\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n</div>\n```\n\nCreate a flex box grid with 3 autosized columns and 1 column with 50% width\n\n```\n<div class=\"grid flex\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col-6\">\n</div>\n\n```\n\nCreate a flex box grid with horizontal gutters\n\n```\n<div class=\"grid flex gutter-5-h\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n</div>\n```\n\nCreate a flex box grid with vertical gutters\n\n```\n<div class=\"grid flex gutter-5-v\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n</div>\n```\n\nCreate a flex box grid with vertical and horizontal gutters\n\n```\n<div class=\"grid flex gutter-5\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n</div>\n```\n\nCreate a flex box grid with collapsed outer margins and horizontal gutters\n\n```\n<div class=\"grid flex collapse gutter-5-h\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n</div>\n```\n\nCreate a flex box grid with collapsed outer margins and horizontal gutters\n\n```\n<div class=\"grid flex collapse gutter-5-h\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n  <div class=\"col\">\n</div>\n```\n\n### Float Grid\n\n*This featured is not available yet*\n\n```\n<div class=\"grid\">\n  <div class=\"col-3\">\n  <div class=\"col-3\">\n  <div class=\"col-3\">\n  <div class=\"col-3\">\n</div>\n```\n\n### Breakpoints Overview\n\n### Breakpoints Variables\n\nAdd the $breakpoints variable to your class to override the predefined values\n\n```\n$breakpoints: (\n  mobile: 768px,\n  laptop: 992px,\n  desktop: 1200px\n);\n```\n\n### Max Width\n\nAdd a max width breakpoint using a value defined in $breakpoints\n\n```\n.class {\n  @include breakpoint(laptop, max) {\n    display: block;\n  }\n}\n```\n\nOr use with a hard-coded value for one-off situations\n\n```\n.class {\n  @include breakpoint(1200px, max) {\n    display: block;\n  }\n}\n```\n\n### Min Width\n\nAdd a min width breakpoint using a value defined in $breakpoints\n\n```\n.class {\n  @include breakpoint(laptop, min) {\n    display: block;\n  }\n}\n```\n\nOr use with a hard-coded value for one-off situations\n\n```\n.class {\n  @include breakpoint(1200px, min) {\n    display: block;\n  }\n}\n```\n\n### Max and Min Width\n\nAdd a min and width breakpoint using a value defined in $breakpoints\nThis instance would hide an element on larger mobile devices only\n\n```\n.class {\n  @include breakpoint(mobile, min) {\n    @include breakpoint(laptop, max) {\n      display: none;\n    }\n  }\n}\n```\n\nOr use with hard-coded values for one-off situations\n\n```\n.class {\n  @include breakpoint(768px, min) {\n    @include breakpoint(1200px, max) {\n      display: none;\n    }\n  }\n}\n```\n\n### More Options\n\nTarget orientation, max-height, and more using a value defined in $breakpoints\n\n```\n.class {\n    @include breakpoint(landscape, orientation) {\n        display: block;\n    }\n}\n```\n\nOr use with a hard-coded value for one-off situations\n\n```\n.class {\n    @include breakpoint(1200px, orientation) {\n        display: block;\n    }\n}\n```\n\n**Let's get crazy**\n\nThis instance would hide an element on larger mobile devices\nwith a landscape orientation only\n\n```\n.class {\n  @include breakpoint(mobile, min) {\n    @include breakpoint(laptop, max) {\n      @include breakpoint(landscape, orientation) {\n        display: none;\n      }\n    }\n  }\n}\n```\n\nOr with hard-coded values\n\n```\n.class {\n  @include breakpoint(768px, min) {\n    @include breakpoint(1200px, max) {\n      @include breakpoint(landscape, orientation) {\n        display: none;\n      }\n    }\n  }\n}\n```","readmeFilename":"README.md"}