johnlouie04

$unitless: 16; // resize to your desire need
$font-size-unit: $unitless + 0px;
@function rem($valuePixels, $context: $font-size-unit, $em: false, $per: false, $pt: false) {

  @if (unitless($valuePixels)) {
    $valuePixels: $valuePixels * 1px;
  }

  @if (unitless($context)) {
    $context: $context * 1px;

johnlouie04

<div class="box" data-message="hello there want to try me..??">
    
</div>

johnlouie04

<!-- first create a div element -->
<div class="myClass" data-text="put the message here"><!-- You can call the data attr using content attr in css -->
</div>

johnlouie04

function MyUpDownFunction(){

    var top-height= $('header-div-element').position().top + <any-other-custom-height>;


    if( $(window).scrollTop() > top-height ){
        $('#your-div').slideDown();
    }else{
        $('#your-div').slideUp();
    }

johnlouie04

/**
 * The first commented line is your dabblet’s title
 */

[class^="button"],
[class*=" button"]
{
	padding: 5px;
	outline: none;
	border: 1px solid rgba(0, 0, 0, 0.3);