Skip to content

Instantly share code, notes, and snippets.

@werrpy
Created November 26, 2018 19:09
Show Gist options
  • Save werrpy/ddc5bb739e75b1c6512c074210d64e57 to your computer and use it in GitHub Desktop.
Save werrpy/ddc5bb739e75b1c6512c074210d64e57 to your computer and use it in GitHub Desktop.
xmas
/* 2014 material design colors from https://material.io/design/color/the-color-system.html#tools-for-picking-colors */
/*
Green
50 #E8F5E9
100 #C8E6C9
200 #A5D6A7
300 #81C784
400 #66BB6A
500 #4CAF50
600 #43A047
700 #388E3C
800 #2E7D32
900 #1B5E20
A100 #B9F6CA
A200 #69F0AE
A400 #00E676
A700 #00C853
Red
50 #FFEBEE
100 #FFCDD2
200 #EF9A9A
300 #E57373
400 #EF5350
500 #F44336
600 #E53935
700 #D32F2F
800 #C62828
900 #B71C1C
A100 #FF8A80
A200 #FF5252
A400 #FF1744
A700 #D50000
*/
:root {
--color-light-blue: #81C784;
--color-light-green: #81C784;
--color-light-magenta: #81C784;
--color-light-purple: #81C784;
--color-light-red: #E57373;
--color-400: #66BB6A;
--color-blue: #F44336;
--color-green: #4CAF50;
--color-yellow: #4CAF50;
--color-magenta: #43A047;
--color-red: #2E7D32;
--color-dark-green: #2E7D32;
--color-A400: #00E676;
--color-purple: #00C853;
--color-dark-blue: #181818;
--color-dark-red: #181818;
--movie-overlay: radial-gradient(circle at 20% 50%, rgba(0, 0, 0, 1) 5.46%, rgba(46, 125, 50, 0.46));
--background-pipe: url("https://www.themoviedb.org/assets/1/v4/account_pipes/green-79a9507a08a7e5a9b8c643a69026fe46191c45972cb45b944ab4b5f8a9110b03.svg");
--gradient-background: radial-gradient(at 30% top, #074034 0%, #081c24 70%);
}
#main-content {
background: url("https://steamcdn-a.akamaihd.net/steamcommunity/public/images/items/335590/9a9adbcf4ff7698ba5ce5d6c122a2b6564971816.jpg");
background-position: center;
background-size: 125%;
}
/* tree */
.banner > .fa-rocket:before,
.banner > .fa-headphones:before {
content: "\f1bb";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment