AnishDe12020
/ style.css
Created
December 5, 2021 10:05
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
| .toast { | |
| display: flex; | |
| align-items: center; | |
| position: absolute; | |
| top: 50px; | |
| right: -500px; | |
| background-color: black; | |
| border-radius: 12px; | |
| padding: 0.5rem 1rem; | |
| border: 5px solid #029c91; |
AnishDe12020
/ style.css
Created
December 5, 2021 10:05
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, | |
| body { | |
| overflow: hidden; | |
| } |
AnishDe12020
/ style.css
Created
December 5, 2021 10:04
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
| .show-toast { | |
| background-color: black; | |
| color: white; | |
| border-radius: 8px; | |
| padding: 8px; | |
| cursor: pointer; | |
| } |
AnishDe12020
/ index.html
Created
December 5, 2021 10:04
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
| <div class="toast" id="toast"> | |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| <p class="text">Some Information</p> | |
| </div> | |
| <button id="show-toast" class="show-toast">Show Toast</button> |
AnishDe12020
/ style.css
Created
December 5, 2021 10:04
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
| .icon { | |
| height: 2rem; | |
| width: 2rem; | |
| margin-right: 1rem; | |
| color: white; | |
| } | |
| .text { | |
| color: white; | |
| } |
AnishDe12020
/ style.css
Created
December 5, 2021 10:03
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
| .icon { | |
| height: 2rem; | |
| width: 2rem; | |
| margin-right: 1rem; | |
| } | |
| .toast { | |
| display: flex; | |
| align-items: center; | |
| position: absolute; |
AnishDe12020
/ style.css
Created
December 5, 2021 10:03
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
| .icon { | |
| height: 2rem; | |
| width: 2rem; | |
| } |
AnishDe12020
/ index.html
Created
December 5, 2021 10:03
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
| <div class="toast" id="toast"> | |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| <p class="text">Some Information</p> | |
| </div> |
AnishDe12020
/ index.html
Created
December 5, 2021 10:02
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
| <div class="toast" id="toast"> | |
| <svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon" viewBox="0 0 24 24" stroke="currentColor"> | |
| <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> | |
| </svg> | |
| </div> |
AnishDe12020
/ index.html
Created
December 5, 2021 10:02
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
| <div class="toast" id="toast"></div> |