Robert Cooper robertcoopercode
robertcoopercode
/ mixins.scss
Created
October 27, 2017 17:39
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @mixin border-radius($radius) { | |
| -webkit-border-radius: $radius; | |
| -moz-border-radius: $radius; | |
| -ms-border-radius: $radius; | |
| border-radius: $radius; | |
| } | |
| .box { | |
| @include border-radius(10px); | |
| } |
robertcoopercode
/ mixins.css
Created
October 27, 2017 17:39
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .box { | |
| -webkit-border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| -ms-border-radius: 10px; | |
| border-radius: 10px; | |
| } |
robertcoopercode
/ inheritance.scss
Created
October 27, 2017 17:47
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .message { | |
| padding: .5em; | |
| border-radius: 3px; | |
| } | |
| .message-info { | |
| @extend .message; | |
| background-color: lightblue; | |
| } |
robertcoopercode
/ inheritance.css
Created
October 27, 2017 17:48
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .message, | |
| .message-info, | |
| .message-error { | |
| padding: .5em; | |
| border-radius: 3px; | |
| } | |
| .message-info { | |
| background-color: lightblue; | |
| } |
robertcoopercode
/ operators.scss
Created
October 27, 2017 17:50
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| width: 100%; | |
| } | |
| article[role="main"] { | |
| float: left; | |
| width: 600px / 960px * 100%; | |
| } | |
| aside[role="complementary"] { |
robertcoopercode
/ operators.css
Created
October 27, 2017 17:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| width: 100%; | |
| } | |
| article[role="main"] { | |
| float: left; | |
| width: 62.5%; | |
| } | |
| aside[role="complementary"] { |
robertcoopercode
/ parent-selector.css
Last active
October 27, 2017 18:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .button { | |
| background-color: blue; | |
| color: white; | |
| } | |
| .button:hover { | |
| background-color: lightblue; | |
| } |
robertcoopercode
/ parent-selector.scss
Created
October 27, 2017 18:12
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .button { | |
| background-color: blue; | |
| color: white; | |
| &:hover { | |
| background-color: lightblue; | |
| } | |
| } |
robertcoopercode
/ app.js
Created
November 12, 2017 19:36
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Require express and create an express application instance | |
| const express = require('express'); | |
| const app = express(); | |
| // Require the express routes defined in router.js | |
| const routes = require('./router'); | |
| // Define the hostname and port where the server can be found | |
| const hostname = "127.0.0.1"; | |
| const port = 3000; |
robertcoopercode
/ index.html
Created
November 12, 2017 19:43
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <link href="styles.css" rel="stylesheet" text="text/css" /> | |
| </head> | |
| <body> | |
| <h1 class="title">Lorem Ipsum Generator</h1> |