Skip to content

Instantly share code, notes, and snippets.

@mooror

mooror/_card.scss

Last active November 19, 2018 22:35
Show Gist options
  • Save mooror/cf0be5815f12b379c091fe38425b905f to your computer and use it in GitHub Desktop.
Save mooror/cf0be5815f12b379c091fe38425b905f to your computer and use it in GitHub Desktop.
Download ZIP
Iota Css Example Code - Card component file for those who are following along with the "Card Component" iota CSS Tutorial
Raw
_card.scss
.c-card {
padding: $baseline-x5;
background: rgba($color-white, 0.8);
border-radius: 2px;
box-shadow: 0 1px 2px 0 rgba(28,45,157,0.28);
}
.c-card--light {
background-color: rgba($color-white, 0.5);
}
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Getting started with iotaCSS</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Card Component-->
<div class="c-card">
Normal Card
</div>
<div class="c-card c-card--light">
Light Card
</div>
</body>
</html>
Raw
main.scss
//...
@import 'components/card';
//...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment