Search
 
SCRIPT & CODE EXAMPLE
 

CSS

css @apply

:root {
  --brand-color: red;/*   default value*/
  --header-theme: {
    color: var(--brand-color);
    font-family: cursive;
    font-weight: 600;
  };
}
  
h1 {
  @apply --header-theme;
}


h2 {
  --brand-color: green; 
  @apply --header-theme;
}
Comment

PREVIOUS NEXT
Code Example
Css :: css text effects 
Css :: css backface-visibility 
Css :: css margin 
Css :: Changing Image depending on Mobile or Desktop HTML & CSS 
Css :: Text Shadow Hover Effect 
Css :: css folded corner 
Css :: scss loop 
Css :: show input number spin buttons , spinner input number 
Css :: css click through after 
Css :: flexbox in css 
Css :: wrapping links in css 
Css :: drop down css 
Css :: CodeIgniter + WordPress integration 
Css :: modern css reset 
Css :: CSS 2D transforms 
Css :: css light mode 
Css :: how to set scss variables 
Css :: footer 
Css :: move cursor 
Css :: css box-sizing 
Css :: add logo html css 
Css :: disable dequeue contact form7 
Css :: is there a min-left css attribute 
Css :: vue scoped scss media query 
Css :: null z transform hack 
Css :: make image has fixed height looks great 
Css :: mathjax beautiful math in all browsers 
Css :: How to run our spider 
Css :: how to scroll only in one direction in css 
Css :: responsive web design with html5 and css: develop future-proof responsive websites using the latest html5 and css techniques 
ADD CONTENT
Topic
Content
Source link
Name
7+7 =