zoukankan      html  css  js  c++  java
  • [React] Extend styles with styled-components in React

    In this lesson, you will learn how to extend styles from one styled-component to another in a React app. This is helpful when you have two styled-components that are similar but differ in one or more CSs properties.

    import styled from 'styled-components';
    
    export const Button = styled.button`
      background-color: #FF851B;
      border-radius: 5px;
      color: white;
      display: block;
      font-weight: bold;
      font-size: 22px;
      padding: 16px 32px;
      text-transform: uppercase;
      margin: 100px auto;
    `;
    
    export const HelpButton = styled(Button)`
      background-color: #FF4136;
      margin: 15px;
      position: fixed;
      bottom: 0;
      right: 0;
    `;
  • 相关阅读:
    flash player over linux
    chmod 命令
    A*算法
    adb找不到设备
    ubuntu14.04安装wine以及国际版QQ
    linux man
    X-window
    linux file system
    linux command
    directUI
  • 原文地址:https://www.cnblogs.com/Answer1215/p/9823944.html
Copyright © 2011-2022 走看看