A Pen by Filip Danisko on CodePen.
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
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>menu</title> | |
<link rel="stylesheet" type="text/css" href="menu5.css"> | |
</head> | |
<body> | |
<b class="a1"></b> | |
<b class="a2">Computer Science VS Software Engineering</b> | |
<b class="a3">Computer Science is the study of how computers work, mostly from the theoretical and mathematical perspective. |
Playing around with css grid, flexbox, clip-path, and radial-gradient
Recreating the business card template as found here: https://novadonna.me/product/business-card-template-designs-pop-geometric/
A Pen by MThakkar121 on CodePen.
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
– The Git website
Choose one of the following options.
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
//Scss syntax | |
@mixin button-base() { | |
@include typography(button); | |
@include ripple-surface; | |
@include ripple-radius-bounded; | |
display: inline-flex; | |
position: relative; | |
height: $button-height; | |
border: none; | |
vertical-align: middle; |
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 button-base() { | |
@include typography(button); | |
@include ripple-surface; | |
@include ripple-radius-bounded; | |
display: inline-flex; | |
position: relative; | |
height: $button-height; | |
border: none; | |
vertical-align: middle; | |
&:hover { |
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 button-base() | |
@include typography(button) | |
@include ripple-surface | |
@include ripple-radius-bounded | |
display: inline-flex | |
position: relative | |
height: $button-height | |
border: none | |
vertical-align: middle |
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
// This comment won't be included in the CSS. | |
/* But this comment will, except in compressed mode. */ | |
/* It can also contain interpolation: | |
* 1 + 1 = #{1 + 1} */ | |
/*! This comment will be included even in compressed mode. */ | |
p /* Multi-line comments can be written anywhere |
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
// This comment won't be included in the CSS. | |
This is also commented out. | |
/* But this comment will, except in compressed mode. | |
/* It can also contain interpolation: | |
1 + 1 = #{1 + 1} | |
/*! This comment will be included even in compressed mode. |
OlderNewer