diff --git a/README.md b/README.md index 4b78bdb..32aad28 100644 --- a/README.md +++ b/README.md @@ -35,11 +35,15 @@ gem install jekyll bundler ``` cd personal-website ``` -4. Build the site and make it available on a local server +4. Install missing gems +``` +bundle install +``` +5. Build the site and make it available on a local server ``` bundle exec jekyll serve ``` -5. Now browse to [http://localhost:4000](http://localhost:4000) +6. Now browse to [http://localhost:4000](http://localhost:4000) ### Publish @@ -47,11 +51,11 @@ When you host your personal website's code on GitHub, you get the support of fre **The fastest approach** is to rename your repository `username.github.io`, where `username` is your GitHub username (or organization name). Then, the next time you push any changes to your repository's `master` branch, they'll be accessible on the web at your `username.github.io` address. -**If you want to use a custom domain**, however, you'll want to add it to your repository's "Custom domain" settings on github.com. And then register and/or [configure your domain with a DNS provider](https://help.github.com/articles/quick-start-setting-up-a-custom-domain/). +**If you want to use a custom domain**, you'll want to add it to your repository's "Custom domain" settings on github.com. And then register and/or [configure your domain with a DNS provider](https://help.github.com/articles/quick-start-setting-up-a-custom-domain/). ## Customization -It's your website, and you control the source code. So you can custom everything, if you like. But we've provided a handful of quick customizations for you to consider as you get your website off the ground. +It's your website, and you control the source code. So you can customize everything, if you like. But we've provided a handful of quick customizations for you to consider as you get your website off the ground. ### Quick configuration changes diff --git a/_data/colors.json b/_data/colors.json new file mode 100644 index 0000000..ab38e2b --- /dev/null +++ b/_data/colors.json @@ -0,0 +1,1434 @@ +{ + "1C Enterprise": { + "color": "#814CCC", + "url": "https://github.com/trending?l=1C-Enterprise" + }, + "ABAP": { + "color": "#E8274B", + "url": "https://github.com/trending?l=ABAP" + }, + "ActionScript": { + "color": "#882B0F", + "url": "https://github.com/trending?l=ActionScript" + }, + "Ada": { + "color": "#02f88c", + "url": "https://github.com/trending?l=Ada" + }, + "Agda": { + "color": "#315665", + "url": "https://github.com/trending?l=Agda" + }, + "AGS Script": { + "color": "#B9D9FF", + "url": "https://github.com/trending?l=AGS-Script" + }, + "Alloy": { + "color": "#64C800", + "url": "https://github.com/trending?l=Alloy" + }, + "Alpine Abuild": { + "color": null, + "url": "https://github.com/trending?l=Alpine-Abuild" + }, + "AMPL": { + "color": "#E6EFBB", + "url": "https://github.com/trending?l=AMPL" + }, + "AngelScript": { + "color": "#C7D7DC", + "url": "https://github.com/trending?l=AngelScript" + }, + "ANTLR": { + "color": "#9DC3FF", + "url": "https://github.com/trending?l=ANTLR" + }, + "Apex": { + "color": null, + "url": "https://github.com/trending?l=Apex" + }, + "API Blueprint": { + "color": "#2ACCA8", + "url": "https://github.com/trending?l=API-Blueprint" + }, + "APL": { + "color": "#5A8164", + "url": "https://github.com/trending?l=APL" + }, + "Apollo Guidance Computer": { + "color": null, + "url": "https://github.com/trending?l=Apollo-Guidance-Computer" + }, + "AppleScript": { + "color": "#101F1F", + "url": "https://github.com/trending?l=AppleScript" + }, + "Arc": { + "color": "#aa2afe", + "url": "https://github.com/trending?l=Arc" + }, + "ASP": { + "color": "#6a40fd", + "url": "https://github.com/trending?l=ASP" + }, + "AspectJ": { + "color": "#a957b0", + "url": "https://github.com/trending?l=AspectJ" + }, + "Assembly": { + "color": "#6E4C13", + "url": "https://github.com/trending?l=Assembly" + }, + "ATS": { + "color": "#1ac620", + "url": "https://github.com/trending?l=ATS" + }, + "Augeas": { + "color": null, + "url": "https://github.com/trending?l=Augeas" + }, + "AutoHotkey": { + "color": "#6594b9", + "url": "https://github.com/trending?l=AutoHotkey" + }, + "AutoIt": { + "color": "#1C3552", + "url": "https://github.com/trending?l=AutoIt" + }, + "Awk": { + "color": null, + "url": "https://github.com/trending?l=Awk" + }, + "Ballerina": { + "color": "#FF5000", + "url": "https://github.com/trending?l=Ballerina" + }, + "Batchfile": { + "color": "#C1F12E", + "url": "https://github.com/trending?l=Batchfile" + }, + "Befunge": { + "color": null, + "url": "https://github.com/trending?l=Befunge" + }, + "Bison": { + "color": null, + "url": "https://github.com/trending?l=Bison" + }, + "BitBake": { + "color": null, + "url": "https://github.com/trending?l=BitBake" + }, + "BlitzBasic": { + "color": null, + "url": "https://github.com/trending?l=BlitzBasic" + }, + "BlitzMax": { + "color": "#cd6400", + "url": "https://github.com/trending?l=BlitzMax" + }, + "Bluespec": { + "color": null, + "url": "https://github.com/trending?l=Bluespec" + }, + "Boo": { + "color": "#d4bec1", + "url": "https://github.com/trending?l=Boo" + }, + "Brainfuck": { + "color": "#2F2530", + "url": "https://github.com/trending?l=Brainfuck" + }, + "Brightscript": { + "color": null, + "url": "https://github.com/trending?l=Brightscript" + }, + "Bro": { + "color": null, + "url": "https://github.com/trending?l=Bro" + }, + "C": { + "color": "#555555", + "url": "https://github.com/trending?l=C" + }, + "C#": { + "color": "#178600", + "url": "https://github.com/trending?l=Csharp" + }, + "C++": { + "color": "#f34b7d", + "url": "https://github.com/trending?l=C++" + }, + "C2hs Haskell": { + "color": null, + "url": "https://github.com/trending?l=C2hs-Haskell" + }, + "Cap'n Proto": { + "color": null, + "url": "https://github.com/trending?l=Cap'n-Proto" + }, + "CartoCSS": { + "color": null, + "url": "https://github.com/trending?l=CartoCSS" + }, + "Ceylon": { + "color": "#dfa535", + "url": "https://github.com/trending?l=Ceylon" + }, + "Chapel": { + "color": "#8dc63f", + "url": "https://github.com/trending?l=Chapel" + }, + "Charity": { + "color": null, + "url": "https://github.com/trending?l=Charity" + }, + "ChucK": { + "color": null, + "url": "https://github.com/trending?l=ChucK" + }, + "Cirru": { + "color": "#ccccff", + "url": "https://github.com/trending?l=Cirru" + }, + "Clarion": { + "color": "#db901e", + "url": "https://github.com/trending?l=Clarion" + }, + "Clean": { + "color": "#3F85AF", + "url": "https://github.com/trending?l=Clean" + }, + "Click": { + "color": "#E4E6F3", + "url": "https://github.com/trending?l=Click" + }, + "CLIPS": { + "color": null, + "url": "https://github.com/trending?l=CLIPS" + }, + "Clojure": { + "color": "#db5855", + "url": "https://github.com/trending?l=Clojure" + }, + "CMake": { + "color": null, + "url": "https://github.com/trending?l=CMake" + }, + "COBOL": { + "color": null, + "url": "https://github.com/trending?l=COBOL" + }, + "CoffeeScript": { + "color": "#244776", + "url": "https://github.com/trending?l=CoffeeScript" + }, + "ColdFusion": { + "color": "#ed2cd6", + "url": "https://github.com/trending?l=ColdFusion" + }, + "ColdFusion CFC": { + "color": null, + "url": "https://github.com/trending?l=ColdFusion-CFC" + }, + "Common Lisp": { + "color": "#3fb68b", + "url": "https://github.com/trending?l=Common-Lisp" + }, + "Common Workflow Language": { + "color": "#B5314C", + "url": "https://github.com/trending?l=Common-Workflow-Language" + }, + "Component Pascal": { + "color": "#B0CE4E", + "url": "https://github.com/trending?l=Component-Pascal" + }, + "Cool": { + "color": null, + "url": "https://github.com/trending?l=Cool" + }, + "Coq": { + "color": null, + "url": "https://github.com/trending?l=Coq" + }, + "Crystal": { + "color": "#000100", + "url": "https://github.com/trending?l=Crystal" + }, + "Csound": { + "color": null, + "url": "https://github.com/trending?l=Csound" + }, + "Csound Document": { + "color": null, + "url": "https://github.com/trending?l=Csound-Document" + }, + "Csound Score": { + "color": null, + "url": "https://github.com/trending?l=Csound-Score" + }, + "CSS": { + "color": "#563d7c", + "url": "https://github.com/trending?l=CSS" + }, + "Cuda": { + "color": "#3A4E3A", + "url": "https://github.com/trending?l=Cuda" + }, + "CWeb": { + "color": null, + "url": "https://github.com/trending?l=CWeb" + }, + "Cycript": { + "color": null, + "url": "https://github.com/trending?l=Cycript" + }, + "Cython": { + "color": null, + "url": "https://github.com/trending?l=Cython" + }, + "D": { + "color": "#ba595e", + "url": "https://github.com/trending?l=D" + }, + "Dart": { + "color": "#00B4AB", + "url": "https://github.com/trending?l=Dart" + }, + "DataWeave": { + "color": "#003a52", + "url": "https://github.com/trending?l=DataWeave" + }, + "DIGITAL Command Language": { + "color": null, + "url": "https://github.com/trending?l=DIGITAL-Command-Language" + }, + "DM": { + "color": "#447265", + "url": "https://github.com/trending?l=DM" + }, + "Dockerfile": { + "color": "#0db7ed", + "url": "https://github.com/trending?l=Dockerfile" + }, + "Dogescript": { + "color": "#cca760", + "url": "https://github.com/trending?l=Dogescript" + }, + "DTrace": { + "color": null, + "url": "https://github.com/trending?l=DTrace" + }, + "Dylan": { + "color": "#6c616e", + "url": "https://github.com/trending?l=Dylan" + }, + "E": { + "color": "#ccce35", + "url": "https://github.com/trending?l=E" + }, + "eC": { + "color": "#913960", + "url": "https://github.com/trending?l=eC" + }, + "ECL": { + "color": "#8a1267", + "url": "https://github.com/trending?l=ECL" + }, + "ECLiPSe": { + "color": null, + "url": "https://github.com/trending?l=ECLiPSe" + }, + "Eiffel": { + "color": "#946d57", + "url": "https://github.com/trending?l=Eiffel" + }, + "Elixir": { + "color": "#6e4a7e", + "url": "https://github.com/trending?l=Elixir" + }, + "Elm": { + "color": "#60B5CC", + "url": "https://github.com/trending?l=Elm" + }, + "Emacs Lisp": { + "color": "#c065db", + "url": "https://github.com/trending?l=Emacs-Lisp" + }, + "EmberScript": { + "color": "#FFF4F3", + "url": "https://github.com/trending?l=EmberScript" + }, + "EQ": { + "color": "#a78649", + "url": "https://github.com/trending?l=EQ" + }, + "Erlang": { + "color": "#B83998", + "url": "https://github.com/trending?l=Erlang" + }, + "F#": { + "color": "#b845fc", + "url": "https://github.com/trending?l=Fsharp" + }, + "Factor": { + "color": "#636746", + "url": "https://github.com/trending?l=Factor" + }, + "Fancy": { + "color": "#7b9db4", + "url": "https://github.com/trending?l=Fancy" + }, + "Fantom": { + "color": "#14253c", + "url": "https://github.com/trending?l=Fantom" + }, + "Filebench WML": { + "color": null, + "url": "https://github.com/trending?l=Filebench-WML" + }, + "Filterscript": { + "color": null, + "url": "https://github.com/trending?l=Filterscript" + }, + "fish": { + "color": null, + "url": "https://github.com/trending?l=fish" + }, + "FLUX": { + "color": "#88ccff", + "url": "https://github.com/trending?l=FLUX" + }, + "Forth": { + "color": "#341708", + "url": "https://github.com/trending?l=Forth" + }, + "Fortran": { + "color": "#4d41b1", + "url": "https://github.com/trending?l=Fortran" + }, + "FreeMarker": { + "color": "#0050b2", + "url": "https://github.com/trending?l=FreeMarker" + }, + "Frege": { + "color": "#00cafe", + "url": "https://github.com/trending?l=Frege" + }, + "Game Maker Language": { + "color": "#8fb200", + "url": "https://github.com/trending?l=Game-Maker-Language" + }, + "GAMS": { + "color": null, + "url": "https://github.com/trending?l=GAMS" + }, + "GAP": { + "color": null, + "url": "https://github.com/trending?l=GAP" + }, + "GCC Machine Description": { + "color": null, + "url": "https://github.com/trending?l=GCC-Machine-Description" + }, + "GDB": { + "color": null, + "url": "https://github.com/trending?l=GDB" + }, + "GDScript": { + "color": null, + "url": "https://github.com/trending?l=GDScript" + }, + "Genie": { + "color": "#fb855d", + "url": "https://github.com/trending?l=Genie" + }, + "Genshi": { + "color": null, + "url": "https://github.com/trending?l=Genshi" + }, + "Gentoo Ebuild": { + "color": null, + "url": "https://github.com/trending?l=Gentoo-Ebuild" + }, + "Gentoo Eclass": { + "color": null, + "url": "https://github.com/trending?l=Gentoo-Eclass" + }, + "Gherkin": { + "color": "#5B2063", + "url": "https://github.com/trending?l=Gherkin" + }, + "GLSL": { + "color": null, + "url": "https://github.com/trending?l=GLSL" + }, + "Glyph": { + "color": "#e4cc98", + "url": "https://github.com/trending?l=Glyph" + }, + "Gnuplot": { + "color": "#f0a9f0", + "url": "https://github.com/trending?l=Gnuplot" + }, + "Go": { + "color": "#375eab", + "url": "https://github.com/trending?l=Go" + }, + "Golo": { + "color": "#88562A", + "url": "https://github.com/trending?l=Golo" + }, + "Gosu": { + "color": "#82937f", + "url": "https://github.com/trending?l=Gosu" + }, + "Grace": { + "color": null, + "url": "https://github.com/trending?l=Grace" + }, + "Grammatical Framework": { + "color": "#79aa7a", + "url": "https://github.com/trending?l=Grammatical-Framework" + }, + "Groovy": { + "color": "#e69f56", + "url": "https://github.com/trending?l=Groovy" + }, + "Groovy Server Pages": { + "color": null, + "url": "https://github.com/trending?l=Groovy-Server-Pages" + }, + "Hack": { + "color": "#878787", + "url": "https://github.com/trending?l=Hack" + }, + "Harbour": { + "color": "#0e60e3", + "url": "https://github.com/trending?l=Harbour" + }, + "Haskell": { + "color": "#5e5086", + "url": "https://github.com/trending?l=Haskell" + }, + "Haxe": { + "color": "#df7900", + "url": "https://github.com/trending?l=Haxe" + }, + "HCL": { + "color": null, + "url": "https://github.com/trending?l=HCL" + }, + "HiveQL": { + "color": "#dce200", + "url": "https://github.com/trending?l=HiveQL" + }, + "HLSL": { + "color": null, + "url": "https://github.com/trending?l=HLSL" + }, + "HTML": { + "color": "#e34c26", + "url": "https://github.com/trending?l=HTML" + }, + "Hy": { + "color": "#7790B2", + "url": "https://github.com/trending?l=Hy" + }, + "HyPhy": { + "color": null, + "url": "https://github.com/trending?l=HyPhy" + }, + "IDL": { + "color": "#a3522f", + "url": "https://github.com/trending?l=IDL" + }, + "Idris": { + "color": "#b30000", + "url": "https://github.com/trending?l=Idris" + }, + "IGOR Pro": { + "color": null, + "url": "https://github.com/trending?l=IGOR-Pro" + }, + "Inform 7": { + "color": null, + "url": "https://github.com/trending?l=Inform-7" + }, + "Inno Setup": { + "color": null, + "url": "https://github.com/trending?l=Inno-Setup" + }, + "Io": { + "color": "#a9188d", + "url": "https://github.com/trending?l=Io" + }, + "Ioke": { + "color": "#078193", + "url": "https://github.com/trending?l=Ioke" + }, + "Isabelle": { + "color": "#FEFE00", + "url": "https://github.com/trending?l=Isabelle" + }, + "Isabelle ROOT": { + "color": null, + "url": "https://github.com/trending?l=Isabelle-ROOT" + }, + "J": { + "color": "#9EEDFF", + "url": "https://github.com/trending?l=J" + }, + "Jasmin": { + "color": null, + "url": "https://github.com/trending?l=Jasmin" + }, + "Java": { + "color": "#b07219", + "url": "https://github.com/trending?l=Java" + }, + "Java Server Pages": { + "color": null, + "url": "https://github.com/trending?l=Java-Server-Pages" + }, + "JavaScript": { + "color": "#f1e05a", + "url": "https://github.com/trending?l=JavaScript" + }, + "JFlex": { + "color": null, + "url": "https://github.com/trending?l=JFlex" + }, + "Jison": { + "color": null, + "url": "https://github.com/trending?l=Jison" + }, + "Jison Lex": { + "color": null, + "url": "https://github.com/trending?l=Jison-Lex" + }, + "Jolie": { + "color": "#843179", + "url": "https://github.com/trending?l=Jolie" + }, + "JSONiq": { + "color": "#40d47e", + "url": "https://github.com/trending?l=JSONiq" + }, + "JSX": { + "color": null, + "url": "https://github.com/trending?l=JSX" + }, + "Julia": { + "color": "#a270ba", + "url": "https://github.com/trending?l=Julia" + }, + "Jupyter Notebook": { + "color": "#DA5B0B", + "url": "https://github.com/trending?l=Jupyter-Notebook" + }, + "Kotlin": { + "color": "#F18E33", + "url": "https://github.com/trending?l=Kotlin" + }, + "KRL": { + "color": "#28431f", + "url": "https://github.com/trending?l=KRL" + }, + "LabVIEW": { + "color": null, + "url": "https://github.com/trending?l=LabVIEW" + }, + "Lasso": { + "color": "#999999", + "url": "https://github.com/trending?l=Lasso" + }, + "Lean": { + "color": null, + "url": "https://github.com/trending?l=Lean" + }, + "Lex": { + "color": "#DBCA00", + "url": "https://github.com/trending?l=Lex" + }, + "LFE": { + "color": "#4C3023", + "url": "https://github.com/trending?l=LFE" + }, + "LilyPond": { + "color": null, + "url": "https://github.com/trending?l=LilyPond" + }, + "Limbo": { + "color": null, + "url": "https://github.com/trending?l=Limbo" + }, + "Literate Agda": { + "color": null, + "url": "https://github.com/trending?l=Literate-Agda" + }, + "Literate CoffeeScript": { + "color": null, + "url": "https://github.com/trending?l=Literate-CoffeeScript" + }, + "Literate Haskell": { + "color": null, + "url": "https://github.com/trending?l=Literate-Haskell" + }, + "LiveScript": { + "color": "#499886", + "url": "https://github.com/trending?l=LiveScript" + }, + "LLVM": { + "color": "#185619", + "url": "https://github.com/trending?l=LLVM" + }, + "Logos": { + "color": null, + "url": "https://github.com/trending?l=Logos" + }, + "Logtalk": { + "color": null, + "url": "https://github.com/trending?l=Logtalk" + }, + "LOLCODE": { + "color": "#cc9900", + "url": "https://github.com/trending?l=LOLCODE" + }, + "LookML": { + "color": "#652B81", + "url": "https://github.com/trending?l=LookML" + }, + "LoomScript": { + "color": null, + "url": "https://github.com/trending?l=LoomScript" + }, + "LSL": { + "color": "#3d9970", + "url": "https://github.com/trending?l=LSL" + }, + "Lua": { + "color": "#000080", + "url": "https://github.com/trending?l=Lua" + }, + "M": { + "color": null, + "url": "https://github.com/trending?l=M" + }, + "M4": { + "color": null, + "url": "https://github.com/trending?l=M4" + }, + "M4Sugar": { + "color": null, + "url": "https://github.com/trending?l=M4Sugar" + }, + "Makefile": { + "color": "#427819", + "url": "https://github.com/trending?l=Makefile" + }, + "Mako": { + "color": null, + "url": "https://github.com/trending?l=Mako" + }, + "Mask": { + "color": "#f97732", + "url": "https://github.com/trending?l=Mask" + }, + "Mathematica": { + "color": null, + "url": "https://github.com/trending?l=Mathematica" + }, + "Matlab": { + "color": "#e16737", + "url": "https://github.com/trending?l=Matlab" + }, + "Max": { + "color": "#c4a79c", + "url": "https://github.com/trending?l=Max" + }, + "MAXScript": { + "color": "#00a6a6", + "url": "https://github.com/trending?l=MAXScript" + }, + "Mercury": { + "color": "#ff2b2b", + "url": "https://github.com/trending?l=Mercury" + }, + "Meson": { + "color": "#007800", + "url": "https://github.com/trending?l=Meson" + }, + "Metal": { + "color": "#8f14e9", + "url": "https://github.com/trending?l=Metal" + }, + "MiniD": { + "color": null, + "url": "https://github.com/trending?l=MiniD" + }, + "Mirah": { + "color": "#c7a938", + "url": "https://github.com/trending?l=Mirah" + }, + "Modelica": { + "color": null, + "url": "https://github.com/trending?l=Modelica" + }, + "Modula-2": { + "color": null, + "url": "https://github.com/trending?l=Modula-2" + }, + "Module Management System": { + "color": null, + "url": "https://github.com/trending?l=Module-Management-System" + }, + "Monkey": { + "color": null, + "url": "https://github.com/trending?l=Monkey" + }, + "Moocode": { + "color": null, + "url": "https://github.com/trending?l=Moocode" + }, + "MoonScript": { + "color": null, + "url": "https://github.com/trending?l=MoonScript" + }, + "MQL4": { + "color": "#62A8D6", + "url": "https://github.com/trending?l=MQL4" + }, + "MQL5": { + "color": "#4A76B8", + "url": "https://github.com/trending?l=MQL5" + }, + "MTML": { + "color": "#b7e1f4", + "url": "https://github.com/trending?l=MTML" + }, + "MUF": { + "color": null, + "url": "https://github.com/trending?l=MUF" + }, + "mupad": { + "color": null, + "url": "https://github.com/trending?l=mupad" + }, + "Myghty": { + "color": null, + "url": "https://github.com/trending?l=Myghty" + }, + "NCL": { + "color": "#28431f", + "url": "https://github.com/trending?l=NCL" + }, + "Nearley": { + "color": "#990000", + "url": "https://github.com/trending?l=Nearley" + }, + "Nemerle": { + "color": "#3d3c6e", + "url": "https://github.com/trending?l=Nemerle" + }, + "nesC": { + "color": "#94B0C7", + "url": "https://github.com/trending?l=nesC" + }, + "NetLinx": { + "color": "#0aa0ff", + "url": "https://github.com/trending?l=NetLinx" + }, + "NetLinx+ERB": { + "color": "#747faa", + "url": "https://github.com/trending?l=NetLinx+ERB" + }, + "NetLogo": { + "color": "#ff6375", + "url": "https://github.com/trending?l=NetLogo" + }, + "NewLisp": { + "color": "#87AED7", + "url": "https://github.com/trending?l=NewLisp" + }, + "Nextflow": { + "color": "#3ac486", + "url": "https://github.com/trending?l=Nextflow" + }, + "Nim": { + "color": "#37775b", + "url": "https://github.com/trending?l=Nim" + }, + "Nit": { + "color": "#009917", + "url": "https://github.com/trending?l=Nit" + }, + "Nix": { + "color": "#7e7eff", + "url": "https://github.com/trending?l=Nix" + }, + "NSIS": { + "color": null, + "url": "https://github.com/trending?l=NSIS" + }, + "Nu": { + "color": "#c9df40", + "url": "https://github.com/trending?l=Nu" + }, + "NumPy": { + "color": null, + "url": "https://github.com/trending?l=NumPy" + }, + "Objective-C": { + "color": "#438eff", + "url": "https://github.com/trending?l=Objective-C" + }, + "Objective-C++": { + "color": "#6866fb", + "url": "https://github.com/trending?l=Objective-C++" + }, + "Objective-J": { + "color": "#ff0c5a", + "url": "https://github.com/trending?l=Objective-J" + }, + "OCaml": { + "color": "#3be133", + "url": "https://github.com/trending?l=OCaml" + }, + "Omgrofl": { + "color": "#cabbff", + "url": "https://github.com/trending?l=Omgrofl" + }, + "ooc": { + "color": "#b0b77e", + "url": "https://github.com/trending?l=ooc" + }, + "Opa": { + "color": null, + "url": "https://github.com/trending?l=Opa" + }, + "Opal": { + "color": "#f7ede0", + "url": "https://github.com/trending?l=Opal" + }, + "OpenCL": { + "color": null, + "url": "https://github.com/trending?l=OpenCL" + }, + "OpenEdge ABL": { + "color": null, + "url": "https://github.com/trending?l=OpenEdge-ABL" + }, + "OpenRC runscript": { + "color": null, + "url": "https://github.com/trending?l=OpenRC-runscript" + }, + "OpenSCAD": { + "color": null, + "url": "https://github.com/trending?l=OpenSCAD" + }, + "Ox": { + "color": null, + "url": "https://github.com/trending?l=Ox" + }, + "Oxygene": { + "color": "#cdd0e3", + "url": "https://github.com/trending?l=Oxygene" + }, + "Oz": { + "color": "#fab738", + "url": "https://github.com/trending?l=Oz" + }, + "P4": { + "color": "#7055b5", + "url": "https://github.com/trending?l=P4" + }, + "Pan": { + "color": "#cc0000", + "url": "https://github.com/trending?l=Pan" + }, + "Papyrus": { + "color": "#6600cc", + "url": "https://github.com/trending?l=Papyrus" + }, + "Parrot": { + "color": "#f3ca0a", + "url": "https://github.com/trending?l=Parrot" + }, + "Parrot Assembly": { + "color": null, + "url": "https://github.com/trending?l=Parrot-Assembly" + }, + "Parrot Internal Representation": { + "color": null, + "url": "https://github.com/trending?l=Parrot-Internal-Representation" + }, + "Pascal": { + "color": "#E3F171", + "url": "https://github.com/trending?l=Pascal" + }, + "PAWN": { + "color": "#dbb284", + "url": "https://github.com/trending?l=PAWN" + }, + "Pep8": { + "color": "#C76F5B", + "url": "https://github.com/trending?l=Pep8" + }, + "Perl": { + "color": "#0298c3", + "url": "https://github.com/trending?l=Perl" + }, + "Perl 6": { + "color": "#0000fb", + "url": "https://github.com/trending?l=Perl-6" + }, + "PHP": { + "color": "#4F5D95", + "url": "https://github.com/trending?l=PHP" + }, + "PicoLisp": { + "color": null, + "url": "https://github.com/trending?l=PicoLisp" + }, + "PigLatin": { + "color": "#fcd7de", + "url": "https://github.com/trending?l=PigLatin" + }, + "Pike": { + "color": "#005390", + "url": "https://github.com/trending?l=Pike" + }, + "PLpgSQL": { + "color": null, + "url": "https://github.com/trending?l=PLpgSQL" + }, + "PLSQL": { + "color": "#dad8d8", + "url": "https://github.com/trending?l=PLSQL" + }, + "PogoScript": { + "color": "#d80074", + "url": "https://github.com/trending?l=PogoScript" + }, + "Pony": { + "color": null, + "url": "https://github.com/trending?l=Pony" + }, + "PostScript": { + "color": "#da291c", + "url": "https://github.com/trending?l=PostScript" + }, + "POV-Ray SDL": { + "color": null, + "url": "https://github.com/trending?l=POV-Ray-SDL" + }, + "PowerBuilder": { + "color": "#8f0f8d", + "url": "https://github.com/trending?l=PowerBuilder" + }, + "PowerShell": { + "color": "#012456", + "url": "https://github.com/trending?l=PowerShell" + }, + "Processing": { + "color": "#0096D8", + "url": "https://github.com/trending?l=Processing" + }, + "Prolog": { + "color": "#74283c", + "url": "https://github.com/trending?l=Prolog" + }, + "Propeller Spin": { + "color": "#7fa2a7", + "url": "https://github.com/trending?l=Propeller-Spin" + }, + "Puppet": { + "color": "#302B6D", + "url": "https://github.com/trending?l=Puppet" + }, + "PureBasic": { + "color": "#5a6986", + "url": "https://github.com/trending?l=PureBasic" + }, + "PureScript": { + "color": "#1D222D", + "url": "https://github.com/trending?l=PureScript" + }, + "Python": { + "color": "#3572A5", + "url": "https://github.com/trending?l=Python" + }, + "Python console": { + "color": null, + "url": "https://github.com/trending?l=Python-console" + }, + "q": { + "color": "#0040cd", + "url": "https://github.com/trending?l=q" + }, + "QMake": { + "color": null, + "url": "https://github.com/trending?l=QMake" + }, + "QML": { + "color": "#44a51c", + "url": "https://github.com/trending?l=QML" + }, + "R": { + "color": "#198CE7", + "url": "https://github.com/trending?l=R" + }, + "Racket": { + "color": "#22228f", + "url": "https://github.com/trending?l=Racket" + }, + "Ragel": { + "color": "#9d5200", + "url": "https://github.com/trending?l=Ragel" + }, + "RAML": { + "color": "#77d9fb", + "url": "https://github.com/trending?l=RAML" + }, + "Rascal": { + "color": "#fffaa0", + "url": "https://github.com/trending?l=Rascal" + }, + "REALbasic": { + "color": null, + "url": "https://github.com/trending?l=REALbasic" + }, + "Reason": { + "color": null, + "url": "https://github.com/trending?l=Reason" + }, + "Rebol": { + "color": "#358a5b", + "url": "https://github.com/trending?l=Rebol" + }, + "Red": { + "color": "#f50000", + "url": "https://github.com/trending?l=Red" + }, + "Redcode": { + "color": null, + "url": "https://github.com/trending?l=Redcode" + }, + "Ren'Py": { + "color": "#ff7f7f", + "url": "https://github.com/trending?l=Ren'Py" + }, + "RenderScript": { + "color": null, + "url": "https://github.com/trending?l=RenderScript" + }, + "REXX": { + "color": null, + "url": "https://github.com/trending?l=REXX" + }, + "Ring": { + "color": "#0e60e3", + "url": "https://github.com/trending?l=Ring" + }, + "RobotFramework": { + "color": null, + "url": "https://github.com/trending?l=RobotFramework" + }, + "Roff": { + "color": "#ecdebe", + "url": "https://github.com/trending?l=Roff" + }, + "Rouge": { + "color": "#cc0088", + "url": "https://github.com/trending?l=Rouge" + }, + "RPC": { + "color": null, + "url": "https://github.com/trending?l=RPC" + }, + "Ruby": { + "color": "#701516", + "url": "https://github.com/trending?l=Ruby" + }, + "RUNOFF": { + "color": "#665a4e", + "url": "https://github.com/trending?l=RUNOFF" + }, + "Rust": { + "color": "#dea584", + "url": "https://github.com/trending?l=Rust" + }, + "Sage": { + "color": null, + "url": "https://github.com/trending?l=Sage" + }, + "SaltStack": { + "color": "#646464", + "url": "https://github.com/trending?l=SaltStack" + }, + "SAS": { + "color": "#B34936", + "url": "https://github.com/trending?l=SAS" + }, + "Scala": { + "color": "#c22d40", + "url": "https://github.com/trending?l=Scala" + }, + "Scheme": { + "color": "#1e4aec", + "url": "https://github.com/trending?l=Scheme" + }, + "Scilab": { + "color": null, + "url": "https://github.com/trending?l=Scilab" + }, + "sed": { + "color": "#64b970", + "url": "https://github.com/trending?l=sed" + }, + "Self": { + "color": "#0579aa", + "url": "https://github.com/trending?l=Self" + }, + "ShaderLab": { + "color": null, + "url": "https://github.com/trending?l=ShaderLab" + }, + "Shell": { + "color": "#89e051", + "url": "https://github.com/trending?l=Shell" + }, + "ShellSession": { + "color": null, + "url": "https://github.com/trending?l=ShellSession" + }, + "Shen": { + "color": "#120F14", + "url": "https://github.com/trending?l=Shen" + }, + "Slash": { + "color": "#007eff", + "url": "https://github.com/trending?l=Slash" + }, + "Smali": { + "color": null, + "url": "https://github.com/trending?l=Smali" + }, + "Smalltalk": { + "color": "#596706", + "url": "https://github.com/trending?l=Smalltalk" + }, + "Smarty": { + "color": null, + "url": "https://github.com/trending?l=Smarty" + }, + "SMT": { + "color": null, + "url": "https://github.com/trending?l=SMT" + }, + "Solidity": { + "color": "#AA6746", + "url": "https://github.com/trending?l=Solidity" + }, + "SourcePawn": { + "color": "#5c7611", + "url": "https://github.com/trending?l=SourcePawn" + }, + "SQF": { + "color": "#3F3F3F", + "url": "https://github.com/trending?l=SQF" + }, + "SQLPL": { + "color": null, + "url": "https://github.com/trending?l=SQLPL" + }, + "Squirrel": { + "color": "#800000", + "url": "https://github.com/trending?l=Squirrel" + }, + "SRecode Template": { + "color": "#348a34", + "url": "https://github.com/trending?l=SRecode-Template" + }, + "Stan": { + "color": "#b2011d", + "url": "https://github.com/trending?l=Stan" + }, + "Standard ML": { + "color": "#dc566d", + "url": "https://github.com/trending?l=Standard-ML" + }, + "Stata": { + "color": null, + "url": "https://github.com/trending?l=Stata" + }, + "SuperCollider": { + "color": "#46390b", + "url": "https://github.com/trending?l=SuperCollider" + }, + "Swift": { + "color": "#ffac45", + "url": "https://github.com/trending?l=Swift" + }, + "SystemVerilog": { + "color": "#DAE1C2", + "url": "https://github.com/trending?l=SystemVerilog" + }, + "Tcl": { + "color": "#e4cc98", + "url": "https://github.com/trending?l=Tcl" + }, + "Tcsh": { + "color": null, + "url": "https://github.com/trending?l=Tcsh" + }, + "Terra": { + "color": "#00004c", + "url": "https://github.com/trending?l=Terra" + }, + "TeX": { + "color": "#3D6117", + "url": "https://github.com/trending?l=TeX" + }, + "Thrift": { + "color": null, + "url": "https://github.com/trending?l=Thrift" + }, + "TI Program": { + "color": "#A0AA87", + "url": "https://github.com/trending?l=TI-Program" + }, + "TLA": { + "color": null, + "url": "https://github.com/trending?l=TLA" + }, + "Turing": { + "color": "#cf142b", + "url": "https://github.com/trending?l=Turing" + }, + "TXL": { + "color": null, + "url": "https://github.com/trending?l=TXL" + }, + "TypeScript": { + "color": "#2b7489", + "url": "https://github.com/trending?l=TypeScript" + }, + "Unified Parallel C": { + "color": null, + "url": "https://github.com/trending?l=Unified-Parallel-C" + }, + "Unix Assembly": { + "color": null, + "url": "https://github.com/trending?l=Unix-Assembly" + }, + "Uno": { + "color": null, + "url": "https://github.com/trending?l=Uno" + }, + "UnrealScript": { + "color": "#a54c4d", + "url": "https://github.com/trending?l=UnrealScript" + }, + "UrWeb": { + "color": null, + "url": "https://github.com/trending?l=UrWeb" + }, + "Vala": { + "color": "#fbe5cd", + "url": "https://github.com/trending?l=Vala" + }, + "VCL": { + "color": "#0298c3", + "url": "https://github.com/trending?l=VCL" + }, + "Verilog": { + "color": "#b2b7f8", + "url": "https://github.com/trending?l=Verilog" + }, + "VHDL": { + "color": "#adb2cb", + "url": "https://github.com/trending?l=VHDL" + }, + "Vim script": { + "color": "#199f4b", + "url": "https://github.com/trending?l=Vim-script" + }, + "Visual Basic": { + "color": "#945db7", + "url": "https://github.com/trending?l=Visual-Basic" + }, + "Volt": { + "color": "#1F1F1F", + "url": "https://github.com/trending?l=Volt" + }, + "Vue": { + "color": "#2c3e50", + "url": "https://github.com/trending?l=Vue" + }, + "wdl": { + "color": "#42f1f4", + "url": "https://github.com/trending?l=wdl" + }, + "WebAssembly": { + "color": "#04133b", + "url": "https://github.com/trending?l=WebAssembly" + }, + "WebIDL": { + "color": null, + "url": "https://github.com/trending?l=WebIDL" + }, + "wisp": { + "color": "#7582D1", + "url": "https://github.com/trending?l=wisp" + }, + "X10": { + "color": "#4B6BEF", + "url": "https://github.com/trending?l=X10" + }, + "xBase": { + "color": "#403a40", + "url": "https://github.com/trending?l=xBase" + }, + "XC": { + "color": "#99DA07", + "url": "https://github.com/trending?l=XC" + }, + "Xojo": { + "color": null, + "url": "https://github.com/trending?l=Xojo" + }, + "XProc": { + "color": null, + "url": "https://github.com/trending?l=XProc" + }, + "XQuery": { + "color": "#5232e7", + "url": "https://github.com/trending?l=XQuery" + }, + "XS": { + "color": null, + "url": "https://github.com/trending?l=XS" + }, + "XSLT": { + "color": "#EB8CEB", + "url": "https://github.com/trending?l=XSLT" + }, + "Xtend": { + "color": null, + "url": "https://github.com/trending?l=Xtend" + }, + "Yacc": { + "color": "#4B6C4B", + "url": "https://github.com/trending?l=Yacc" + }, + "Zephir": { + "color": "#118f9e", + "url": "https://github.com/trending?l=Zephir" + }, + "Zimpl": { + "color": null, + "url": "https://github.com/trending?l=Zimpl" + } +} diff --git a/_includes/header.html b/_includes/header.html index 84cd1eb..d36f5e6 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -10,10 +10,17 @@ {% assign user = site.github.owner %} +{% if page.path contains '_posts' %} + {% assign meta_description = page.content | strip_html | strip_newlines | xml_escape | truncate: 300 %} +{% else %} + {% assign meta_description = user.bio | strip_html | strip_newlines | xml_escape | truncate: 300 %} +{% endif %} + + {{ user.name }} diff --git a/_includes/repo-card.html b/_includes/repo-card.html index c35ce37..2f1ef87 100644 --- a/_includes/repo-card.html +++ b/_includes/repo-card.html @@ -3,20 +3,23 @@

{% octicon repo height:20 class:"mr-1 v-align-middle" fill:"#586069" aria-label:repo %} - {{ repository.owner.login }} / {{ repository.name }}

{{ repository.description }}
-
+
+ {% if repository.language %} + + {{ repository.language }} + {% endif %} {% if repository.stargazers_count %} - + {{ repository.stargazers_count }} {% endif %} {% if repository.forks_count %} - + {{ repository.forks_count }} {% endif %} diff --git a/_site/README.md b/_site/README.md deleted file mode 100644 index 4b78bdb..0000000 --- a/_site/README.md +++ /dev/null @@ -1,156 +0,0 @@ -# Get started building your personal website - -### Showcase your software development skills - -This repository gives you the code you'll need to kickstart a personal website that showcases your work as a software developer. And when you manage the code in a GitHub repository, it will automatically render a webpage with the owner's profile information, including a photo, bio, and repositories. - -Your personal website is waiting to be personalized, though. It includes space to highlight your specific areas of interest in software development, like languages or industries. And it's standing by to publish your next great blog post. - -It's all possible using the combination of [Jekyll](https://jekyllrb.com/docs/) (for building your website), [GitHub Pages](https://pages.github.com/) (for hosting your website), and [GitHub's API](https://developer.github.com/v3/) (for automatically populating your website with content). - -## Installation - -### Fork the `github/personal-website` repo - -You'll be making your own copy of the "personal website starter" repository so you have your own project to customize. A "fork" is a copy of a repository. So select "Fork" atop [the `github/personal-website` repository](https://github.com/github/personal-website). - -Once you've found a home for your forked repository, it's yours. You're the owner, so you're ready to publish, if you wish. - -### Install in your local development environment - -If you want to manage your website in a local web development environment, you'll be using [Ruby](https://jekyllrb.com/docs/installation/). - -Once you've found a home for your forked repository, **[clone it](https://help.github.com/articles/cloning-a-repository/)**. - -#### Install Jekyll - -Jekyll is a [Ruby Gem](https://jekyllrb.com/docs/ruby-101/#gems) that can be installed on most systems. - -1. Install a full [Ruby development environment](https://jekyllrb.com/docs/installation/) -2. Install Jekyll and [bundler](/docs/ruby-101/#bundler) [gems](/docs/ruby-101/#gems) -``` -gem install jekyll bundler -``` -3. Change into your new directory -``` -cd personal-website -``` -4. Build the site and make it available on a local server -``` -bundle exec jekyll serve -``` -5. Now browse to [http://localhost:4000](http://localhost:4000) - -### Publish - -When you host your personal website's code on GitHub, you get the support of free hosting through GitHub Pages. - -**The fastest approach** is to rename your repository `username.github.io`, where `username` is your GitHub username (or organization name). Then, the next time you push any changes to your repository's `master` branch, they'll be accessible on the web at your `username.github.io` address. - -**If you want to use a custom domain**, however, you'll want to add it to your repository's "Custom domain" settings on github.com. And then register and/or [configure your domain with a DNS provider](https://help.github.com/articles/quick-start-setting-up-a-custom-domain/). - -## Customization - -It's your website, and you control the source code. So you can custom everything, if you like. But we've provided a handful of quick customizations for you to consider as you get your website off the ground. - -### Quick configuration changes - -Most customizations can be done in a matter of seconds, by revising your repository's `_config.yml` file. Just remember to restart your local server each time you save new changes so your Jekyll-powered website rebuilds correctly: - -1. Shut down your server by entering the keyboard command CTRL+c -2. Restart your server: `jekyll serve` - - -#### Layout - -By default, your website will display in a two-column layout on larger-screen devices, with your photo, name, and basic information displayed in a left-aligned "sidebar." But you can quickly switch to a "stacked" single-column layout by changing the line in your `_config.yml` file that reads `layout: sidebar` to `layout: stacked`. - -#### Style - -By default, your website appears with a "light" white and gray background, with dark text. But you can quickly switch to a "dark" background with white text by changing the line in your `_config.yml` file that reads `style: light` to `style: dark`. - -#### Topics - -Your website comes pre-configured with three topics (e.g. "Web design" and "Sass") that appear in a section titled "My Interests." These are also stored in your repository's `_config.yml` file, where you can define each topic's name and two other optional details: - -- `web_url`: The web address you'd like to your topic to link to (e.g. `https://github.com/topics/sass`). -- `image_url`: The web address of an (ideally square) image that you'd like to appear with your topic. - -## Adding pages - -To **add a page** to your website (e.g. detailed resume): - -1. Create a new `.html` or `.md` file at the root of your repository. -2. Give it a filename that you want to be used in the page's URL (e.g. `http://yoursite.dev/filename`). -3. At the start of your file, include the following [front matter](https://jekyllrb.com/docs/front-matter/): - -``` ---- -layout: default ---- -``` - -4. Save. - -## Adding blog posts - -To **add a blog post** to your website: - -1. Create a new `.md` file in your repository's `/_posts/` directory. -2. Give it a filename using the following format: - -``` -YEAR-MONTH-DAY-title.MARKUP -``` - -3. At the start of your file, include the following [front matter](https://jekyllrb.com/docs/front-matter/): - -``` ---- -title: "The title of my blog post" ---- -``` - -Your website comes with a placeholder blog post that you can reference. Notably, its [front matter](https://jekyllrb.com/docs/front-matter/) declares `published` as `false`, so that it won't appear on your website. - -While you _can_ also define a `layout` in the front matter, your website is pre-configured to assign the `post` layout to all of the posts in your `/_posts/` directory. So you don't have to declare that in your posts, if you don't want to. - -Jekyll's conventions for authoring and managing blog posts is very flexible. You can [learn more in Jekyll's documentation for "Posts."](https://jekyllrb.com/docs/posts/) - -## Content and templates - -To give you a sound foundation to start your personal website, your repository includes a handful of "includes" -- dynamic `.html` files that are re-used throughout your website. They're all stored in the `/_includes/` directory. - -There are the usual suspects, like `header.html` and `footer.html`. But there are few more worth pointing out: - -- `interests.html`: A heading and dynamic list of "My Interests," which is populated with the [topics](#topics) you list in your `_config.yml`. -- `masthead.html`: A collection of your avatar, name, bio, and other metadata that's displayed prominently on all your webpages to help identify what the website is about. -- `post-card.html`: A compact, summarized presentation of a blog post, re-used to display a listing of your latest blog posts. -- `projects.html`: A heading and dynamic list of "My Projects," which is populated with a listing of your newest GitHub repositories. -- `repo-card.html`: A compact, summarized presentation of a repository, re-used to display a listing of your GitHub repositories. -- `thoughts.html`: A heading and dynamic list of "My Thoughts," which is populated with a listing of your latest blog posts. -- `topic-card.html`: A compact, summarized presentation of a topic (defined in your `_config.yml`), re-used to display a listing of your interests. - -### Layouts - -Your repository comes with three layouts: - -- **default**: Not used by any of the built-in pages or posts, but useful for any new pages you create. -- **home**: Used by your `index.html` homepage to display listings of your projects, interests, and (optionally) your blog posts. -- **post**: Used by default by the posts in your `/_posts/` directory. - -Jekyll's convention for defining layouts is very flexible. You can [learn more about customizing your layouts in the Jekyll "Layouts" docs.](https://jekyllrb.com/docs/layouts/) - -## Styles - -Your website is pre-configured to use [a very flexible CSS framework called "Primer,"](https://styleguide.github.com/primer/) alongside any custom styles you write in your `/assets/styles.scss` Sass stylesheet. It's currently referenced within your `styles.scss` file, using the CSS import at-rule: - -``` -@import url('https://unpkg.com/primer/build/build.css'); -``` - -You are, of course, welcome to remove it or replace it with another framework. Just bear in mind that the HTML that your website came pre-packaged with references multiple Primer "utility classes" to define things like column widths, margins, and background colors. - -## License - -The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css deleted file mode 100644 index 97e0029..0000000 --- a/_site/assets/css/style.css +++ /dev/null @@ -1,2766 +0,0 @@ -/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ -/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ -html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } - -/** Remove the margin in all browsers (opinionated). */ -body { margin: 0; } - -/* HTML5 display definitions ========================================================================== */ -/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */ -article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { /* 1 */ display: block; } - -summary { display: list-item; } - -/** Add the correct display in IE 9-. */ -audio, canvas, progress, video { display: inline-block; } - -/** Add the correct display in iOS 4-7. */ -audio:not([controls]) { display: none; height: 0; } - -/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */ -progress { vertical-align: baseline; } - -/** Add the correct display in IE 10-. 1. Add the correct display in IE. */ -template, [hidden] { display: none; } - -/* Links ========================================================================== */ -/** Remove the gray background on active links in IE 10. */ -a { background-color: transparent; /* 1 */ } - -/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */ -a:active, a:hover { outline-width: 0; } - -/* Text-level semantics ========================================================================== */ -/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ -abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } - -/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ -b, strong { font-weight: inherit; } - -/** Add the correct font weight in Chrome, Edge, and Safari. */ -b, strong { font-weight: bolder; } - -/** Add the correct font style in Android 4.3-. */ -dfn { font-style: italic; } - -/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */ -h1 { font-size: 2em; margin: 0.67em 0; } - -/** Add the correct background and color in IE 9-. */ -mark { background-color: #ff0; color: #000; } - -/** Add the correct font size in all browsers. */ -small { font-size: 80%; } - -/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ -sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } - -sub { bottom: -0.25em; } - -sup { top: -0.5em; } - -/* Embedded content ========================================================================== */ -/** Remove the border on images inside links in IE 10-. */ -img { border-style: none; } - -/** Hide the overflow in IE. */ -svg:not(:root) { overflow: hidden; } - -/* Grouping content ========================================================================== */ -/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ -code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } - -/** Add the correct margin in IE 8. */ -figure { margin: 1em 40px; } - -/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */ -hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } - -/* Forms ========================================================================== */ -/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */ -button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } - -/** Restore the font weight unset by the previous rule. */ -optgroup { font-weight: bold; } - -/** Show the overflow in IE. 1. Show the overflow in Edge. */ -button, input { /* 1 */ overflow: visible; } - -/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */ -button, select { /* 1 */ text-transform: none; } - -/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */ -button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } - -/** Remove the inner border and padding in Firefox. */ -button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } - -/** Restore the focus styles unset by the previous rule. */ -button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } - -/** Change the border, margin, and padding in all browsers (opinionated). */ -fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } - -/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ -legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } - -/** Remove the default vertical scrollbar in IE. */ -textarea { overflow: auto; } - -/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */ -[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } - -/** Correct the cursor style of increment and decrement buttons in Chrome. */ -[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } - -/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ -[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } - -/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ -[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - -/** Correct the text style of placeholders in Chrome, Edge, and Safari. */ -::-webkit-input-placeholder { color: inherit; opacity: 0.54; } - -/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ -::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } - -* { box-sizing: border-box; } - -input, select, textarea, button { font-family: inherit; font-size: inherit; line-height: inherit; } - -body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; line-height: 1.5; color: #24292e; background-color: #fff; } - -a { color: #0366d6; text-decoration: none; } -a:hover { text-decoration: underline; } - -b, strong { font-weight: 600; } - -hr, .rule { height: 0; margin: 15px 0; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; } -hr::before, .rule::before { display: table; content: ""; } -hr::after, .rule::after { display: table; clear: both; content: ""; } - -table { border-spacing: 0; border-collapse: collapse; } - -td, th { padding: 0; } - -button { cursor: pointer; border-radius: 0; } - -details summary { cursor: pointer; } -details:not([open]) > *:not(summary) { display: none !important; } - -h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } - -h1 { font-size: 32px; font-weight: 600; } - -h2 { font-size: 24px; font-weight: 600; } - -h3 { font-size: 20px; font-weight: 600; } - -h4 { font-size: 16px; font-weight: 600; } - -h5 { font-size: 14px; font-weight: 600; } - -h6 { font-size: 12px; font-weight: 600; } - -p { margin-top: 0; margin-bottom: 10px; } - -small { font-size: 90%; } - -blockquote { margin: 0; } - -ul, ol { padding-left: 0; margin-top: 0; margin-bottom: 0; } - -ol ol, ul ol { list-style-type: lower-roman; } - -ul ul ol, ul ol ol, ol ul ol, ol ol ol { list-style-type: lower-alpha; } - -dd { margin-left: 0; } - -tt, code { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; } - -pre { margin-top: 0; margin-bottom: 0; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 12px; } - -.octicon { vertical-align: text-bottom; } - -/* Fade in an element */ -.anim-fade-in { animation-name: fade-in; animation-duration: 1s; animation-timing-function: ease-in-out; } -.anim-fade-in.fast { animation-duration: 300ms; } - -@keyframes fade-in { 0% { opacity: 0; } - 100% { opacity: 1; } } -/* Fade out an element */ -.anim-fade-out { animation-name: fade-out; animation-duration: 1s; animation-timing-function: ease-out; } -.anim-fade-out.fast { animation-duration: 0.3s; } - -@keyframes fade-out { 0% { opacity: 1; } - 100% { opacity: 0; } } -/* Fade in and slide up an element */ -.anim-fade-up { opacity: 0; animation-name: fade-up; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-delay: 1s; } - -@keyframes fade-up { 0% { opacity: 0.8; transform: translateY(100%); } - 100% { opacity: 1; transform: translateY(0); } } -/* Fade an element out and slide down */ -.anim-fade-down { animation-name: fade-down; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; } - -@keyframes fade-down { 0% { opacity: 1; transform: translateY(0); } - 100% { opacity: 0.5; transform: translateY(100%); } } -/* Grow an element width from 0 to 100% */ -.anim-grow-x { width: 0%; animation-name: grow-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease; animation-delay: 0.5s; } - -@keyframes grow-x { to { width: 100%; } } -/* Shrink an element from 100% to 0% */ -.anim-shrink-x { animation-name: shrink-x; animation-duration: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-delay: 0.5s; } - -@keyframes shrink-x { to { width: 0%; } } -/* Fade in an element and scale it fast */ -.anim-scale-in { animation-name: scale-in; animation-duration: 0.15s; animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); } - -@keyframes scale-in { 0% { opacity: 0; transform: scale(0.5); } - 100% { opacity: 1; transform: scale(1); } } -/* Pulse an element's opacity */ -.anim-pulse { animation-name: pulse; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } - -@keyframes pulse { 0% { opacity: 0.3; } - 10% { opacity: 1; } - 100% { opacity: 0.3; } } -/* Pulse in an element */ -.anim-pulse-in { animation-name: pulse-in; animation-duration: 0.5s; } - -@keyframes pulse-in { 0% { transform: scale3d(1, 1, 1); } - 50% { transform: scale3d(1.1, 1.1, 1.1); } - 100% { transform: scale3d(1, 1, 1); } } -/* Increase scale of an element on hover */ -.hover-grow { transition: transform 0.3s; } -.hover-grow:hover { transform: scale(1.025); } - -/* Add a gray border */ -.border { border: 1px #e1e4e8 solid !important; } - -/* Add a gray border to the top */ -.border-top { border-top: 1px #e1e4e8 solid !important; } - -/* Add a gray border to the right */ -.border-right { border-right: 1px #e1e4e8 solid !important; } - -/* Add a gray border to the bottom */ -.border-bottom { border-bottom: 1px #e1e4e8 solid !important; } - -/* Add a gray border to the left */ -.border-left { border-left: 1px #e1e4e8 solid !important; } - -/* Add a gray border to the left and right */ -.border-y { border-top: 1px #e1e4e8 solid !important; border-bottom: 1px #e1e4e8 solid !important; } - -.border-dashed { border-style: dashed !important; } - -/* Use with .border to turn the border blue */ -.border-blue { border-color: #0366d6 !important; } - -/* Use with .border to turn the border blue-light */ -.border-blue-light { border-color: #c8e1ff !important; } - -/* Use with .border to turn the border green */ -.border-green { border-color: #34d058 !important; } - -/* Use with .border to turn the border green light */ -.border-green-light { border-color: #a2cbac !important; } - -/* Use with .border to turn the border red */ -.border-red { border-color: #d73a49 !important; } - -/* Use with .border to turn the border red-light */ -.border-red-light { border-color: #cea0a5 !important; } - -/* Use with .border to turn the border purple */ -.border-purple { border-color: #6f42c1 !important; } - -/* Use with .border to turn the border yellow */ -.border-yellow { border-color: #d9d0a5 !important; } - -/* Use with .border to turn the border gray-light */ -.border-gray-light { border-color: #eaecef !important; } - -/* Use with .border to turn the border gray-dark */ -.border-gray-dark { border-color: #d1d5da !important; } - -/* Use with .border to turn the border rgba black 0.15 */ -.border-black-fade { border-color: rgba(27, 31, 35, 0.15) !important; } - -/* Remove all borders */ -.border-0 { border: 0 !important; } - -/* Remove the top border */ -.border-top-0 { border-top: 0 !important; } - -/* Remove the right border */ -.border-right-0 { border-right: 0 !important; } - -/* Remove the bottom border */ -.border-bottom-0 { border-bottom: 0 !important; } - -/* Remove the left border */ -.border-left-0 { border-left: 0 !important; } - -/* Remove the border-radius */ -.rounded-0 { border-radius: 0 !important; } - -/* Add a border-radius to all corners */ -.rounded-1 { border-radius: 3px !important; } - -/* Add a 2x border-radius to all corners */ -.rounded-2 { border-radius: 6px !important; } - -/* Add a 50% border-radius to make something into a circle */ -.circle { border-radius: 50% !important; } - -.box-shadow { box-shadow: 0 1px 1px rgba(27, 31, 35, 0.1) !important; } - -.box-shadow-medium { box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15) !important; } - -.box-shadow-large { box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important; } - -.box-shadow-extra-large { box-shadow: 0 10px 50px rgba(27, 31, 35, 0.07) !important; } - -.box-shadow-none { box-shadow: none !important; } - -/* Set the background to $bg-white */ -.bg-white { background-color: #fff !important; } - -/* Set the background to $bg-blue */ -.bg-blue { background-color: #0366d6 !important; } - -/* Set the background to $bg-blue-light */ -.bg-blue-light { background-color: #f1f8ff !important; } - -/* Set the background to $bg-gray-dark */ -.bg-gray-dark { background-color: #24292e !important; } - -/* Set the background to $bg-gray */ -.bg-gray { background-color: #f6f8fa !important; } - -/* Set the background to $bg-gray-light */ -.bg-gray-light { background-color: #fafbfc !important; } - -/* Set the background to $bg-green */ -.bg-green { background-color: #28a745 !important; } - -/* Set the background to $bg-green-light */ -.bg-green-light { background-color: #dcffe4 !important; } - -/* Set the background to $bg-red */ -.bg-red { background-color: #d73a49 !important; } - -/* Set the background to $bg-red-light */ -.bg-red-light { background-color: #ffdce0 !important; } - -/* Set the background to $bg-yellow */ -.bg-yellow { background-color: #ffd33d !important; } - -/* Set the background to $bg-yellow-light */ -.bg-yellow-light { background-color: #fff5b1 !important; } - -/* Set the background to $bg-purple */ -.bg-purple { background-color: #6f42c1 !important; } - -/* Set the background to $bg-purple-light */ -.bg-purple-light { background-color: #f5f0ff !important; } - -.bg-shade-gradient { background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important; background-repeat: no-repeat !important; background-size: 100% 200px !important; } - -/* Set the text color to $text-blue */ -.text-blue { color: #0366d6 !important; } - -/* Set the text color to $text-red */ -.text-red { color: #cb2431 !important; } - -/* Set the text color to $text-gray-light */ -.text-gray-light { color: #6a737d !important; } - -/* Set the text color to $text-gray */ -.text-gray { color: #586069 !important; } - -/* Set the text color to $text-gray-dark */ -.text-gray-dark { color: #24292e !important; } - -/* Set the text color to $text-green */ -.text-green { color: #28a745 !important; } - -/* Set the text color to $text-orange */ -.text-orange { color: #a04100 !important; } - -/* Set the text color to $text-orange-light */ -.text-orange-light { color: #e36209 !important; } - -/* Set the text color to $text-purple */ -.text-purple { color: #6f42c1 !important; } - -/* Set the text color to $text-white */ -.text-white { color: #fff !important; } - -/* Set the text color to inherit */ -.text-inherit { color: inherit !important; } - -.text-pending { color: #b08800 !important; } - -.bg-pending { color: #dbab09 !important; } - -.link-gray { color: #586069 !important; } -.link-gray:hover { color: #0366d6 !important; } - -.link-gray-dark { color: #24292e !important; } -.link-gray-dark:hover { color: #0366d6 !important; } - -/* Set the link color to $text-blue on hover Useful when you want only part of a link to turn blue on hover */ -.link-hover-blue:hover { color: #0366d6 !important; } - -/* Make a link $text-gray, then $text-blue on hover and removes the underline */ -.muted-link { color: #586069 !important; } -.muted-link:hover { color: #0366d6 !important; text-decoration: none; } - -.flex-row { flex-direction: row !important; } - -.flex-row-reverse { flex-direction: row-reverse !important; } - -.flex-column { flex-direction: column !important; } - -.flex-wrap { flex-wrap: wrap !important; } - -.flex-nowrap { flex-wrap: nowrap !important; } - -.flex-justify-start { justify-content: flex-start !important; } - -.flex-justify-end { justify-content: flex-end !important; } - -.flex-justify-center { justify-content: center !important; } - -.flex-justify-between { justify-content: space-between !important; } - -.flex-justify-around { justify-content: space-around !important; } - -.flex-items-start { align-items: flex-start !important; } - -.flex-items-end { align-items: flex-end !important; } - -.flex-items-center { align-items: center !important; } - -.flex-items-baseline { align-items: baseline !important; } - -.flex-items-stretch { align-items: stretch !important; } - -.flex-content-start { align-content: flex-start !important; } - -.flex-content-end { align-content: flex-end !important; } - -.flex-content-center { align-content: center !important; } - -.flex-content-between { align-content: space-between !important; } - -.flex-content-around { align-content: space-around !important; } - -.flex-content-stretch { align-content: stretch !important; } - -.flex-auto { flex: 1 1 auto !important; } - -.flex-shrink-0 { flex-shrink: 0 !important; } - -.flex-self-auto { align-self: auto !important; } - -.flex-self-start { align-self: flex-start !important; } - -.flex-self-end { align-self: flex-end !important; } - -.flex-self-center { align-self: center !important; } - -.flex-self-baseline { align-self: baseline !important; } - -.flex-self-stretch { align-self: stretch !important; } - -.flex-item-equal { flex-grow: 1; flex-basis: 0; } - -@media (min-width: 544px) { .flex-sm-row { flex-direction: row !important; } - .flex-sm-row-reverse { flex-direction: row-reverse !important; } - .flex-sm-column { flex-direction: column !important; } - .flex-sm-wrap { flex-wrap: wrap !important; } - .flex-sm-nowrap { flex-wrap: nowrap !important; } - .flex-sm-justify-start { justify-content: flex-start !important; } - .flex-sm-justify-end { justify-content: flex-end !important; } - .flex-sm-justify-center { justify-content: center !important; } - .flex-sm-justify-between { justify-content: space-between !important; } - .flex-sm-justify-around { justify-content: space-around !important; } - .flex-sm-items-start { align-items: flex-start !important; } - .flex-sm-items-end { align-items: flex-end !important; } - .flex-sm-items-center { align-items: center !important; } - .flex-sm-items-baseline { align-items: baseline !important; } - .flex-sm-items-stretch { align-items: stretch !important; } - .flex-sm-content-start { align-content: flex-start !important; } - .flex-sm-content-end { align-content: flex-end !important; } - .flex-sm-content-center { align-content: center !important; } - .flex-sm-content-between { align-content: space-between !important; } - .flex-sm-content-around { align-content: space-around !important; } - .flex-sm-content-stretch { align-content: stretch !important; } - .flex-sm-auto { flex: 1 1 auto !important; } - .flex-sm-shrink-0 { flex-shrink: 0 !important; } - .flex-sm-self-auto { align-self: auto !important; } - .flex-sm-self-start { align-self: flex-start !important; } - .flex-sm-self-end { align-self: flex-end !important; } - .flex-sm-self-center { align-self: center !important; } - .flex-sm-self-baseline { align-self: baseline !important; } - .flex-sm-self-stretch { align-self: stretch !important; } - .flex-sm-item-equal { flex-grow: 1; flex-basis: 0; } } -@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } - .flex-md-row-reverse { flex-direction: row-reverse !important; } - .flex-md-column { flex-direction: column !important; } - .flex-md-wrap { flex-wrap: wrap !important; } - .flex-md-nowrap { flex-wrap: nowrap !important; } - .flex-md-justify-start { justify-content: flex-start !important; } - .flex-md-justify-end { justify-content: flex-end !important; } - .flex-md-justify-center { justify-content: center !important; } - .flex-md-justify-between { justify-content: space-between !important; } - .flex-md-justify-around { justify-content: space-around !important; } - .flex-md-items-start { align-items: flex-start !important; } - .flex-md-items-end { align-items: flex-end !important; } - .flex-md-items-center { align-items: center !important; } - .flex-md-items-baseline { align-items: baseline !important; } - .flex-md-items-stretch { align-items: stretch !important; } - .flex-md-content-start { align-content: flex-start !important; } - .flex-md-content-end { align-content: flex-end !important; } - .flex-md-content-center { align-content: center !important; } - .flex-md-content-between { align-content: space-between !important; } - .flex-md-content-around { align-content: space-around !important; } - .flex-md-content-stretch { align-content: stretch !important; } - .flex-md-auto { flex: 1 1 auto !important; } - .flex-md-shrink-0 { flex-shrink: 0 !important; } - .flex-md-self-auto { align-self: auto !important; } - .flex-md-self-start { align-self: flex-start !important; } - .flex-md-self-end { align-self: flex-end !important; } - .flex-md-self-center { align-self: center !important; } - .flex-md-self-baseline { align-self: baseline !important; } - .flex-md-self-stretch { align-self: stretch !important; } - .flex-md-item-equal { flex-grow: 1; flex-basis: 0; } } -@media (min-width: 1012px) { .flex-lg-row { flex-direction: row !important; } - .flex-lg-row-reverse { flex-direction: row-reverse !important; } - .flex-lg-column { flex-direction: column !important; } - .flex-lg-wrap { flex-wrap: wrap !important; } - .flex-lg-nowrap { flex-wrap: nowrap !important; } - .flex-lg-justify-start { justify-content: flex-start !important; } - .flex-lg-justify-end { justify-content: flex-end !important; } - .flex-lg-justify-center { justify-content: center !important; } - .flex-lg-justify-between { justify-content: space-between !important; } - .flex-lg-justify-around { justify-content: space-around !important; } - .flex-lg-items-start { align-items: flex-start !important; } - .flex-lg-items-end { align-items: flex-end !important; } - .flex-lg-items-center { align-items: center !important; } - .flex-lg-items-baseline { align-items: baseline !important; } - .flex-lg-items-stretch { align-items: stretch !important; } - .flex-lg-content-start { align-content: flex-start !important; } - .flex-lg-content-end { align-content: flex-end !important; } - .flex-lg-content-center { align-content: center !important; } - .flex-lg-content-between { align-content: space-between !important; } - .flex-lg-content-around { align-content: space-around !important; } - .flex-lg-content-stretch { align-content: stretch !important; } - .flex-lg-auto { flex: 1 1 auto !important; } - .flex-lg-shrink-0 { flex-shrink: 0 !important; } - .flex-lg-self-auto { align-self: auto !important; } - .flex-lg-self-start { align-self: flex-start !important; } - .flex-lg-self-end { align-self: flex-end !important; } - .flex-lg-self-center { align-self: center !important; } - .flex-lg-self-baseline { align-self: baseline !important; } - .flex-lg-self-stretch { align-self: stretch !important; } - .flex-lg-item-equal { flex-grow: 1; flex-basis: 0; } } -@media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; } - .flex-xl-row-reverse { flex-direction: row-reverse !important; } - .flex-xl-column { flex-direction: column !important; } - .flex-xl-wrap { flex-wrap: wrap !important; } - .flex-xl-nowrap { flex-wrap: nowrap !important; } - .flex-xl-justify-start { justify-content: flex-start !important; } - .flex-xl-justify-end { justify-content: flex-end !important; } - .flex-xl-justify-center { justify-content: center !important; } - .flex-xl-justify-between { justify-content: space-between !important; } - .flex-xl-justify-around { justify-content: space-around !important; } - .flex-xl-items-start { align-items: flex-start !important; } - .flex-xl-items-end { align-items: flex-end !important; } - .flex-xl-items-center { align-items: center !important; } - .flex-xl-items-baseline { align-items: baseline !important; } - .flex-xl-items-stretch { align-items: stretch !important; } - .flex-xl-content-start { align-content: flex-start !important; } - .flex-xl-content-end { align-content: flex-end !important; } - .flex-xl-content-center { align-content: center !important; } - .flex-xl-content-between { align-content: space-between !important; } - .flex-xl-content-around { align-content: space-around !important; } - .flex-xl-content-stretch { align-content: stretch !important; } - .flex-xl-auto { flex: 1 1 auto !important; } - .flex-xl-shrink-0 { flex-shrink: 0 !important; } - .flex-xl-self-auto { align-self: auto !important; } - .flex-xl-self-start { align-self: flex-start !important; } - .flex-xl-self-end { align-self: flex-end !important; } - .flex-xl-self-center { align-self: center !important; } - .flex-xl-self-baseline { align-self: baseline !important; } - .flex-xl-self-stretch { align-self: stretch !important; } - .flex-xl-item-equal { flex-grow: 1; flex-basis: 0; } } -/* Set position to static */ -.position-static { position: static !important; } - -/* Set position to relative */ -.position-relative { position: relative !important; } - -/* Set position to absolute */ -.position-absolute { position: absolute !important; } - -/* Set position to fixed */ -.position-fixed { position: fixed !important; } - -/* Set top 0 */ -.top-0 { top: 0 !important; } - -/* Set right 0 */ -.right-0 { right: 0 !important; } - -/* Set bottom 0 */ -.bottom-0 { bottom: 0 !important; } - -/* Set left 0 */ -.left-0 { left: 0 !important; } - -/* Vertical align middle */ -.v-align-middle { vertical-align: middle !important; } - -/* Vertical align top */ -.v-align-top { vertical-align: top !important; } - -/* Vertical align bottom */ -.v-align-bottom { vertical-align: bottom !important; } - -/* Vertical align to the top of the text */ -.v-align-text-top { vertical-align: text-top !important; } - -/* Vertical align to the bottom of the text */ -.v-align-text-bottom { vertical-align: text-bottom !important; } - -/* Vertical align to the parent's baseline */ -.v-align-baseline { vertical-align: baseline !important; } - -/* Set the overflow hidden */ -.overflow-hidden { overflow: hidden !important; } - -/* Set the overflow scroll */ -.overflow-scroll { overflow: scroll !important; } - -/* Set the overflow auto */ -.overflow-auto { overflow: auto !important; } - -/* Clear floats around the element */ -.clearfix::before { display: table; content: ""; } -.clearfix::after { display: table; clear: both; content: ""; } - -/* Float to the right */ -.float-right { float: right !important; } - -/* Float to the left */ -.float-left { float: left !important; } - -/* Don't float left or right */ -.float-none { float: none !important; } - -@media (min-width: 544px) { /* Float to the left at the sm breakpoint */ - .float-sm-left { float: left !important; } - /* Float to the right at the sm breakpoint */ - .float-sm-right { float: right !important; } - /* No float at the sm breakpoint */ - .float-sm-none { float: none !important; } } -@media (min-width: 768px) { /* Float to the left at the md breakpoint */ - .float-md-left { float: left !important; } - /* Float to the right at the md breakpoint */ - .float-md-right { float: right !important; } - /* No float at the md breakpoint */ - .float-md-none { float: none !important; } } -@media (min-width: 1012px) { /* Float to the left at the lg breakpoint */ - .float-lg-left { float: left !important; } - /* Float to the right at the lg breakpoint */ - .float-lg-right { float: right !important; } - /* No float at the lg breakpoint */ - .float-lg-none { float: none !important; } } -@media (min-width: 1280px) { /* Float to the left at the xl breakpoint */ - .float-xl-left { float: left !important; } - /* Float to the right at the xl breakpoint */ - .float-xl-right { float: right !important; } - /* No float at the xl breakpoint */ - .float-xl-none { float: none !important; } } -/* Max width 100% */ -.width-fit { max-width: 100% !important; } - -/* Set the width to 100% */ -.width-full { width: 100% !important; } - -/* Max height 100% */ -.height-fit { max-height: 100% !important; } - -/* Set the height to 100% */ -.height-full { height: 100% !important; } - -/* Remove min-width from element */ -.min-width-0 { min-width: 0 !important; } - -/* Set the direction to rtl */ -.direction-rtl { direction: rtl !important; } - -/* Set the direction to ltr */ -.direction-ltr { direction: ltr !important; } - -@media (min-width: 544px) { /* Set the direction to rtl at the sm breakpoint */ - .direction-sm-rtl { direction: rtl !important; } - /* Set the direction to ltr at the sm breakpoint */ - .direction-sm-ltr { direction: ltr !important; } } -@media (min-width: 768px) { /* Set the direction to rtl at the md breakpoint */ - .direction-md-rtl { direction: rtl !important; } - /* Set the direction to ltr at the md breakpoint */ - .direction-md-ltr { direction: ltr !important; } } -@media (min-width: 1012px) { /* Set the direction to rtl at the lg breakpoint */ - .direction-lg-rtl { direction: rtl !important; } - /* Set the direction to ltr at the lg breakpoint */ - .direction-lg-ltr { direction: ltr !important; } } -@media (min-width: 1280px) { /* Set the direction to rtl at the xl breakpoint */ - .direction-xl-rtl { direction: rtl !important; } - /* Set the direction to ltr at the xl breakpoint */ - .direction-xl-ltr { direction: ltr !important; } } -/* Set a 0 margin to all sides */ -.m-0 { margin: 0 !important; } - -/* Set a 0 margin on the top */ -.mt-0 { margin-top: 0 !important; } - -/* Set a 0 margin on the right */ -.mr-0 { margin-right: 0 !important; } - -/* Set a 0 margin on the bottom */ -.mb-0 { margin-bottom: 0 !important; } - -/* Set a 0 margin on the left */ -.ml-0 { margin-left: 0 !important; } - -/* Set a negative 0 margin on top */ -.mt-n0 { margin-top: -0 !important; } - -/* Set a negative 0 margin on the right */ -.mr-n0 { margin-right: -0 !important; } - -/* Set a negative 0 margin on the bottom */ -.mb-n0 { margin-bottom: -0 !important; } - -/* Set a negative 0 margin on the left */ -.ml-n0 { margin-left: -0 !important; } - -/* Set a 0 margin on the left & right */ -.mx-0 { margin-right: 0 !important; margin-left: 0 !important; } - -/* Set a 0 margin on the top & bottom */ -.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } - -/* Set a 4px margin to all sides */ -.m-1 { margin: 4px !important; } - -/* Set a 4px margin on the top */ -.mt-1 { margin-top: 4px !important; } - -/* Set a 4px margin on the right */ -.mr-1 { margin-right: 4px !important; } - -/* Set a 4px margin on the bottom */ -.mb-1 { margin-bottom: 4px !important; } - -/* Set a 4px margin on the left */ -.ml-1 { margin-left: 4px !important; } - -/* Set a negative 4px margin on top */ -.mt-n1 { margin-top: -4px !important; } - -/* Set a negative 4px margin on the right */ -.mr-n1 { margin-right: -4px !important; } - -/* Set a negative 4px margin on the bottom */ -.mb-n1 { margin-bottom: -4px !important; } - -/* Set a negative 4px margin on the left */ -.ml-n1 { margin-left: -4px !important; } - -/* Set a 4px margin on the left & right */ -.mx-1 { margin-right: 4px !important; margin-left: 4px !important; } - -/* Set a 4px margin on the top & bottom */ -.my-1 { margin-top: 4px !important; margin-bottom: 4px !important; } - -/* Set a 8px margin to all sides */ -.m-2 { margin: 8px !important; } - -/* Set a 8px margin on the top */ -.mt-2 { margin-top: 8px !important; } - -/* Set a 8px margin on the right */ -.mr-2 { margin-right: 8px !important; } - -/* Set a 8px margin on the bottom */ -.mb-2 { margin-bottom: 8px !important; } - -/* Set a 8px margin on the left */ -.ml-2 { margin-left: 8px !important; } - -/* Set a negative 8px margin on top */ -.mt-n2 { margin-top: -8px !important; } - -/* Set a negative 8px margin on the right */ -.mr-n2 { margin-right: -8px !important; } - -/* Set a negative 8px margin on the bottom */ -.mb-n2 { margin-bottom: -8px !important; } - -/* Set a negative 8px margin on the left */ -.ml-n2 { margin-left: -8px !important; } - -/* Set a 8px margin on the left & right */ -.mx-2 { margin-right: 8px !important; margin-left: 8px !important; } - -/* Set a 8px margin on the top & bottom */ -.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } - -/* Set a 16px margin to all sides */ -.m-3 { margin: 16px !important; } - -/* Set a 16px margin on the top */ -.mt-3 { margin-top: 16px !important; } - -/* Set a 16px margin on the right */ -.mr-3 { margin-right: 16px !important; } - -/* Set a 16px margin on the bottom */ -.mb-3 { margin-bottom: 16px !important; } - -/* Set a 16px margin on the left */ -.ml-3 { margin-left: 16px !important; } - -/* Set a negative 16px margin on top */ -.mt-n3 { margin-top: -16px !important; } - -/* Set a negative 16px margin on the right */ -.mr-n3 { margin-right: -16px !important; } - -/* Set a negative 16px margin on the bottom */ -.mb-n3 { margin-bottom: -16px !important; } - -/* Set a negative 16px margin on the left */ -.ml-n3 { margin-left: -16px !important; } - -/* Set a 16px margin on the left & right */ -.mx-3 { margin-right: 16px !important; margin-left: 16px !important; } - -/* Set a 16px margin on the top & bottom */ -.my-3 { margin-top: 16px !important; margin-bottom: 16px !important; } - -/* Set a 24px margin to all sides */ -.m-4 { margin: 24px !important; } - -/* Set a 24px margin on the top */ -.mt-4 { margin-top: 24px !important; } - -/* Set a 24px margin on the right */ -.mr-4 { margin-right: 24px !important; } - -/* Set a 24px margin on the bottom */ -.mb-4 { margin-bottom: 24px !important; } - -/* Set a 24px margin on the left */ -.ml-4 { margin-left: 24px !important; } - -/* Set a negative 24px margin on top */ -.mt-n4 { margin-top: -24px !important; } - -/* Set a negative 24px margin on the right */ -.mr-n4 { margin-right: -24px !important; } - -/* Set a negative 24px margin on the bottom */ -.mb-n4 { margin-bottom: -24px !important; } - -/* Set a negative 24px margin on the left */ -.ml-n4 { margin-left: -24px !important; } - -/* Set a 24px margin on the left & right */ -.mx-4 { margin-right: 24px !important; margin-left: 24px !important; } - -/* Set a 24px margin on the top & bottom */ -.my-4 { margin-top: 24px !important; margin-bottom: 24px !important; } - -/* Set a 32px margin to all sides */ -.m-5 { margin: 32px !important; } - -/* Set a 32px margin on the top */ -.mt-5 { margin-top: 32px !important; } - -/* Set a 32px margin on the right */ -.mr-5 { margin-right: 32px !important; } - -/* Set a 32px margin on the bottom */ -.mb-5 { margin-bottom: 32px !important; } - -/* Set a 32px margin on the left */ -.ml-5 { margin-left: 32px !important; } - -/* Set a negative 32px margin on top */ -.mt-n5 { margin-top: -32px !important; } - -/* Set a negative 32px margin on the right */ -.mr-n5 { margin-right: -32px !important; } - -/* Set a negative 32px margin on the bottom */ -.mb-n5 { margin-bottom: -32px !important; } - -/* Set a negative 32px margin on the left */ -.ml-n5 { margin-left: -32px !important; } - -/* Set a 32px margin on the left & right */ -.mx-5 { margin-right: 32px !important; margin-left: 32px !important; } - -/* Set a 32px margin on the top & bottom */ -.my-5 { margin-top: 32px !important; margin-bottom: 32px !important; } - -/* Set a 40px margin to all sides */ -.m-6 { margin: 40px !important; } - -/* Set a 40px margin on the top */ -.mt-6 { margin-top: 40px !important; } - -/* Set a 40px margin on the right */ -.mr-6 { margin-right: 40px !important; } - -/* Set a 40px margin on the bottom */ -.mb-6 { margin-bottom: 40px !important; } - -/* Set a 40px margin on the left */ -.ml-6 { margin-left: 40px !important; } - -/* Set a negative 40px margin on top */ -.mt-n6 { margin-top: -40px !important; } - -/* Set a negative 40px margin on the right */ -.mr-n6 { margin-right: -40px !important; } - -/* Set a negative 40px margin on the bottom */ -.mb-n6 { margin-bottom: -40px !important; } - -/* Set a negative 40px margin on the left */ -.ml-n6 { margin-left: -40px !important; } - -/* Set a 40px margin on the left & right */ -.mx-6 { margin-right: 40px !important; margin-left: 40px !important; } - -/* Set a 40px margin on the top & bottom */ -.my-6 { margin-top: 40px !important; margin-bottom: 40px !important; } - -/* Set an auto margin on left & right */ -.mx-auto { margin-right: auto !important; margin-left: auto !important; } - -@media (min-width: 544px) { /* Set a 0 margin to all sides at the breakpoint sm */ - .m-sm-0 { margin: 0 !important; } - /* Set a 0 margin on the top at the breakpoint sm */ - .mt-sm-0 { margin-top: 0 !important; } - /* Set a 0 margin on the right at the breakpoint sm */ - .mr-sm-0 { margin-right: 0 !important; } - /* Set a 0 margin on the bottom at the breakpoint sm */ - .mb-sm-0 { margin-bottom: 0 !important; } - /* Set a 0 margin on the left at the breakpoint sm */ - .ml-sm-0 { margin-left: 0 !important; } - /* Set a negative 0 margin on top at the breakpoint sm */ - .mt-sm-n0 { margin-top: -0 !important; } - /* Set a negative 0 margin on the right at the breakpoint sm */ - .mr-sm-n0 { margin-right: -0 !important; } - /* Set a negative 0 margin on the bottom at the breakpoint sm */ - .mb-sm-n0 { margin-bottom: -0 !important; } - /* Set a negative 0 margin on the left at the breakpoint sm */ - .ml-sm-n0 { margin-left: -0 !important; } - /* Set a 0 margin on the left & right at the breakpoint sm */ - .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } - /* Set a 0 margin on the top & bottom at the breakpoint sm */ - .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } -@media (min-width: 544px) { /* Set a 4px margin to all sides at the breakpoint sm */ - .m-sm-1 { margin: 4px !important; } - /* Set a 4px margin on the top at the breakpoint sm */ - .mt-sm-1 { margin-top: 4px !important; } - /* Set a 4px margin on the right at the breakpoint sm */ - .mr-sm-1 { margin-right: 4px !important; } - /* Set a 4px margin on the bottom at the breakpoint sm */ - .mb-sm-1 { margin-bottom: 4px !important; } - /* Set a 4px margin on the left at the breakpoint sm */ - .ml-sm-1 { margin-left: 4px !important; } - /* Set a negative 4px margin on top at the breakpoint sm */ - .mt-sm-n1 { margin-top: -4px !important; } - /* Set a negative 4px margin on the right at the breakpoint sm */ - .mr-sm-n1 { margin-right: -4px !important; } - /* Set a negative 4px margin on the bottom at the breakpoint sm */ - .mb-sm-n1 { margin-bottom: -4px !important; } - /* Set a negative 4px margin on the left at the breakpoint sm */ - .ml-sm-n1 { margin-left: -4px !important; } - /* Set a 4px margin on the left & right at the breakpoint sm */ - .mx-sm-1 { margin-right: 4px !important; margin-left: 4px !important; } - /* Set a 4px margin on the top & bottom at the breakpoint sm */ - .my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } -@media (min-width: 544px) { /* Set a 8px margin to all sides at the breakpoint sm */ - .m-sm-2 { margin: 8px !important; } - /* Set a 8px margin on the top at the breakpoint sm */ - .mt-sm-2 { margin-top: 8px !important; } - /* Set a 8px margin on the right at the breakpoint sm */ - .mr-sm-2 { margin-right: 8px !important; } - /* Set a 8px margin on the bottom at the breakpoint sm */ - .mb-sm-2 { margin-bottom: 8px !important; } - /* Set a 8px margin on the left at the breakpoint sm */ - .ml-sm-2 { margin-left: 8px !important; } - /* Set a negative 8px margin on top at the breakpoint sm */ - .mt-sm-n2 { margin-top: -8px !important; } - /* Set a negative 8px margin on the right at the breakpoint sm */ - .mr-sm-n2 { margin-right: -8px !important; } - /* Set a negative 8px margin on the bottom at the breakpoint sm */ - .mb-sm-n2 { margin-bottom: -8px !important; } - /* Set a negative 8px margin on the left at the breakpoint sm */ - .ml-sm-n2 { margin-left: -8px !important; } - /* Set a 8px margin on the left & right at the breakpoint sm */ - .mx-sm-2 { margin-right: 8px !important; margin-left: 8px !important; } - /* Set a 8px margin on the top & bottom at the breakpoint sm */ - .my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } -@media (min-width: 544px) { /* Set a 16px margin to all sides at the breakpoint sm */ - .m-sm-3 { margin: 16px !important; } - /* Set a 16px margin on the top at the breakpoint sm */ - .mt-sm-3 { margin-top: 16px !important; } - /* Set a 16px margin on the right at the breakpoint sm */ - .mr-sm-3 { margin-right: 16px !important; } - /* Set a 16px margin on the bottom at the breakpoint sm */ - .mb-sm-3 { margin-bottom: 16px !important; } - /* Set a 16px margin on the left at the breakpoint sm */ - .ml-sm-3 { margin-left: 16px !important; } - /* Set a negative 16px margin on top at the breakpoint sm */ - .mt-sm-n3 { margin-top: -16px !important; } - /* Set a negative 16px margin on the right at the breakpoint sm */ - .mr-sm-n3 { margin-right: -16px !important; } - /* Set a negative 16px margin on the bottom at the breakpoint sm */ - .mb-sm-n3 { margin-bottom: -16px !important; } - /* Set a negative 16px margin on the left at the breakpoint sm */ - .ml-sm-n3 { margin-left: -16px !important; } - /* Set a 16px margin on the left & right at the breakpoint sm */ - .mx-sm-3 { margin-right: 16px !important; margin-left: 16px !important; } - /* Set a 16px margin on the top & bottom at the breakpoint sm */ - .my-sm-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } -@media (min-width: 544px) { /* Set a 24px margin to all sides at the breakpoint sm */ - .m-sm-4 { margin: 24px !important; } - /* Set a 24px margin on the top at the breakpoint sm */ - .mt-sm-4 { margin-top: 24px !important; } - /* Set a 24px margin on the right at the breakpoint sm */ - .mr-sm-4 { margin-right: 24px !important; } - /* Set a 24px margin on the bottom at the breakpoint sm */ - .mb-sm-4 { margin-bottom: 24px !important; } - /* Set a 24px margin on the left at the breakpoint sm */ - .ml-sm-4 { margin-left: 24px !important; } - /* Set a negative 24px margin on top at the breakpoint sm */ - .mt-sm-n4 { margin-top: -24px !important; } - /* Set a negative 24px margin on the right at the breakpoint sm */ - .mr-sm-n4 { margin-right: -24px !important; } - /* Set a negative 24px margin on the bottom at the breakpoint sm */ - .mb-sm-n4 { margin-bottom: -24px !important; } - /* Set a negative 24px margin on the left at the breakpoint sm */ - .ml-sm-n4 { margin-left: -24px !important; } - /* Set a 24px margin on the left & right at the breakpoint sm */ - .mx-sm-4 { margin-right: 24px !important; margin-left: 24px !important; } - /* Set a 24px margin on the top & bottom at the breakpoint sm */ - .my-sm-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } -@media (min-width: 544px) { /* Set a 32px margin to all sides at the breakpoint sm */ - .m-sm-5 { margin: 32px !important; } - /* Set a 32px margin on the top at the breakpoint sm */ - .mt-sm-5 { margin-top: 32px !important; } - /* Set a 32px margin on the right at the breakpoint sm */ - .mr-sm-5 { margin-right: 32px !important; } - /* Set a 32px margin on the bottom at the breakpoint sm */ - .mb-sm-5 { margin-bottom: 32px !important; } - /* Set a 32px margin on the left at the breakpoint sm */ - .ml-sm-5 { margin-left: 32px !important; } - /* Set a negative 32px margin on top at the breakpoint sm */ - .mt-sm-n5 { margin-top: -32px !important; } - /* Set a negative 32px margin on the right at the breakpoint sm */ - .mr-sm-n5 { margin-right: -32px !important; } - /* Set a negative 32px margin on the bottom at the breakpoint sm */ - .mb-sm-n5 { margin-bottom: -32px !important; } - /* Set a negative 32px margin on the left at the breakpoint sm */ - .ml-sm-n5 { margin-left: -32px !important; } - /* Set a 32px margin on the left & right at the breakpoint sm */ - .mx-sm-5 { margin-right: 32px !important; margin-left: 32px !important; } - /* Set a 32px margin on the top & bottom at the breakpoint sm */ - .my-sm-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } -@media (min-width: 544px) { /* Set a 40px margin to all sides at the breakpoint sm */ - .m-sm-6 { margin: 40px !important; } - /* Set a 40px margin on the top at the breakpoint sm */ - .mt-sm-6 { margin-top: 40px !important; } - /* Set a 40px margin on the right at the breakpoint sm */ - .mr-sm-6 { margin-right: 40px !important; } - /* Set a 40px margin on the bottom at the breakpoint sm */ - .mb-sm-6 { margin-bottom: 40px !important; } - /* Set a 40px margin on the left at the breakpoint sm */ - .ml-sm-6 { margin-left: 40px !important; } - /* Set a negative 40px margin on top at the breakpoint sm */ - .mt-sm-n6 { margin-top: -40px !important; } - /* Set a negative 40px margin on the right at the breakpoint sm */ - .mr-sm-n6 { margin-right: -40px !important; } - /* Set a negative 40px margin on the bottom at the breakpoint sm */ - .mb-sm-n6 { margin-bottom: -40px !important; } - /* Set a negative 40px margin on the left at the breakpoint sm */ - .ml-sm-n6 { margin-left: -40px !important; } - /* Set a 40px margin on the left & right at the breakpoint sm */ - .mx-sm-6 { margin-right: 40px !important; margin-left: 40px !important; } - /* Set a 40px margin on the top & bottom at the breakpoint sm */ - .my-sm-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } -@media (min-width: 768px) { /* Set a 0 margin to all sides at the breakpoint md */ - .m-md-0 { margin: 0 !important; } - /* Set a 0 margin on the top at the breakpoint md */ - .mt-md-0 { margin-top: 0 !important; } - /* Set a 0 margin on the right at the breakpoint md */ - .mr-md-0 { margin-right: 0 !important; } - /* Set a 0 margin on the bottom at the breakpoint md */ - .mb-md-0 { margin-bottom: 0 !important; } - /* Set a 0 margin on the left at the breakpoint md */ - .ml-md-0 { margin-left: 0 !important; } - /* Set a negative 0 margin on top at the breakpoint md */ - .mt-md-n0 { margin-top: -0 !important; } - /* Set a negative 0 margin on the right at the breakpoint md */ - .mr-md-n0 { margin-right: -0 !important; } - /* Set a negative 0 margin on the bottom at the breakpoint md */ - .mb-md-n0 { margin-bottom: -0 !important; } - /* Set a negative 0 margin on the left at the breakpoint md */ - .ml-md-n0 { margin-left: -0 !important; } - /* Set a 0 margin on the left & right at the breakpoint md */ - .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } - /* Set a 0 margin on the top & bottom at the breakpoint md */ - .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } -@media (min-width: 768px) { /* Set a 4px margin to all sides at the breakpoint md */ - .m-md-1 { margin: 4px !important; } - /* Set a 4px margin on the top at the breakpoint md */ - .mt-md-1 { margin-top: 4px !important; } - /* Set a 4px margin on the right at the breakpoint md */ - .mr-md-1 { margin-right: 4px !important; } - /* Set a 4px margin on the bottom at the breakpoint md */ - .mb-md-1 { margin-bottom: 4px !important; } - /* Set a 4px margin on the left at the breakpoint md */ - .ml-md-1 { margin-left: 4px !important; } - /* Set a negative 4px margin on top at the breakpoint md */ - .mt-md-n1 { margin-top: -4px !important; } - /* Set a negative 4px margin on the right at the breakpoint md */ - .mr-md-n1 { margin-right: -4px !important; } - /* Set a negative 4px margin on the bottom at the breakpoint md */ - .mb-md-n1 { margin-bottom: -4px !important; } - /* Set a negative 4px margin on the left at the breakpoint md */ - .ml-md-n1 { margin-left: -4px !important; } - /* Set a 4px margin on the left & right at the breakpoint md */ - .mx-md-1 { margin-right: 4px !important; margin-left: 4px !important; } - /* Set a 4px margin on the top & bottom at the breakpoint md */ - .my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } -@media (min-width: 768px) { /* Set a 8px margin to all sides at the breakpoint md */ - .m-md-2 { margin: 8px !important; } - /* Set a 8px margin on the top at the breakpoint md */ - .mt-md-2 { margin-top: 8px !important; } - /* Set a 8px margin on the right at the breakpoint md */ - .mr-md-2 { margin-right: 8px !important; } - /* Set a 8px margin on the bottom at the breakpoint md */ - .mb-md-2 { margin-bottom: 8px !important; } - /* Set a 8px margin on the left at the breakpoint md */ - .ml-md-2 { margin-left: 8px !important; } - /* Set a negative 8px margin on top at the breakpoint md */ - .mt-md-n2 { margin-top: -8px !important; } - /* Set a negative 8px margin on the right at the breakpoint md */ - .mr-md-n2 { margin-right: -8px !important; } - /* Set a negative 8px margin on the bottom at the breakpoint md */ - .mb-md-n2 { margin-bottom: -8px !important; } - /* Set a negative 8px margin on the left at the breakpoint md */ - .ml-md-n2 { margin-left: -8px !important; } - /* Set a 8px margin on the left & right at the breakpoint md */ - .mx-md-2 { margin-right: 8px !important; margin-left: 8px !important; } - /* Set a 8px margin on the top & bottom at the breakpoint md */ - .my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } -@media (min-width: 768px) { /* Set a 16px margin to all sides at the breakpoint md */ - .m-md-3 { margin: 16px !important; } - /* Set a 16px margin on the top at the breakpoint md */ - .mt-md-3 { margin-top: 16px !important; } - /* Set a 16px margin on the right at the breakpoint md */ - .mr-md-3 { margin-right: 16px !important; } - /* Set a 16px margin on the bottom at the breakpoint md */ - .mb-md-3 { margin-bottom: 16px !important; } - /* Set a 16px margin on the left at the breakpoint md */ - .ml-md-3 { margin-left: 16px !important; } - /* Set a negative 16px margin on top at the breakpoint md */ - .mt-md-n3 { margin-top: -16px !important; } - /* Set a negative 16px margin on the right at the breakpoint md */ - .mr-md-n3 { margin-right: -16px !important; } - /* Set a negative 16px margin on the bottom at the breakpoint md */ - .mb-md-n3 { margin-bottom: -16px !important; } - /* Set a negative 16px margin on the left at the breakpoint md */ - .ml-md-n3 { margin-left: -16px !important; } - /* Set a 16px margin on the left & right at the breakpoint md */ - .mx-md-3 { margin-right: 16px !important; margin-left: 16px !important; } - /* Set a 16px margin on the top & bottom at the breakpoint md */ - .my-md-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } -@media (min-width: 768px) { /* Set a 24px margin to all sides at the breakpoint md */ - .m-md-4 { margin: 24px !important; } - /* Set a 24px margin on the top at the breakpoint md */ - .mt-md-4 { margin-top: 24px !important; } - /* Set a 24px margin on the right at the breakpoint md */ - .mr-md-4 { margin-right: 24px !important; } - /* Set a 24px margin on the bottom at the breakpoint md */ - .mb-md-4 { margin-bottom: 24px !important; } - /* Set a 24px margin on the left at the breakpoint md */ - .ml-md-4 { margin-left: 24px !important; } - /* Set a negative 24px margin on top at the breakpoint md */ - .mt-md-n4 { margin-top: -24px !important; } - /* Set a negative 24px margin on the right at the breakpoint md */ - .mr-md-n4 { margin-right: -24px !important; } - /* Set a negative 24px margin on the bottom at the breakpoint md */ - .mb-md-n4 { margin-bottom: -24px !important; } - /* Set a negative 24px margin on the left at the breakpoint md */ - .ml-md-n4 { margin-left: -24px !important; } - /* Set a 24px margin on the left & right at the breakpoint md */ - .mx-md-4 { margin-right: 24px !important; margin-left: 24px !important; } - /* Set a 24px margin on the top & bottom at the breakpoint md */ - .my-md-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } -@media (min-width: 768px) { /* Set a 32px margin to all sides at the breakpoint md */ - .m-md-5 { margin: 32px !important; } - /* Set a 32px margin on the top at the breakpoint md */ - .mt-md-5 { margin-top: 32px !important; } - /* Set a 32px margin on the right at the breakpoint md */ - .mr-md-5 { margin-right: 32px !important; } - /* Set a 32px margin on the bottom at the breakpoint md */ - .mb-md-5 { margin-bottom: 32px !important; } - /* Set a 32px margin on the left at the breakpoint md */ - .ml-md-5 { margin-left: 32px !important; } - /* Set a negative 32px margin on top at the breakpoint md */ - .mt-md-n5 { margin-top: -32px !important; } - /* Set a negative 32px margin on the right at the breakpoint md */ - .mr-md-n5 { margin-right: -32px !important; } - /* Set a negative 32px margin on the bottom at the breakpoint md */ - .mb-md-n5 { margin-bottom: -32px !important; } - /* Set a negative 32px margin on the left at the breakpoint md */ - .ml-md-n5 { margin-left: -32px !important; } - /* Set a 32px margin on the left & right at the breakpoint md */ - .mx-md-5 { margin-right: 32px !important; margin-left: 32px !important; } - /* Set a 32px margin on the top & bottom at the breakpoint md */ - .my-md-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } -@media (min-width: 768px) { /* Set a 40px margin to all sides at the breakpoint md */ - .m-md-6 { margin: 40px !important; } - /* Set a 40px margin on the top at the breakpoint md */ - .mt-md-6 { margin-top: 40px !important; } - /* Set a 40px margin on the right at the breakpoint md */ - .mr-md-6 { margin-right: 40px !important; } - /* Set a 40px margin on the bottom at the breakpoint md */ - .mb-md-6 { margin-bottom: 40px !important; } - /* Set a 40px margin on the left at the breakpoint md */ - .ml-md-6 { margin-left: 40px !important; } - /* Set a negative 40px margin on top at the breakpoint md */ - .mt-md-n6 { margin-top: -40px !important; } - /* Set a negative 40px margin on the right at the breakpoint md */ - .mr-md-n6 { margin-right: -40px !important; } - /* Set a negative 40px margin on the bottom at the breakpoint md */ - .mb-md-n6 { margin-bottom: -40px !important; } - /* Set a negative 40px margin on the left at the breakpoint md */ - .ml-md-n6 { margin-left: -40px !important; } - /* Set a 40px margin on the left & right at the breakpoint md */ - .mx-md-6 { margin-right: 40px !important; margin-left: 40px !important; } - /* Set a 40px margin on the top & bottom at the breakpoint md */ - .my-md-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } -@media (min-width: 1012px) { /* Set a 0 margin to all sides at the breakpoint lg */ - .m-lg-0 { margin: 0 !important; } - /* Set a 0 margin on the top at the breakpoint lg */ - .mt-lg-0 { margin-top: 0 !important; } - /* Set a 0 margin on the right at the breakpoint lg */ - .mr-lg-0 { margin-right: 0 !important; } - /* Set a 0 margin on the bottom at the breakpoint lg */ - .mb-lg-0 { margin-bottom: 0 !important; } - /* Set a 0 margin on the left at the breakpoint lg */ - .ml-lg-0 { margin-left: 0 !important; } - /* Set a negative 0 margin on top at the breakpoint lg */ - .mt-lg-n0 { margin-top: -0 !important; } - /* Set a negative 0 margin on the right at the breakpoint lg */ - .mr-lg-n0 { margin-right: -0 !important; } - /* Set a negative 0 margin on the bottom at the breakpoint lg */ - .mb-lg-n0 { margin-bottom: -0 !important; } - /* Set a negative 0 margin on the left at the breakpoint lg */ - .ml-lg-n0 { margin-left: -0 !important; } - /* Set a 0 margin on the left & right at the breakpoint lg */ - .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } - /* Set a 0 margin on the top & bottom at the breakpoint lg */ - .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } -@media (min-width: 1012px) { /* Set a 4px margin to all sides at the breakpoint lg */ - .m-lg-1 { margin: 4px !important; } - /* Set a 4px margin on the top at the breakpoint lg */ - .mt-lg-1 { margin-top: 4px !important; } - /* Set a 4px margin on the right at the breakpoint lg */ - .mr-lg-1 { margin-right: 4px !important; } - /* Set a 4px margin on the bottom at the breakpoint lg */ - .mb-lg-1 { margin-bottom: 4px !important; } - /* Set a 4px margin on the left at the breakpoint lg */ - .ml-lg-1 { margin-left: 4px !important; } - /* Set a negative 4px margin on top at the breakpoint lg */ - .mt-lg-n1 { margin-top: -4px !important; } - /* Set a negative 4px margin on the right at the breakpoint lg */ - .mr-lg-n1 { margin-right: -4px !important; } - /* Set a negative 4px margin on the bottom at the breakpoint lg */ - .mb-lg-n1 { margin-bottom: -4px !important; } - /* Set a negative 4px margin on the left at the breakpoint lg */ - .ml-lg-n1 { margin-left: -4px !important; } - /* Set a 4px margin on the left & right at the breakpoint lg */ - .mx-lg-1 { margin-right: 4px !important; margin-left: 4px !important; } - /* Set a 4px margin on the top & bottom at the breakpoint lg */ - .my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } -@media (min-width: 1012px) { /* Set a 8px margin to all sides at the breakpoint lg */ - .m-lg-2 { margin: 8px !important; } - /* Set a 8px margin on the top at the breakpoint lg */ - .mt-lg-2 { margin-top: 8px !important; } - /* Set a 8px margin on the right at the breakpoint lg */ - .mr-lg-2 { margin-right: 8px !important; } - /* Set a 8px margin on the bottom at the breakpoint lg */ - .mb-lg-2 { margin-bottom: 8px !important; } - /* Set a 8px margin on the left at the breakpoint lg */ - .ml-lg-2 { margin-left: 8px !important; } - /* Set a negative 8px margin on top at the breakpoint lg */ - .mt-lg-n2 { margin-top: -8px !important; } - /* Set a negative 8px margin on the right at the breakpoint lg */ - .mr-lg-n2 { margin-right: -8px !important; } - /* Set a negative 8px margin on the bottom at the breakpoint lg */ - .mb-lg-n2 { margin-bottom: -8px !important; } - /* Set a negative 8px margin on the left at the breakpoint lg */ - .ml-lg-n2 { margin-left: -8px !important; } - /* Set a 8px margin on the left & right at the breakpoint lg */ - .mx-lg-2 { margin-right: 8px !important; margin-left: 8px !important; } - /* Set a 8px margin on the top & bottom at the breakpoint lg */ - .my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } -@media (min-width: 1012px) { /* Set a 16px margin to all sides at the breakpoint lg */ - .m-lg-3 { margin: 16px !important; } - /* Set a 16px margin on the top at the breakpoint lg */ - .mt-lg-3 { margin-top: 16px !important; } - /* Set a 16px margin on the right at the breakpoint lg */ - .mr-lg-3 { margin-right: 16px !important; } - /* Set a 16px margin on the bottom at the breakpoint lg */ - .mb-lg-3 { margin-bottom: 16px !important; } - /* Set a 16px margin on the left at the breakpoint lg */ - .ml-lg-3 { margin-left: 16px !important; } - /* Set a negative 16px margin on top at the breakpoint lg */ - .mt-lg-n3 { margin-top: -16px !important; } - /* Set a negative 16px margin on the right at the breakpoint lg */ - .mr-lg-n3 { margin-right: -16px !important; } - /* Set a negative 16px margin on the bottom at the breakpoint lg */ - .mb-lg-n3 { margin-bottom: -16px !important; } - /* Set a negative 16px margin on the left at the breakpoint lg */ - .ml-lg-n3 { margin-left: -16px !important; } - /* Set a 16px margin on the left & right at the breakpoint lg */ - .mx-lg-3 { margin-right: 16px !important; margin-left: 16px !important; } - /* Set a 16px margin on the top & bottom at the breakpoint lg */ - .my-lg-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } -@media (min-width: 1012px) { /* Set a 24px margin to all sides at the breakpoint lg */ - .m-lg-4 { margin: 24px !important; } - /* Set a 24px margin on the top at the breakpoint lg */ - .mt-lg-4 { margin-top: 24px !important; } - /* Set a 24px margin on the right at the breakpoint lg */ - .mr-lg-4 { margin-right: 24px !important; } - /* Set a 24px margin on the bottom at the breakpoint lg */ - .mb-lg-4 { margin-bottom: 24px !important; } - /* Set a 24px margin on the left at the breakpoint lg */ - .ml-lg-4 { margin-left: 24px !important; } - /* Set a negative 24px margin on top at the breakpoint lg */ - .mt-lg-n4 { margin-top: -24px !important; } - /* Set a negative 24px margin on the right at the breakpoint lg */ - .mr-lg-n4 { margin-right: -24px !important; } - /* Set a negative 24px margin on the bottom at the breakpoint lg */ - .mb-lg-n4 { margin-bottom: -24px !important; } - /* Set a negative 24px margin on the left at the breakpoint lg */ - .ml-lg-n4 { margin-left: -24px !important; } - /* Set a 24px margin on the left & right at the breakpoint lg */ - .mx-lg-4 { margin-right: 24px !important; margin-left: 24px !important; } - /* Set a 24px margin on the top & bottom at the breakpoint lg */ - .my-lg-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } -@media (min-width: 1012px) { /* Set a 32px margin to all sides at the breakpoint lg */ - .m-lg-5 { margin: 32px !important; } - /* Set a 32px margin on the top at the breakpoint lg */ - .mt-lg-5 { margin-top: 32px !important; } - /* Set a 32px margin on the right at the breakpoint lg */ - .mr-lg-5 { margin-right: 32px !important; } - /* Set a 32px margin on the bottom at the breakpoint lg */ - .mb-lg-5 { margin-bottom: 32px !important; } - /* Set a 32px margin on the left at the breakpoint lg */ - .ml-lg-5 { margin-left: 32px !important; } - /* Set a negative 32px margin on top at the breakpoint lg */ - .mt-lg-n5 { margin-top: -32px !important; } - /* Set a negative 32px margin on the right at the breakpoint lg */ - .mr-lg-n5 { margin-right: -32px !important; } - /* Set a negative 32px margin on the bottom at the breakpoint lg */ - .mb-lg-n5 { margin-bottom: -32px !important; } - /* Set a negative 32px margin on the left at the breakpoint lg */ - .ml-lg-n5 { margin-left: -32px !important; } - /* Set a 32px margin on the left & right at the breakpoint lg */ - .mx-lg-5 { margin-right: 32px !important; margin-left: 32px !important; } - /* Set a 32px margin on the top & bottom at the breakpoint lg */ - .my-lg-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } -@media (min-width: 1012px) { /* Set a 40px margin to all sides at the breakpoint lg */ - .m-lg-6 { margin: 40px !important; } - /* Set a 40px margin on the top at the breakpoint lg */ - .mt-lg-6 { margin-top: 40px !important; } - /* Set a 40px margin on the right at the breakpoint lg */ - .mr-lg-6 { margin-right: 40px !important; } - /* Set a 40px margin on the bottom at the breakpoint lg */ - .mb-lg-6 { margin-bottom: 40px !important; } - /* Set a 40px margin on the left at the breakpoint lg */ - .ml-lg-6 { margin-left: 40px !important; } - /* Set a negative 40px margin on top at the breakpoint lg */ - .mt-lg-n6 { margin-top: -40px !important; } - /* Set a negative 40px margin on the right at the breakpoint lg */ - .mr-lg-n6 { margin-right: -40px !important; } - /* Set a negative 40px margin on the bottom at the breakpoint lg */ - .mb-lg-n6 { margin-bottom: -40px !important; } - /* Set a negative 40px margin on the left at the breakpoint lg */ - .ml-lg-n6 { margin-left: -40px !important; } - /* Set a 40px margin on the left & right at the breakpoint lg */ - .mx-lg-6 { margin-right: 40px !important; margin-left: 40px !important; } - /* Set a 40px margin on the top & bottom at the breakpoint lg */ - .my-lg-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } -@media (min-width: 1280px) { /* Set a 0 margin to all sides at the breakpoint xl */ - .m-xl-0 { margin: 0 !important; } - /* Set a 0 margin on the top at the breakpoint xl */ - .mt-xl-0 { margin-top: 0 !important; } - /* Set a 0 margin on the right at the breakpoint xl */ - .mr-xl-0 { margin-right: 0 !important; } - /* Set a 0 margin on the bottom at the breakpoint xl */ - .mb-xl-0 { margin-bottom: 0 !important; } - /* Set a 0 margin on the left at the breakpoint xl */ - .ml-xl-0 { margin-left: 0 !important; } - /* Set a negative 0 margin on top at the breakpoint xl */ - .mt-xl-n0 { margin-top: -0 !important; } - /* Set a negative 0 margin on the right at the breakpoint xl */ - .mr-xl-n0 { margin-right: -0 !important; } - /* Set a negative 0 margin on the bottom at the breakpoint xl */ - .mb-xl-n0 { margin-bottom: -0 !important; } - /* Set a negative 0 margin on the left at the breakpoint xl */ - .ml-xl-n0 { margin-left: -0 !important; } - /* Set a 0 margin on the left & right at the breakpoint xl */ - .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } - /* Set a 0 margin on the top & bottom at the breakpoint xl */ - .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } } -@media (min-width: 1280px) { /* Set a 4px margin to all sides at the breakpoint xl */ - .m-xl-1 { margin: 4px !important; } - /* Set a 4px margin on the top at the breakpoint xl */ - .mt-xl-1 { margin-top: 4px !important; } - /* Set a 4px margin on the right at the breakpoint xl */ - .mr-xl-1 { margin-right: 4px !important; } - /* Set a 4px margin on the bottom at the breakpoint xl */ - .mb-xl-1 { margin-bottom: 4px !important; } - /* Set a 4px margin on the left at the breakpoint xl */ - .ml-xl-1 { margin-left: 4px !important; } - /* Set a negative 4px margin on top at the breakpoint xl */ - .mt-xl-n1 { margin-top: -4px !important; } - /* Set a negative 4px margin on the right at the breakpoint xl */ - .mr-xl-n1 { margin-right: -4px !important; } - /* Set a negative 4px margin on the bottom at the breakpoint xl */ - .mb-xl-n1 { margin-bottom: -4px !important; } - /* Set a negative 4px margin on the left at the breakpoint xl */ - .ml-xl-n1 { margin-left: -4px !important; } - /* Set a 4px margin on the left & right at the breakpoint xl */ - .mx-xl-1 { margin-right: 4px !important; margin-left: 4px !important; } - /* Set a 4px margin on the top & bottom at the breakpoint xl */ - .my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } } -@media (min-width: 1280px) { /* Set a 8px margin to all sides at the breakpoint xl */ - .m-xl-2 { margin: 8px !important; } - /* Set a 8px margin on the top at the breakpoint xl */ - .mt-xl-2 { margin-top: 8px !important; } - /* Set a 8px margin on the right at the breakpoint xl */ - .mr-xl-2 { margin-right: 8px !important; } - /* Set a 8px margin on the bottom at the breakpoint xl */ - .mb-xl-2 { margin-bottom: 8px !important; } - /* Set a 8px margin on the left at the breakpoint xl */ - .ml-xl-2 { margin-left: 8px !important; } - /* Set a negative 8px margin on top at the breakpoint xl */ - .mt-xl-n2 { margin-top: -8px !important; } - /* Set a negative 8px margin on the right at the breakpoint xl */ - .mr-xl-n2 { margin-right: -8px !important; } - /* Set a negative 8px margin on the bottom at the breakpoint xl */ - .mb-xl-n2 { margin-bottom: -8px !important; } - /* Set a negative 8px margin on the left at the breakpoint xl */ - .ml-xl-n2 { margin-left: -8px !important; } - /* Set a 8px margin on the left & right at the breakpoint xl */ - .mx-xl-2 { margin-right: 8px !important; margin-left: 8px !important; } - /* Set a 8px margin on the top & bottom at the breakpoint xl */ - .my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } } -@media (min-width: 1280px) { /* Set a 16px margin to all sides at the breakpoint xl */ - .m-xl-3 { margin: 16px !important; } - /* Set a 16px margin on the top at the breakpoint xl */ - .mt-xl-3 { margin-top: 16px !important; } - /* Set a 16px margin on the right at the breakpoint xl */ - .mr-xl-3 { margin-right: 16px !important; } - /* Set a 16px margin on the bottom at the breakpoint xl */ - .mb-xl-3 { margin-bottom: 16px !important; } - /* Set a 16px margin on the left at the breakpoint xl */ - .ml-xl-3 { margin-left: 16px !important; } - /* Set a negative 16px margin on top at the breakpoint xl */ - .mt-xl-n3 { margin-top: -16px !important; } - /* Set a negative 16px margin on the right at the breakpoint xl */ - .mr-xl-n3 { margin-right: -16px !important; } - /* Set a negative 16px margin on the bottom at the breakpoint xl */ - .mb-xl-n3 { margin-bottom: -16px !important; } - /* Set a negative 16px margin on the left at the breakpoint xl */ - .ml-xl-n3 { margin-left: -16px !important; } - /* Set a 16px margin on the left & right at the breakpoint xl */ - .mx-xl-3 { margin-right: 16px !important; margin-left: 16px !important; } - /* Set a 16px margin on the top & bottom at the breakpoint xl */ - .my-xl-3 { margin-top: 16px !important; margin-bottom: 16px !important; } } -@media (min-width: 1280px) { /* Set a 24px margin to all sides at the breakpoint xl */ - .m-xl-4 { margin: 24px !important; } - /* Set a 24px margin on the top at the breakpoint xl */ - .mt-xl-4 { margin-top: 24px !important; } - /* Set a 24px margin on the right at the breakpoint xl */ - .mr-xl-4 { margin-right: 24px !important; } - /* Set a 24px margin on the bottom at the breakpoint xl */ - .mb-xl-4 { margin-bottom: 24px !important; } - /* Set a 24px margin on the left at the breakpoint xl */ - .ml-xl-4 { margin-left: 24px !important; } - /* Set a negative 24px margin on top at the breakpoint xl */ - .mt-xl-n4 { margin-top: -24px !important; } - /* Set a negative 24px margin on the right at the breakpoint xl */ - .mr-xl-n4 { margin-right: -24px !important; } - /* Set a negative 24px margin on the bottom at the breakpoint xl */ - .mb-xl-n4 { margin-bottom: -24px !important; } - /* Set a negative 24px margin on the left at the breakpoint xl */ - .ml-xl-n4 { margin-left: -24px !important; } - /* Set a 24px margin on the left & right at the breakpoint xl */ - .mx-xl-4 { margin-right: 24px !important; margin-left: 24px !important; } - /* Set a 24px margin on the top & bottom at the breakpoint xl */ - .my-xl-4 { margin-top: 24px !important; margin-bottom: 24px !important; } } -@media (min-width: 1280px) { /* Set a 32px margin to all sides at the breakpoint xl */ - .m-xl-5 { margin: 32px !important; } - /* Set a 32px margin on the top at the breakpoint xl */ - .mt-xl-5 { margin-top: 32px !important; } - /* Set a 32px margin on the right at the breakpoint xl */ - .mr-xl-5 { margin-right: 32px !important; } - /* Set a 32px margin on the bottom at the breakpoint xl */ - .mb-xl-5 { margin-bottom: 32px !important; } - /* Set a 32px margin on the left at the breakpoint xl */ - .ml-xl-5 { margin-left: 32px !important; } - /* Set a negative 32px margin on top at the breakpoint xl */ - .mt-xl-n5 { margin-top: -32px !important; } - /* Set a negative 32px margin on the right at the breakpoint xl */ - .mr-xl-n5 { margin-right: -32px !important; } - /* Set a negative 32px margin on the bottom at the breakpoint xl */ - .mb-xl-n5 { margin-bottom: -32px !important; } - /* Set a negative 32px margin on the left at the breakpoint xl */ - .ml-xl-n5 { margin-left: -32px !important; } - /* Set a 32px margin on the left & right at the breakpoint xl */ - .mx-xl-5 { margin-right: 32px !important; margin-left: 32px !important; } - /* Set a 32px margin on the top & bottom at the breakpoint xl */ - .my-xl-5 { margin-top: 32px !important; margin-bottom: 32px !important; } } -@media (min-width: 1280px) { /* Set a 40px margin to all sides at the breakpoint xl */ - .m-xl-6 { margin: 40px !important; } - /* Set a 40px margin on the top at the breakpoint xl */ - .mt-xl-6 { margin-top: 40px !important; } - /* Set a 40px margin on the right at the breakpoint xl */ - .mr-xl-6 { margin-right: 40px !important; } - /* Set a 40px margin on the bottom at the breakpoint xl */ - .mb-xl-6 { margin-bottom: 40px !important; } - /* Set a 40px margin on the left at the breakpoint xl */ - .ml-xl-6 { margin-left: 40px !important; } - /* Set a negative 40px margin on top at the breakpoint xl */ - .mt-xl-n6 { margin-top: -40px !important; } - /* Set a negative 40px margin on the right at the breakpoint xl */ - .mr-xl-n6 { margin-right: -40px !important; } - /* Set a negative 40px margin on the bottom at the breakpoint xl */ - .mb-xl-n6 { margin-bottom: -40px !important; } - /* Set a negative 40px margin on the left at the breakpoint xl */ - .ml-xl-n6 { margin-left: -40px !important; } - /* Set a 40px margin on the left & right at the breakpoint xl */ - .mx-xl-6 { margin-right: 40px !important; margin-left: 40px !important; } - /* Set a 40px margin on the top & bottom at the breakpoint xl */ - .my-xl-6 { margin-top: 40px !important; margin-bottom: 40px !important; } } -/* Set a 0 padding to all sides */ -.p-0 { padding: 0 !important; } - -/* Set a 0 padding to the top */ -.pt-0 { padding-top: 0 !important; } - -/* Set a 0 padding to the right */ -.pr-0 { padding-right: 0 !important; } - -/* Set a 0 padding to the bottom */ -.pb-0 { padding-bottom: 0 !important; } - -/* Set a 0 padding to the left */ -.pl-0 { padding-left: 0 !important; } - -/* Set a 0 padding to the left & right */ -.px-0 { padding-right: 0 !important; padding-left: 0 !important; } - -/* Set a 0 padding to the top & bottom */ -.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } - -/* Set a 4px padding to all sides */ -.p-1 { padding: 4px !important; } - -/* Set a 4px padding to the top */ -.pt-1 { padding-top: 4px !important; } - -/* Set a 4px padding to the right */ -.pr-1 { padding-right: 4px !important; } - -/* Set a 4px padding to the bottom */ -.pb-1 { padding-bottom: 4px !important; } - -/* Set a 4px padding to the left */ -.pl-1 { padding-left: 4px !important; } - -/* Set a 4px padding to the left & right */ -.px-1 { padding-right: 4px !important; padding-left: 4px !important; } - -/* Set a 4px padding to the top & bottom */ -.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; } - -/* Set a 8px padding to all sides */ -.p-2 { padding: 8px !important; } - -/* Set a 8px padding to the top */ -.pt-2 { padding-top: 8px !important; } - -/* Set a 8px padding to the right */ -.pr-2 { padding-right: 8px !important; } - -/* Set a 8px padding to the bottom */ -.pb-2 { padding-bottom: 8px !important; } - -/* Set a 8px padding to the left */ -.pl-2 { padding-left: 8px !important; } - -/* Set a 8px padding to the left & right */ -.px-2 { padding-right: 8px !important; padding-left: 8px !important; } - -/* Set a 8px padding to the top & bottom */ -.py-2 { padding-top: 8px !important; padding-bottom: 8px !important; } - -/* Set a 16px padding to all sides */ -.p-3 { padding: 16px !important; } - -/* Set a 16px padding to the top */ -.pt-3 { padding-top: 16px !important; } - -/* Set a 16px padding to the right */ -.pr-3 { padding-right: 16px !important; } - -/* Set a 16px padding to the bottom */ -.pb-3 { padding-bottom: 16px !important; } - -/* Set a 16px padding to the left */ -.pl-3 { padding-left: 16px !important; } - -/* Set a 16px padding to the left & right */ -.px-3 { padding-right: 16px !important; padding-left: 16px !important; } - -/* Set a 16px padding to the top & bottom */ -.py-3 { padding-top: 16px !important; padding-bottom: 16px !important; } - -/* Set a 24px padding to all sides */ -.p-4 { padding: 24px !important; } - -/* Set a 24px padding to the top */ -.pt-4 { padding-top: 24px !important; } - -/* Set a 24px padding to the right */ -.pr-4 { padding-right: 24px !important; } - -/* Set a 24px padding to the bottom */ -.pb-4 { padding-bottom: 24px !important; } - -/* Set a 24px padding to the left */ -.pl-4 { padding-left: 24px !important; } - -/* Set a 24px padding to the left & right */ -.px-4 { padding-right: 24px !important; padding-left: 24px !important; } - -/* Set a 24px padding to the top & bottom */ -.py-4 { padding-top: 24px !important; padding-bottom: 24px !important; } - -/* Set a 32px padding to all sides */ -.p-5 { padding: 32px !important; } - -/* Set a 32px padding to the top */ -.pt-5 { padding-top: 32px !important; } - -/* Set a 32px padding to the right */ -.pr-5 { padding-right: 32px !important; } - -/* Set a 32px padding to the bottom */ -.pb-5 { padding-bottom: 32px !important; } - -/* Set a 32px padding to the left */ -.pl-5 { padding-left: 32px !important; } - -/* Set a 32px padding to the left & right */ -.px-5 { padding-right: 32px !important; padding-left: 32px !important; } - -/* Set a 32px padding to the top & bottom */ -.py-5 { padding-top: 32px !important; padding-bottom: 32px !important; } - -/* Set a 40px padding to all sides */ -.p-6 { padding: 40px !important; } - -/* Set a 40px padding to the top */ -.pt-6 { padding-top: 40px !important; } - -/* Set a 40px padding to the right */ -.pr-6 { padding-right: 40px !important; } - -/* Set a 40px padding to the bottom */ -.pb-6 { padding-bottom: 40px !important; } - -/* Set a 40px padding to the left */ -.pl-6 { padding-left: 40px !important; } - -/* Set a 40px padding to the left & right */ -.px-6 { padding-right: 40px !important; padding-left: 40px !important; } - -/* Set a 40px padding to the top & bottom */ -.py-6 { padding-top: 40px !important; padding-bottom: 40px !important; } - -@media (min-width: 544px) { /* Set a 0 padding to all sides at the sm breakpoint */ - .p-sm-0 { padding: 0 !important; } - /* Set a 0 padding to the top at the sm breakpoint */ - .pt-sm-0 { padding-top: 0 !important; } - /* Set a 0 padding to the right at the sm breakpoint */ - .pr-sm-0 { padding-right: 0 !important; } - /* Set a 0 padding to the bottom at the sm breakpoint */ - .pb-sm-0 { padding-bottom: 0 !important; } - /* Set a 0 padding to the left at the sm breakpoint */ - .pl-sm-0 { padding-left: 0 !important; } - /* Set a 0 padding to the left & right at the sm breakpoint */ - .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } - /* Set a 0 padding to the top & bottom at the sm breakpoint */ - .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } -@media (min-width: 544px) { /* Set a 4px padding to all sides at the sm breakpoint */ - .p-sm-1 { padding: 4px !important; } - /* Set a 4px padding to the top at the sm breakpoint */ - .pt-sm-1 { padding-top: 4px !important; } - /* Set a 4px padding to the right at the sm breakpoint */ - .pr-sm-1 { padding-right: 4px !important; } - /* Set a 4px padding to the bottom at the sm breakpoint */ - .pb-sm-1 { padding-bottom: 4px !important; } - /* Set a 4px padding to the left at the sm breakpoint */ - .pl-sm-1 { padding-left: 4px !important; } - /* Set a 4px padding to the left & right at the sm breakpoint */ - .px-sm-1 { padding-right: 4px !important; padding-left: 4px !important; } - /* Set a 4px padding to the top & bottom at the sm breakpoint */ - .py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } -@media (min-width: 544px) { /* Set a 8px padding to all sides at the sm breakpoint */ - .p-sm-2 { padding: 8px !important; } - /* Set a 8px padding to the top at the sm breakpoint */ - .pt-sm-2 { padding-top: 8px !important; } - /* Set a 8px padding to the right at the sm breakpoint */ - .pr-sm-2 { padding-right: 8px !important; } - /* Set a 8px padding to the bottom at the sm breakpoint */ - .pb-sm-2 { padding-bottom: 8px !important; } - /* Set a 8px padding to the left at the sm breakpoint */ - .pl-sm-2 { padding-left: 8px !important; } - /* Set a 8px padding to the left & right at the sm breakpoint */ - .px-sm-2 { padding-right: 8px !important; padding-left: 8px !important; } - /* Set a 8px padding to the top & bottom at the sm breakpoint */ - .py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } -@media (min-width: 544px) { /* Set a 16px padding to all sides at the sm breakpoint */ - .p-sm-3 { padding: 16px !important; } - /* Set a 16px padding to the top at the sm breakpoint */ - .pt-sm-3 { padding-top: 16px !important; } - /* Set a 16px padding to the right at the sm breakpoint */ - .pr-sm-3 { padding-right: 16px !important; } - /* Set a 16px padding to the bottom at the sm breakpoint */ - .pb-sm-3 { padding-bottom: 16px !important; } - /* Set a 16px padding to the left at the sm breakpoint */ - .pl-sm-3 { padding-left: 16px !important; } - /* Set a 16px padding to the left & right at the sm breakpoint */ - .px-sm-3 { padding-right: 16px !important; padding-left: 16px !important; } - /* Set a 16px padding to the top & bottom at the sm breakpoint */ - .py-sm-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } -@media (min-width: 544px) { /* Set a 24px padding to all sides at the sm breakpoint */ - .p-sm-4 { padding: 24px !important; } - /* Set a 24px padding to the top at the sm breakpoint */ - .pt-sm-4 { padding-top: 24px !important; } - /* Set a 24px padding to the right at the sm breakpoint */ - .pr-sm-4 { padding-right: 24px !important; } - /* Set a 24px padding to the bottom at the sm breakpoint */ - .pb-sm-4 { padding-bottom: 24px !important; } - /* Set a 24px padding to the left at the sm breakpoint */ - .pl-sm-4 { padding-left: 24px !important; } - /* Set a 24px padding to the left & right at the sm breakpoint */ - .px-sm-4 { padding-right: 24px !important; padding-left: 24px !important; } - /* Set a 24px padding to the top & bottom at the sm breakpoint */ - .py-sm-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } -@media (min-width: 544px) { /* Set a 32px padding to all sides at the sm breakpoint */ - .p-sm-5 { padding: 32px !important; } - /* Set a 32px padding to the top at the sm breakpoint */ - .pt-sm-5 { padding-top: 32px !important; } - /* Set a 32px padding to the right at the sm breakpoint */ - .pr-sm-5 { padding-right: 32px !important; } - /* Set a 32px padding to the bottom at the sm breakpoint */ - .pb-sm-5 { padding-bottom: 32px !important; } - /* Set a 32px padding to the left at the sm breakpoint */ - .pl-sm-5 { padding-left: 32px !important; } - /* Set a 32px padding to the left & right at the sm breakpoint */ - .px-sm-5 { padding-right: 32px !important; padding-left: 32px !important; } - /* Set a 32px padding to the top & bottom at the sm breakpoint */ - .py-sm-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } -@media (min-width: 544px) { /* Set a 40px padding to all sides at the sm breakpoint */ - .p-sm-6 { padding: 40px !important; } - /* Set a 40px padding to the top at the sm breakpoint */ - .pt-sm-6 { padding-top: 40px !important; } - /* Set a 40px padding to the right at the sm breakpoint */ - .pr-sm-6 { padding-right: 40px !important; } - /* Set a 40px padding to the bottom at the sm breakpoint */ - .pb-sm-6 { padding-bottom: 40px !important; } - /* Set a 40px padding to the left at the sm breakpoint */ - .pl-sm-6 { padding-left: 40px !important; } - /* Set a 40px padding to the left & right at the sm breakpoint */ - .px-sm-6 { padding-right: 40px !important; padding-left: 40px !important; } - /* Set a 40px padding to the top & bottom at the sm breakpoint */ - .py-sm-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } -@media (min-width: 768px) { /* Set a 0 padding to all sides at the md breakpoint */ - .p-md-0 { padding: 0 !important; } - /* Set a 0 padding to the top at the md breakpoint */ - .pt-md-0 { padding-top: 0 !important; } - /* Set a 0 padding to the right at the md breakpoint */ - .pr-md-0 { padding-right: 0 !important; } - /* Set a 0 padding to the bottom at the md breakpoint */ - .pb-md-0 { padding-bottom: 0 !important; } - /* Set a 0 padding to the left at the md breakpoint */ - .pl-md-0 { padding-left: 0 !important; } - /* Set a 0 padding to the left & right at the md breakpoint */ - .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } - /* Set a 0 padding to the top & bottom at the md breakpoint */ - .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } -@media (min-width: 768px) { /* Set a 4px padding to all sides at the md breakpoint */ - .p-md-1 { padding: 4px !important; } - /* Set a 4px padding to the top at the md breakpoint */ - .pt-md-1 { padding-top: 4px !important; } - /* Set a 4px padding to the right at the md breakpoint */ - .pr-md-1 { padding-right: 4px !important; } - /* Set a 4px padding to the bottom at the md breakpoint */ - .pb-md-1 { padding-bottom: 4px !important; } - /* Set a 4px padding to the left at the md breakpoint */ - .pl-md-1 { padding-left: 4px !important; } - /* Set a 4px padding to the left & right at the md breakpoint */ - .px-md-1 { padding-right: 4px !important; padding-left: 4px !important; } - /* Set a 4px padding to the top & bottom at the md breakpoint */ - .py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } -@media (min-width: 768px) { /* Set a 8px padding to all sides at the md breakpoint */ - .p-md-2 { padding: 8px !important; } - /* Set a 8px padding to the top at the md breakpoint */ - .pt-md-2 { padding-top: 8px !important; } - /* Set a 8px padding to the right at the md breakpoint */ - .pr-md-2 { padding-right: 8px !important; } - /* Set a 8px padding to the bottom at the md breakpoint */ - .pb-md-2 { padding-bottom: 8px !important; } - /* Set a 8px padding to the left at the md breakpoint */ - .pl-md-2 { padding-left: 8px !important; } - /* Set a 8px padding to the left & right at the md breakpoint */ - .px-md-2 { padding-right: 8px !important; padding-left: 8px !important; } - /* Set a 8px padding to the top & bottom at the md breakpoint */ - .py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } -@media (min-width: 768px) { /* Set a 16px padding to all sides at the md breakpoint */ - .p-md-3 { padding: 16px !important; } - /* Set a 16px padding to the top at the md breakpoint */ - .pt-md-3 { padding-top: 16px !important; } - /* Set a 16px padding to the right at the md breakpoint */ - .pr-md-3 { padding-right: 16px !important; } - /* Set a 16px padding to the bottom at the md breakpoint */ - .pb-md-3 { padding-bottom: 16px !important; } - /* Set a 16px padding to the left at the md breakpoint */ - .pl-md-3 { padding-left: 16px !important; } - /* Set a 16px padding to the left & right at the md breakpoint */ - .px-md-3 { padding-right: 16px !important; padding-left: 16px !important; } - /* Set a 16px padding to the top & bottom at the md breakpoint */ - .py-md-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } -@media (min-width: 768px) { /* Set a 24px padding to all sides at the md breakpoint */ - .p-md-4 { padding: 24px !important; } - /* Set a 24px padding to the top at the md breakpoint */ - .pt-md-4 { padding-top: 24px !important; } - /* Set a 24px padding to the right at the md breakpoint */ - .pr-md-4 { padding-right: 24px !important; } - /* Set a 24px padding to the bottom at the md breakpoint */ - .pb-md-4 { padding-bottom: 24px !important; } - /* Set a 24px padding to the left at the md breakpoint */ - .pl-md-4 { padding-left: 24px !important; } - /* Set a 24px padding to the left & right at the md breakpoint */ - .px-md-4 { padding-right: 24px !important; padding-left: 24px !important; } - /* Set a 24px padding to the top & bottom at the md breakpoint */ - .py-md-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } -@media (min-width: 768px) { /* Set a 32px padding to all sides at the md breakpoint */ - .p-md-5 { padding: 32px !important; } - /* Set a 32px padding to the top at the md breakpoint */ - .pt-md-5 { padding-top: 32px !important; } - /* Set a 32px padding to the right at the md breakpoint */ - .pr-md-5 { padding-right: 32px !important; } - /* Set a 32px padding to the bottom at the md breakpoint */ - .pb-md-5 { padding-bottom: 32px !important; } - /* Set a 32px padding to the left at the md breakpoint */ - .pl-md-5 { padding-left: 32px !important; } - /* Set a 32px padding to the left & right at the md breakpoint */ - .px-md-5 { padding-right: 32px !important; padding-left: 32px !important; } - /* Set a 32px padding to the top & bottom at the md breakpoint */ - .py-md-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } -@media (min-width: 768px) { /* Set a 40px padding to all sides at the md breakpoint */ - .p-md-6 { padding: 40px !important; } - /* Set a 40px padding to the top at the md breakpoint */ - .pt-md-6 { padding-top: 40px !important; } - /* Set a 40px padding to the right at the md breakpoint */ - .pr-md-6 { padding-right: 40px !important; } - /* Set a 40px padding to the bottom at the md breakpoint */ - .pb-md-6 { padding-bottom: 40px !important; } - /* Set a 40px padding to the left at the md breakpoint */ - .pl-md-6 { padding-left: 40px !important; } - /* Set a 40px padding to the left & right at the md breakpoint */ - .px-md-6 { padding-right: 40px !important; padding-left: 40px !important; } - /* Set a 40px padding to the top & bottom at the md breakpoint */ - .py-md-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } -@media (min-width: 1012px) { /* Set a 0 padding to all sides at the lg breakpoint */ - .p-lg-0 { padding: 0 !important; } - /* Set a 0 padding to the top at the lg breakpoint */ - .pt-lg-0 { padding-top: 0 !important; } - /* Set a 0 padding to the right at the lg breakpoint */ - .pr-lg-0 { padding-right: 0 !important; } - /* Set a 0 padding to the bottom at the lg breakpoint */ - .pb-lg-0 { padding-bottom: 0 !important; } - /* Set a 0 padding to the left at the lg breakpoint */ - .pl-lg-0 { padding-left: 0 !important; } - /* Set a 0 padding to the left & right at the lg breakpoint */ - .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } - /* Set a 0 padding to the top & bottom at the lg breakpoint */ - .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } -@media (min-width: 1012px) { /* Set a 4px padding to all sides at the lg breakpoint */ - .p-lg-1 { padding: 4px !important; } - /* Set a 4px padding to the top at the lg breakpoint */ - .pt-lg-1 { padding-top: 4px !important; } - /* Set a 4px padding to the right at the lg breakpoint */ - .pr-lg-1 { padding-right: 4px !important; } - /* Set a 4px padding to the bottom at the lg breakpoint */ - .pb-lg-1 { padding-bottom: 4px !important; } - /* Set a 4px padding to the left at the lg breakpoint */ - .pl-lg-1 { padding-left: 4px !important; } - /* Set a 4px padding to the left & right at the lg breakpoint */ - .px-lg-1 { padding-right: 4px !important; padding-left: 4px !important; } - /* Set a 4px padding to the top & bottom at the lg breakpoint */ - .py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } -@media (min-width: 1012px) { /* Set a 8px padding to all sides at the lg breakpoint */ - .p-lg-2 { padding: 8px !important; } - /* Set a 8px padding to the top at the lg breakpoint */ - .pt-lg-2 { padding-top: 8px !important; } - /* Set a 8px padding to the right at the lg breakpoint */ - .pr-lg-2 { padding-right: 8px !important; } - /* Set a 8px padding to the bottom at the lg breakpoint */ - .pb-lg-2 { padding-bottom: 8px !important; } - /* Set a 8px padding to the left at the lg breakpoint */ - .pl-lg-2 { padding-left: 8px !important; } - /* Set a 8px padding to the left & right at the lg breakpoint */ - .px-lg-2 { padding-right: 8px !important; padding-left: 8px !important; } - /* Set a 8px padding to the top & bottom at the lg breakpoint */ - .py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } -@media (min-width: 1012px) { /* Set a 16px padding to all sides at the lg breakpoint */ - .p-lg-3 { padding: 16px !important; } - /* Set a 16px padding to the top at the lg breakpoint */ - .pt-lg-3 { padding-top: 16px !important; } - /* Set a 16px padding to the right at the lg breakpoint */ - .pr-lg-3 { padding-right: 16px !important; } - /* Set a 16px padding to the bottom at the lg breakpoint */ - .pb-lg-3 { padding-bottom: 16px !important; } - /* Set a 16px padding to the left at the lg breakpoint */ - .pl-lg-3 { padding-left: 16px !important; } - /* Set a 16px padding to the left & right at the lg breakpoint */ - .px-lg-3 { padding-right: 16px !important; padding-left: 16px !important; } - /* Set a 16px padding to the top & bottom at the lg breakpoint */ - .py-lg-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } -@media (min-width: 1012px) { /* Set a 24px padding to all sides at the lg breakpoint */ - .p-lg-4 { padding: 24px !important; } - /* Set a 24px padding to the top at the lg breakpoint */ - .pt-lg-4 { padding-top: 24px !important; } - /* Set a 24px padding to the right at the lg breakpoint */ - .pr-lg-4 { padding-right: 24px !important; } - /* Set a 24px padding to the bottom at the lg breakpoint */ - .pb-lg-4 { padding-bottom: 24px !important; } - /* Set a 24px padding to the left at the lg breakpoint */ - .pl-lg-4 { padding-left: 24px !important; } - /* Set a 24px padding to the left & right at the lg breakpoint */ - .px-lg-4 { padding-right: 24px !important; padding-left: 24px !important; } - /* Set a 24px padding to the top & bottom at the lg breakpoint */ - .py-lg-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } -@media (min-width: 1012px) { /* Set a 32px padding to all sides at the lg breakpoint */ - .p-lg-5 { padding: 32px !important; } - /* Set a 32px padding to the top at the lg breakpoint */ - .pt-lg-5 { padding-top: 32px !important; } - /* Set a 32px padding to the right at the lg breakpoint */ - .pr-lg-5 { padding-right: 32px !important; } - /* Set a 32px padding to the bottom at the lg breakpoint */ - .pb-lg-5 { padding-bottom: 32px !important; } - /* Set a 32px padding to the left at the lg breakpoint */ - .pl-lg-5 { padding-left: 32px !important; } - /* Set a 32px padding to the left & right at the lg breakpoint */ - .px-lg-5 { padding-right: 32px !important; padding-left: 32px !important; } - /* Set a 32px padding to the top & bottom at the lg breakpoint */ - .py-lg-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } -@media (min-width: 1012px) { /* Set a 40px padding to all sides at the lg breakpoint */ - .p-lg-6 { padding: 40px !important; } - /* Set a 40px padding to the top at the lg breakpoint */ - .pt-lg-6 { padding-top: 40px !important; } - /* Set a 40px padding to the right at the lg breakpoint */ - .pr-lg-6 { padding-right: 40px !important; } - /* Set a 40px padding to the bottom at the lg breakpoint */ - .pb-lg-6 { padding-bottom: 40px !important; } - /* Set a 40px padding to the left at the lg breakpoint */ - .pl-lg-6 { padding-left: 40px !important; } - /* Set a 40px padding to the left & right at the lg breakpoint */ - .px-lg-6 { padding-right: 40px !important; padding-left: 40px !important; } - /* Set a 40px padding to the top & bottom at the lg breakpoint */ - .py-lg-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } -@media (min-width: 1280px) { /* Set a 0 padding to all sides at the xl breakpoint */ - .p-xl-0 { padding: 0 !important; } - /* Set a 0 padding to the top at the xl breakpoint */ - .pt-xl-0 { padding-top: 0 !important; } - /* Set a 0 padding to the right at the xl breakpoint */ - .pr-xl-0 { padding-right: 0 !important; } - /* Set a 0 padding to the bottom at the xl breakpoint */ - .pb-xl-0 { padding-bottom: 0 !important; } - /* Set a 0 padding to the left at the xl breakpoint */ - .pl-xl-0 { padding-left: 0 !important; } - /* Set a 0 padding to the left & right at the xl breakpoint */ - .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } - /* Set a 0 padding to the top & bottom at the xl breakpoint */ - .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } } -@media (min-width: 1280px) { /* Set a 4px padding to all sides at the xl breakpoint */ - .p-xl-1 { padding: 4px !important; } - /* Set a 4px padding to the top at the xl breakpoint */ - .pt-xl-1 { padding-top: 4px !important; } - /* Set a 4px padding to the right at the xl breakpoint */ - .pr-xl-1 { padding-right: 4px !important; } - /* Set a 4px padding to the bottom at the xl breakpoint */ - .pb-xl-1 { padding-bottom: 4px !important; } - /* Set a 4px padding to the left at the xl breakpoint */ - .pl-xl-1 { padding-left: 4px !important; } - /* Set a 4px padding to the left & right at the xl breakpoint */ - .px-xl-1 { padding-right: 4px !important; padding-left: 4px !important; } - /* Set a 4px padding to the top & bottom at the xl breakpoint */ - .py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } } -@media (min-width: 1280px) { /* Set a 8px padding to all sides at the xl breakpoint */ - .p-xl-2 { padding: 8px !important; } - /* Set a 8px padding to the top at the xl breakpoint */ - .pt-xl-2 { padding-top: 8px !important; } - /* Set a 8px padding to the right at the xl breakpoint */ - .pr-xl-2 { padding-right: 8px !important; } - /* Set a 8px padding to the bottom at the xl breakpoint */ - .pb-xl-2 { padding-bottom: 8px !important; } - /* Set a 8px padding to the left at the xl breakpoint */ - .pl-xl-2 { padding-left: 8px !important; } - /* Set a 8px padding to the left & right at the xl breakpoint */ - .px-xl-2 { padding-right: 8px !important; padding-left: 8px !important; } - /* Set a 8px padding to the top & bottom at the xl breakpoint */ - .py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } } -@media (min-width: 1280px) { /* Set a 16px padding to all sides at the xl breakpoint */ - .p-xl-3 { padding: 16px !important; } - /* Set a 16px padding to the top at the xl breakpoint */ - .pt-xl-3 { padding-top: 16px !important; } - /* Set a 16px padding to the right at the xl breakpoint */ - .pr-xl-3 { padding-right: 16px !important; } - /* Set a 16px padding to the bottom at the xl breakpoint */ - .pb-xl-3 { padding-bottom: 16px !important; } - /* Set a 16px padding to the left at the xl breakpoint */ - .pl-xl-3 { padding-left: 16px !important; } - /* Set a 16px padding to the left & right at the xl breakpoint */ - .px-xl-3 { padding-right: 16px !important; padding-left: 16px !important; } - /* Set a 16px padding to the top & bottom at the xl breakpoint */ - .py-xl-3 { padding-top: 16px !important; padding-bottom: 16px !important; } } -@media (min-width: 1280px) { /* Set a 24px padding to all sides at the xl breakpoint */ - .p-xl-4 { padding: 24px !important; } - /* Set a 24px padding to the top at the xl breakpoint */ - .pt-xl-4 { padding-top: 24px !important; } - /* Set a 24px padding to the right at the xl breakpoint */ - .pr-xl-4 { padding-right: 24px !important; } - /* Set a 24px padding to the bottom at the xl breakpoint */ - .pb-xl-4 { padding-bottom: 24px !important; } - /* Set a 24px padding to the left at the xl breakpoint */ - .pl-xl-4 { padding-left: 24px !important; } - /* Set a 24px padding to the left & right at the xl breakpoint */ - .px-xl-4 { padding-right: 24px !important; padding-left: 24px !important; } - /* Set a 24px padding to the top & bottom at the xl breakpoint */ - .py-xl-4 { padding-top: 24px !important; padding-bottom: 24px !important; } } -@media (min-width: 1280px) { /* Set a 32px padding to all sides at the xl breakpoint */ - .p-xl-5 { padding: 32px !important; } - /* Set a 32px padding to the top at the xl breakpoint */ - .pt-xl-5 { padding-top: 32px !important; } - /* Set a 32px padding to the right at the xl breakpoint */ - .pr-xl-5 { padding-right: 32px !important; } - /* Set a 32px padding to the bottom at the xl breakpoint */ - .pb-xl-5 { padding-bottom: 32px !important; } - /* Set a 32px padding to the left at the xl breakpoint */ - .pl-xl-5 { padding-left: 32px !important; } - /* Set a 32px padding to the left & right at the xl breakpoint */ - .px-xl-5 { padding-right: 32px !important; padding-left: 32px !important; } - /* Set a 32px padding to the top & bottom at the xl breakpoint */ - .py-xl-5 { padding-top: 32px !important; padding-bottom: 32px !important; } } -@media (min-width: 1280px) { /* Set a 40px padding to all sides at the xl breakpoint */ - .p-xl-6 { padding: 40px !important; } - /* Set a 40px padding to the top at the xl breakpoint */ - .pt-xl-6 { padding-top: 40px !important; } - /* Set a 40px padding to the right at the xl breakpoint */ - .pr-xl-6 { padding-right: 40px !important; } - /* Set a 40px padding to the bottom at the xl breakpoint */ - .pb-xl-6 { padding-bottom: 40px !important; } - /* Set a 40px padding to the left at the xl breakpoint */ - .pl-xl-6 { padding-left: 40px !important; } - /* Set a 40px padding to the left & right at the xl breakpoint */ - .px-xl-6 { padding-right: 40px !important; padding-left: 40px !important; } - /* Set a 40px padding to the top & bottom at the xl breakpoint */ - .py-xl-6 { padding-top: 40px !important; padding-bottom: 40px !important; } } -.p-responsive { padding-right: 16px !important; padding-left: 16px !important; } -@media (min-width: 544px) { .p-responsive { padding-right: 40px !important; padding-left: 40px !important; } } -@media (min-width: 1012px) { .p-responsive { padding-right: 16px !important; padding-left: 16px !important; } } - -/* Set the font size to 26px */ -.h1 { font-size: 26px !important; } -@media (min-width: 768px) { .h1 { font-size: 32px !important; } } - -/* Set the font size to 22px */ -.h2 { font-size: 22px !important; } -@media (min-width: 768px) { .h2 { font-size: 24px !important; } } - -/* Set the font size to 18px */ -.h3 { font-size: 18px !important; } -@media (min-width: 768px) { .h3 { font-size: 20px !important; } } - -/* Set the font size to 16px */ -.h4 { font-size: 16px !important; } - -/* Set the font size to 14px */ -.h5 { font-size: 14px !important; } - -/* Set the font size to 12px */ -.h6 { font-size: 12px !important; } - -.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 600 !important; } - -/* Set the font size to 26px */ -.f1 { font-size: 26px !important; } -@media (min-width: 768px) { .f1 { font-size: 32px !important; } } - -/* Set the font size to 22px */ -.f2 { font-size: 22px !important; } -@media (min-width: 768px) { .f2 { font-size: 24px !important; } } - -/* Set the font size to 18px */ -.f3 { font-size: 18px !important; } -@media (min-width: 768px) { .f3 { font-size: 20px !important; } } - -/* Set the font size to 16px */ -.f4 { font-size: 16px !important; } -@media (min-width: 768px) { .f4 { font-size: 16px !important; } } - -/* Set the font size to 14px */ -.f5 { font-size: 14px !important; } - -/* Set the font size to 12px */ -.f6 { font-size: 12px !important; } - -/* Set the font size to 40px and weight to light */ -.f00-light { font-size: 40px !important; font-weight: 300 !important; } -@media (min-width: 768px) { .f00-light { font-size: 48px !important; } } - -/* Set the font size to 32px and weight to light */ -.f0-light { font-size: 32px !important; font-weight: 300 !important; } -@media (min-width: 768px) { .f0-light { font-size: 40px !important; } } - -/* Set the font size to 26px and weight to light */ -.f1-light { font-size: 26px !important; font-weight: 300 !important; } -@media (min-width: 768px) { .f1-light { font-size: 32px !important; } } - -/* Set the font size to 22px and weight to light */ -.f2-light { font-size: 22px !important; font-weight: 300 !important; } -@media (min-width: 768px) { .f2-light { font-size: 24px !important; } } - -/* Set the font size to 18px and weight to light */ -.f3-light { font-size: 18px !important; font-weight: 300 !important; } -@media (min-width: 768px) { .f3-light { font-size: 20px !important; } } - -/* Set the font size to ${#h6-size} */ -.text-small { font-size: 12px !important; } - -/* Large leading paragraphs */ -.lead { margin-bottom: 30px; font-size: 20px; font-weight: 300; color: #586069; } - -/* Set the line height to ultra condensed */ -.lh-condensed-ultra { line-height: 1 !important; } - -/* Set the line height to condensed */ -.lh-condensed { line-height: 1.25 !important; } - -/* Set the line height to default */ -.lh-default { line-height: 1.5 !important; } - -/* Text align to the right */ -.text-right { text-align: right !important; } - -/* Text align to the left */ -.text-left { text-align: left !important; } - -/* Text align to the center */ -.text-center { text-align: center !important; } - -@media (min-width: 544px) { .text-sm-right { text-align: right !important; } - .text-sm-left { text-align: left !important; } - .text-sm-center { text-align: center !important; } } -@media (min-width: 768px) { .text-md-right { text-align: right !important; } - .text-md-left { text-align: left !important; } - .text-md-center { text-align: center !important; } } -@media (min-width: 1012px) { .text-lg-right { text-align: right !important; } - .text-lg-left { text-align: left !important; } - .text-lg-center { text-align: center !important; } } -@media (min-width: 1280px) { .text-xl-right { text-align: right !important; } - .text-xl-left { text-align: left !important; } - .text-xl-center { text-align: center !important; } } -/* Set the font weight to normal */ -.text-normal { font-weight: 400 !important; } - -/* Set the font weight to bold */ -.text-bold { font-weight: 600 !important; } - -/* Set the font to italic */ -.text-italic { font-style: italic !important; } - -/* Make text uppercase */ -.text-uppercase { text-transform: uppercase !important; } - -/* Underline text */ -.no-underline { text-decoration: none !important; } - -/* Don't wrap white space */ -.no-wrap { white-space: nowrap !important; } - -/* Normal white space */ -.ws-normal { white-space: normal !important; } - -/* Allow long lines with no spaces to line break */ -.wb-break-all { word-break: break-all !important; } - -.text-emphasized { font-weight: 600; color: #24292e; } - -.list-style-none { list-style: none !important; } - -/* Add a dark text shadow */ -.text-shadow-dark { text-shadow: 0 1px 1px rgba(27, 31, 35, 0.25), 0 1px 25px rgba(27, 31, 35, 0.75); } - -/* Add a light text shadow */ -.text-shadow-light { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } - -/* Visibility hidden */ -.v-hidden { visibility: hidden !important; } - -/* Visibility visible */ -.v-visible { visibility: visible !important; } - -/* Set the display to table */ -.d-table { display: table !important; } - -/* Set the display to table-cell */ -.d-table-cell { display: table-cell !important; } - -/* Set the table-layout to fixed */ -.table-fixed { table-layout: fixed !important; } - -/* Set the display to block */ -.d-block { display: block !important; } - -/* Set the display to inline */ -.d-inline { display: inline !important; } - -/* Set the display to inline-block */ -.d-inline-block { display: inline-block !important; } - -/* Set the display to flex */ -.d-flex { display: flex !important; } - -/* Set the display to inline-flex */ -.d-inline-flex { display: inline-flex !important; } - -/* Set the display to none */ -.d-none { display: none !important; } - -@media (min-width: 544px) { /* Set the display to table at the sm breakpoint */ - .d-sm-table { display: table !important; } - /* Set the display to table cell at the sm breakpoint */ - .d-sm-table-cell { display: table-cell !important; } - /* Set the display to block at the sm breakpoint */ - .d-sm-block { display: block !important; } - /* Set the display to inline at the sm breakpoint */ - .d-sm-inline { display: inline !important; } - /* Set the display to inline block at the sm breakpoint */ - .d-sm-inline-block { display: inline-block !important; } - /* Set the display to flex at the sm breakpoint */ - .d-sm-flex { display: flex !important; } - /* Set the display to flex at the sm breakpoint */ - .d-sm-inline-flex { display: inline-flex !important; } - /* Set the display to none at the sm breakpoint */ - .d-sm-none { display: none !important; } } -@media (min-width: 768px) { /* Set the display to table at the md breakpoint */ - .d-md-table { display: table !important; } - /* Set the display to table cell at the md breakpoint */ - .d-md-table-cell { display: table-cell !important; } - /* Set the display to block at the md breakpoint */ - .d-md-block { display: block !important; } - /* Set the display to inline at the md breakpoint */ - .d-md-inline { display: inline !important; } - /* Set the display to inline block at the md breakpoint */ - .d-md-inline-block { display: inline-block !important; } - /* Set the display to flex at the md breakpoint */ - .d-md-flex { display: flex !important; } - /* Set the display to flex at the md breakpoint */ - .d-md-inline-flex { display: inline-flex !important; } - /* Set the display to none at the md breakpoint */ - .d-md-none { display: none !important; } } -@media (min-width: 1012px) { /* Set the display to table at the lg breakpoint */ - .d-lg-table { display: table !important; } - /* Set the display to table cell at the lg breakpoint */ - .d-lg-table-cell { display: table-cell !important; } - /* Set the display to block at the lg breakpoint */ - .d-lg-block { display: block !important; } - /* Set the display to inline at the lg breakpoint */ - .d-lg-inline { display: inline !important; } - /* Set the display to inline block at the lg breakpoint */ - .d-lg-inline-block { display: inline-block !important; } - /* Set the display to flex at the lg breakpoint */ - .d-lg-flex { display: flex !important; } - /* Set the display to flex at the lg breakpoint */ - .d-lg-inline-flex { display: inline-flex !important; } - /* Set the display to none at the lg breakpoint */ - .d-lg-none { display: none !important; } } -@media (min-width: 1280px) { /* Set the display to table at the xl breakpoint */ - .d-xl-table { display: table !important; } - /* Set the display to table cell at the xl breakpoint */ - .d-xl-table-cell { display: table-cell !important; } - /* Set the display to block at the xl breakpoint */ - .d-xl-block { display: block !important; } - /* Set the display to inline at the xl breakpoint */ - .d-xl-inline { display: inline !important; } - /* Set the display to inline block at the xl breakpoint */ - .d-xl-inline-block { display: inline-block !important; } - /* Set the display to flex at the xl breakpoint */ - .d-xl-flex { display: flex !important; } - /* Set the display to flex at the xl breakpoint */ - .d-xl-inline-flex { display: inline-flex !important; } - /* Set the display to none at the xl breakpoint */ - .d-xl-none { display: none !important; } } -@media (max-width: 544px) { .hide-sm { display: none !important; } } -@media (min-width: 544px) and (max-width: 768px) { .hide-md { display: none !important; } } -@media (min-width: 768px) and (max-width: 1012px) { .hide-lg { display: none !important; } } -@media (min-width: 1012px) { .hide-xl { display: none !important; } } -.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); word-wrap: normal; border: 0; } - -.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } -.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; } - -.container { width: 980px; margin-right: auto; margin-left: auto; } -.container::before { display: table; content: ""; } -.container::after { display: table; clear: both; content: ""; } - -.container-md { max-width: 768px; margin-right: auto; margin-left: auto; } - -.container-lg { max-width: 1012px; margin-right: auto; margin-left: auto; } - -.container-xl { max-width: 1280px; margin-right: auto; margin-left: auto; } - -.columns { margin-right: -10px; margin-left: -10px; } -.columns::before { display: table; content: ""; } -.columns::after { display: table; clear: both; content: ""; } - -.column { float: left; padding-right: 10px; padding-left: 10px; } - -.one-third { width: 33.333333%; } - -.two-thirds { width: 66.666667%; } - -.one-fourth { width: 25%; } - -.one-half { width: 50%; } - -.three-fourths { width: 75%; } - -.one-fifth { width: 20%; } - -.four-fifths { width: 80%; } - -.centered { display: block; float: none; margin-right: auto; margin-left: auto; } - -.col-1 { width: 8.3333333333%; } - -.col-2 { width: 16.6666666667%; } - -.col-3 { width: 25%; } - -.col-4 { width: 33.3333333333%; } - -.col-5 { width: 41.6666666667%; } - -.col-6 { width: 50%; } - -.col-7 { width: 58.3333333333%; } - -.col-8 { width: 66.6666666667%; } - -.col-9 { width: 75%; } - -.col-10 { width: 83.3333333333%; } - -.col-11 { width: 91.6666666667%; } - -.col-12 { width: 100%; } - -@media (min-width: 544px) { .col-sm-1 { width: 8.3333333333%; } - .col-sm-2 { width: 16.6666666667%; } - .col-sm-3 { width: 25%; } - .col-sm-4 { width: 33.3333333333%; } - .col-sm-5 { width: 41.6666666667%; } - .col-sm-6 { width: 50%; } - .col-sm-7 { width: 58.3333333333%; } - .col-sm-8 { width: 66.6666666667%; } - .col-sm-9 { width: 75%; } - .col-sm-10 { width: 83.3333333333%; } - .col-sm-11 { width: 91.6666666667%; } - .col-sm-12 { width: 100%; } } -@media (min-width: 768px) { .col-md-1 { width: 8.3333333333%; } - .col-md-2 { width: 16.6666666667%; } - .col-md-3 { width: 25%; } - .col-md-4 { width: 33.3333333333%; } - .col-md-5 { width: 41.6666666667%; } - .col-md-6 { width: 50%; } - .col-md-7 { width: 58.3333333333%; } - .col-md-8 { width: 66.6666666667%; } - .col-md-9 { width: 75%; } - .col-md-10 { width: 83.3333333333%; } - .col-md-11 { width: 91.6666666667%; } - .col-md-12 { width: 100%; } } -@media (min-width: 1012px) { .col-lg-1 { width: 8.3333333333%; } - .col-lg-2 { width: 16.6666666667%; } - .col-lg-3 { width: 25%; } - .col-lg-4 { width: 33.3333333333%; } - .col-lg-5 { width: 41.6666666667%; } - .col-lg-6 { width: 50%; } - .col-lg-7 { width: 58.3333333333%; } - .col-lg-8 { width: 66.6666666667%; } - .col-lg-9 { width: 75%; } - .col-lg-10 { width: 83.3333333333%; } - .col-lg-11 { width: 91.6666666667%; } - .col-lg-12 { width: 100%; } } -@media (min-width: 1280px) { .col-xl-1 { width: 8.3333333333%; } - .col-xl-2 { width: 16.6666666667%; } - .col-xl-3 { width: 25%; } - .col-xl-4 { width: 33.3333333333%; } - .col-xl-5 { width: 41.6666666667%; } - .col-xl-6 { width: 50%; } - .col-xl-7 { width: 58.3333333333%; } - .col-xl-8 { width: 66.6666666667%; } - .col-xl-9 { width: 75%; } - .col-xl-10 { width: 83.3333333333%; } - .col-xl-11 { width: 91.6666666667%; } - .col-xl-12 { width: 100%; } } -.gutter { margin-right: -16px; margin-left: -16px; } -.gutter > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } - -.gutter-condensed { margin-right: -8px; margin-left: -8px; } -.gutter-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } - -.gutter-spacious { margin-right: -24px; margin-left: -24px; } -.gutter-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } - -@media (min-width: 544px) { .gutter-sm { margin-right: -16px; margin-left: -16px; } - .gutter-sm > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } - .gutter-sm-condensed { margin-right: -8px; margin-left: -8px; } - .gutter-sm-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } - .gutter-sm-spacious { margin-right: -24px; margin-left: -24px; } - .gutter-sm-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } -@media (min-width: 768px) { .gutter-md { margin-right: -16px; margin-left: -16px; } - .gutter-md > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } - .gutter-md-condensed { margin-right: -8px; margin-left: -8px; } - .gutter-md-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } - .gutter-md-spacious { margin-right: -24px; margin-left: -24px; } - .gutter-md-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } -@media (min-width: 1012px) { .gutter-lg { margin-right: -16px; margin-left: -16px; } - .gutter-lg > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } - .gutter-lg-condensed { margin-right: -8px; margin-left: -8px; } - .gutter-lg-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } - .gutter-lg-spacious { margin-right: -24px; margin-left: -24px; } - .gutter-lg-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } -@media (min-width: 1280px) { .gutter-xl { margin-right: -16px; margin-left: -16px; } - .gutter-xl > [class*="col-"] { padding-right: 16px !important; padding-left: 16px !important; } - .gutter-xl-condensed { margin-right: -8px; margin-left: -8px; } - .gutter-xl-condensed > [class*="col-"] { padding-right: 8px !important; padding-left: 8px !important; } - .gutter-xl-spacious { margin-right: -24px; margin-left: -24px; } - .gutter-xl-spacious > [class*="col-"] { padding-right: 24px !important; padding-left: 24px !important; } } -.offset-1 { margin-left: 8.3333333333%; } - -.offset-2 { margin-left: 16.6666666667%; } - -.offset-3 { margin-left: 25%; } - -.offset-4 { margin-left: 33.3333333333%; } - -.offset-5 { margin-left: 41.6666666667%; } - -.offset-6 { margin-left: 50%; } - -.offset-7 { margin-left: 58.3333333333%; } - -.offset-8 { margin-left: 66.6666666667%; } - -.offset-9 { margin-left: 75%; } - -.offset-10 { margin-left: 83.3333333333%; } - -.offset-11 { margin-left: 91.6666666667%; } - -@media (min-width: 544px) { .offset-sm-1 { margin-left: 8.3333333333%; } - .offset-sm-2 { margin-left: 16.6666666667%; } - .offset-sm-3 { margin-left: 25%; } - .offset-sm-4 { margin-left: 33.3333333333%; } - .offset-sm-5 { margin-left: 41.6666666667%; } - .offset-sm-6 { margin-left: 50%; } - .offset-sm-7 { margin-left: 58.3333333333%; } - .offset-sm-8 { margin-left: 66.6666666667%; } - .offset-sm-9 { margin-left: 75%; } - .offset-sm-10 { margin-left: 83.3333333333%; } - .offset-sm-11 { margin-left: 91.6666666667%; } } -@media (min-width: 768px) { .offset-md-1 { margin-left: 8.3333333333%; } - .offset-md-2 { margin-left: 16.6666666667%; } - .offset-md-3 { margin-left: 25%; } - .offset-md-4 { margin-left: 33.3333333333%; } - .offset-md-5 { margin-left: 41.6666666667%; } - .offset-md-6 { margin-left: 50%; } - .offset-md-7 { margin-left: 58.3333333333%; } - .offset-md-8 { margin-left: 66.6666666667%; } - .offset-md-9 { margin-left: 75%; } - .offset-md-10 { margin-left: 83.3333333333%; } - .offset-md-11 { margin-left: 91.6666666667%; } } -@media (min-width: 1012px) { .offset-lg-1 { margin-left: 8.3333333333%; } - .offset-lg-2 { margin-left: 16.6666666667%; } - .offset-lg-3 { margin-left: 25%; } - .offset-lg-4 { margin-left: 33.3333333333%; } - .offset-lg-5 { margin-left: 41.6666666667%; } - .offset-lg-6 { margin-left: 50%; } - .offset-lg-7 { margin-left: 58.3333333333%; } - .offset-lg-8 { margin-left: 66.6666666667%; } - .offset-lg-9 { margin-left: 75%; } - .offset-lg-10 { margin-left: 83.3333333333%; } - .offset-lg-11 { margin-left: 91.6666666667%; } } -@media (min-width: 1280px) { .offset-xl-1 { margin-left: 8.3333333333%; } - .offset-xl-2 { margin-left: 16.6666666667%; } - .offset-xl-3 { margin-left: 25%; } - .offset-xl-4 { margin-left: 33.3333333333%; } - .offset-xl-5 { margin-left: 41.6666666667%; } - .offset-xl-6 { margin-left: 50%; } - .offset-xl-7 { margin-left: 58.3333333333%; } - .offset-xl-8 { margin-left: 66.6666666667%; } - .offset-xl-9 { margin-left: 75%; } - .offset-xl-10 { margin-left: 83.3333333333%; } - .offset-xl-11 { margin-left: 91.6666666667%; } } -.markdown-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; } -.markdown-body::before { display: table; content: ""; } -.markdown-body::after { display: table; clear: both; content: ""; } -.markdown-body > *:first-child { margin-top: 0 !important; } -.markdown-body > *:last-child { margin-bottom: 0 !important; } -.markdown-body a:not([href]) { color: inherit; text-decoration: none; } -.markdown-body .absent { color: #cb2431; } -.markdown-body .anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; } -.markdown-body .anchor:focus { outline: none; } -.markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; } -.markdown-body hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e1e4e8; border: 0; } -.markdown-body blockquote { padding: 0 1em; color: #6a737d; border-left: 0.25em solid #dfe2e5; } -.markdown-body blockquote > :first-child { margin-top: 0; } -.markdown-body blockquote > :last-child { margin-bottom: 0; } -.markdown-body kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #444d56; vertical-align: middle; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; } - -.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } -.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link, .markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link, .markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link { color: #1b1f23; vertical-align: middle; visibility: hidden; } -.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { text-decoration: none; } -.markdown-body h1:hover .anchor .octicon-link, .markdown-body h2:hover .anchor .octicon-link, .markdown-body h3:hover .anchor .octicon-link, .markdown-body h4:hover .anchor .octicon-link, .markdown-body h5:hover .anchor .octicon-link, .markdown-body h6:hover .anchor .octicon-link { visibility: visible; } -.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { font-size: inherit; } -.markdown-body h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eaecef; } -.markdown-body h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eaecef; } -.markdown-body h3 { font-size: 1.25em; } -.markdown-body h4 { font-size: 1em; } -.markdown-body h5 { font-size: 0.875em; } -.markdown-body h6 { font-size: 0.85em; color: #6a737d; } - -.markdown-body ul, .markdown-body ol { padding-left: 2em; } -.markdown-body ul.no-list, .markdown-body ol.no-list { padding: 0; list-style-type: none; } -.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { margin-top: 0; margin-bottom: 0; } -.markdown-body li { word-wrap: break-all; } -.markdown-body li > p { margin-top: 16px; } -.markdown-body li + li { margin-top: 0.25em; } -.markdown-body dl { padding: 0; } -.markdown-body dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; } -.markdown-body dl dd { padding: 0 16px; margin-bottom: 16px; } - -.markdown-body table { display: block; width: 100%; overflow: auto; } -.markdown-body table th { font-weight: 600; } -.markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid #dfe2e5; } -.markdown-body table tr { background-color: #fff; border-top: 1px solid #c6cbd1; } -.markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; } -.markdown-body table img { background-color: transparent; } - -.markdown-body img { max-width: 100%; box-sizing: content-box; background-color: #fff; } -.markdown-body img[align=right] { padding-left: 20px; } -.markdown-body img[align=left] { padding-right: 20px; } -.markdown-body .emoji { max-width: none; vertical-align: text-top; background-color: transparent; } -.markdown-body span.frame { display: block; overflow: hidden; } -.markdown-body span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #dfe2e5; } -.markdown-body span.frame span img { display: block; float: left; } -.markdown-body span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #24292e; } -.markdown-body span.align-center { display: block; overflow: hidden; clear: both; } -.markdown-body span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; } -.markdown-body span.align-center span img { margin: 0 auto; text-align: center; } -.markdown-body span.align-right { display: block; overflow: hidden; clear: both; } -.markdown-body span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; } -.markdown-body span.align-right span img { margin: 0; text-align: right; } -.markdown-body span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; } -.markdown-body span.float-left span { margin: 13px 0 0; } -.markdown-body span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; } -.markdown-body span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; } - -.markdown-body code, .markdown-body tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(27, 31, 35, 0.05); border-radius: 3px; } -.markdown-body code br, .markdown-body tt br { display: none; } -.markdown-body del code { text-decoration: inherit; } -.markdown-body pre { word-wrap: normal; } -.markdown-body pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } -.markdown-body .highlight { margin-bottom: 16px; } -.markdown-body .highlight pre { margin-bottom: 0; word-break: normal; } -.markdown-body .highlight pre, .markdown-body pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; } -.markdown-body pre code, .markdown-body pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } - -.markdown-body .csv-data td, .markdown-body .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; } -.markdown-body .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: #fff; border: 0; } -.markdown-body .csv-data tr { border-top: 0; } -.markdown-body .csv-data th { font-weight: 600; background: #f6f8fa; border-top: 0; } - -.highlight table td { padding: 5px; } - -.highlight table pre { margin: 0; } - -.highlight .cm { color: #999988; font-style: italic; } - -.highlight .cp { color: #999999; font-weight: bold; } - -.highlight .c1 { color: #999988; font-style: italic; } - -.highlight .cs { color: #999999; font-weight: bold; font-style: italic; } - -.highlight .c, .highlight .cd { color: #999988; font-style: italic; } - -.highlight .err { color: #a61717; background-color: #e3d2d2; } - -.highlight .gd { color: #000000; background-color: #ffdddd; } - -.highlight .ge { color: #000000; font-style: italic; } - -.highlight .gr { color: #aa0000; } - -.highlight .gh { color: #999999; } - -.highlight .gi { color: #000000; background-color: #ddffdd; } - -.highlight .go { color: #888888; } - -.highlight .gp { color: #555555; } - -.highlight .gs { font-weight: bold; } - -.highlight .gu { color: #aaaaaa; } - -.highlight .gt { color: #aa0000; } - -.highlight .kc { color: #000000; font-weight: bold; } - -.highlight .kd { color: #000000; font-weight: bold; } - -.highlight .kn { color: #000000; font-weight: bold; } - -.highlight .kp { color: #000000; font-weight: bold; } - -.highlight .kr { color: #000000; font-weight: bold; } - -.highlight .kt { color: #445588; font-weight: bold; } - -.highlight .k, .highlight .kv { color: #000000; font-weight: bold; } - -.highlight .mf { color: #009999; } - -.highlight .mh { color: #009999; } - -.highlight .il { color: #009999; } - -.highlight .mi { color: #009999; } - -.highlight .mo { color: #009999; } - -.highlight .m, .highlight .mb, .highlight .mx { color: #009999; } - -.highlight .sb { color: #d14; } - -.highlight .sc { color: #d14; } - -.highlight .sd { color: #d14; } - -.highlight .s2 { color: #d14; } - -.highlight .se { color: #d14; } - -.highlight .sh { color: #d14; } - -.highlight .si { color: #d14; } - -.highlight .sx { color: #d14; } - -.highlight .sr { color: #009926; } - -.highlight .s1 { color: #d14; } - -.highlight .ss { color: #990073; } - -.highlight .s { color: #d14; } - -.highlight .na { color: #008080; } - -.highlight .bp { color: #999999; } - -.highlight .nb { color: #0086B3; } - -.highlight .nc { color: #445588; font-weight: bold; } - -.highlight .no { color: #008080; } - -.highlight .nd { color: #3c5d5d; font-weight: bold; } - -.highlight .ni { color: #800080; } - -.highlight .ne { color: #990000; font-weight: bold; } - -.highlight .nf { color: #990000; font-weight: bold; } - -.highlight .nl { color: #990000; font-weight: bold; } - -.highlight .nn { color: #555555; } - -.highlight .nt { color: #000080; } - -.highlight .vc { color: #008080; } - -.highlight .vg { color: #008080; } - -.highlight .vi { color: #008080; } - -.highlight .nv { color: #008080; } - -.highlight .ow { color: #000000; font-weight: bold; } - -.highlight .o { color: #000000; font-weight: bold; } - -.highlight .w { color: #bbbbbb; } - -.highlight { background-color: #f8f8f8; } diff --git a/_site/assets/styles.css b/_site/assets/styles.css deleted file mode 100644 index 697b267..0000000 --- a/_site/assets/styles.css +++ /dev/null @@ -1,5 +0,0 @@ -@import url("https://unpkg.com/primer/build/build.css"); -@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700,900"); -body { font-family: 'Rubik', sans-serif; } - -.github-component { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } diff --git a/_site/index.html b/_site/index.html deleted file mode 100644 index 45cfcb2..0000000 --- a/_site/index.html +++ /dev/null @@ -1,378 +0,0 @@ - - - - - - - - - - - - - Sophie Shepherd - - - - - - - -
-
- - - -

Sophie Shepherd

-

- ✏ Design manager at @github -

- - -
- - - - - -
- - Austin TX -
- - -
- - -
- -
-
- - -

My Projects

-

GitHub repositories that I've built.

-
- -
-
- -
Favorite Austin things
-
- - - 1 - - - - - 0 - - -
-
- -
- -
-
- -
A project that students can collaborate on
-
- - - 0 - - - - - 0 - - -
-
- -
- -
- - -
- -
-
- -
A robot powered training repository :robot:
-
- - - 0 - - - - - 0 - - -
-
- -
- -
-
- -
Is Lake Travis Full Yet?
-
- - - 7 - - - - - 13 - - -
-
- -
- - - - - -
-
- -
Updating Brad Frost's Project Hub to include more functionality
-
- - - 5 - - - - - 3 - - -
-
- -
- -
-
- -
source code to readthedocs.org
-
- - - 0 - - - - - 0 - - -
-
- -
- -
- - - -

My Interests

-

Topics that I want to learn more about.

-
- - - -
- -
- -
- # -
- -

Web design

- -
- - -
- - - -
- - - - -
-
-
- - - - - diff --git a/assets/styles.scss b/assets/styles.scss index 3373405..edabe04 100644 --- a/assets/styles.scss +++ b/assets/styles.scss @@ -11,3 +11,13 @@ body { .github-component { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; } + +.repo-language-color { + filter: brightness(125%) !important; + border-radius: 50%; + display: inline-block; + height: 12px; + position: relative; + top: 2px; + width: 12px; +} diff --git a/github-personal-website.gemspec b/github-personal-website.gemspec index 18d0d01..dfc6a40 100644 --- a/github-personal-website.gemspec +++ b/github-personal-website.gemspec @@ -6,7 +6,7 @@ Gem::Specification.new do |spec| spec.authors = ["Brandon Rosage"] spec.email = ["brandonrosage@github.com"] - spec.summary = "Jekyll theme for software developers intered in creating a personal website." + spec.summary = "Jekyll theme for software developers interested in creating a personal website." spec.homepage = "http://github.dev." spec.license = "MIT"