weirdpattern · January 14, 2019 16:17
diff --git a/.2019.01.14.calculating-values-in-css-with-calc b/.2019.01.14.calculating-values-in-css-with-calc
 2019.01.14.calculating-values-in-css-with-calc
diff --git a/example.html b/example.html
 <html>
  <head>
    <style>
      .container {
        width: calc(100% - 50px);
        background-color: #CDEBC4;
        color:#6D8B64;
        text-align: center;
        padding: 25px 0;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <div class="container">
      This div has a width of 100% - 50px
    </div>
  </body>
 </html>
diff --git a/syntax.text b/syntax.text
 calc(<expression>)
	<html>
	<head>
	<style>
	.container {
	width: calc(100% - 50px);
	background-color: #CDEBC4;
	color:#6D8B64;
	text-align: center;
	padding: 25px 0;
	margin: 0 auto;
	}
	</style>
	</head>
	<body>
	<div class="container">
	This div has a width of 100% - 50px
	</div>
	</body>
	</html>