【SCSS】SVGを背景画像(utf8)とする場合のSCSS記述

2017年9月2日 2530 × 1602 【SCSS】SVGを背景画像(utf8)とする場合のSCSS記述
【SCSS】SVGを背景画像(utf8)とする場合のSCSS記述

comfirm ract-form value before submit

【SCSS】SVGを背景画像(utf8)とする場合のSCSS記述

毎日朝7時更新/プログラミング芸人/WEBデザイン/フォトグラファー/インド/JavaScript芸人/Reactエンジニア

RSS 武骨日記

  • おはようございます(135/365) 花
  • おはようございます(134/365) joy to the love

アーカイブ

カテゴリー

  • AMP (5)
    • PWA (3)
      • serviceWorker (3)
        • 401 Unauthorized認証エラー (1)
        • Service Worker is not responding (1)
        • template (1)
    • QUERY_PARAM_url_parameter_add_a_href (1)
  • AnacondaからPyCharm (1)
  • Android (2)
    • Chrome (1)
      • デバッグ (1)
    • エミュレーターをコマンドラインで立ち上げる方法 (1)
  • AWS認定アソシエイト (1)
  • Bose QuietControl 30 wireless headphones (1)
    • PC Macへの接続方(Bose-Quietcontrol-30-wireless-headphones-and-PC-Mac-setting-connecting) (1)
  • canvas (2)
    • arc (1)
      • ラジアン (1)
    • p5.js (1)
      • %指定や中央寄せ可変 (1)
  • Chrome (4)
    • Android (1)
    • develop-tools (1)
      • Network-response (1)
    • housekeeping (1)
    • 「このページを翻訳しますか？」chrome設定解除方法 (1)
  • chromeExtensions (2)
  • CSS (7)
    • grid-layout (1)
    • vertical-align (1)
    • 背景画像レスポンシブ高さ幅 (1)
  • CSSModules (2)
    • react-css-modules (1)
      • React does not recognize the `styleName` (1)
    • 複数指定 (1)
  • Deno (2)
  • dependence (1)
  • direnv (1)
  • Django (2)
    • 'Specifying a namespace in include() without providing an app_name ' (1)
  • Docker (2)
    • –tag" flag: invalid reference format (1)
    • -t (1)
  • Eclipse (3)
    • Project (1)
      • Dynamic Web Project (1)
    • Tomcat(for Mac) (1)
    • Workspace (1)
      • 変更・方法 (1)
  • EnvironmentVariables (1)
  • ESLint (1)
    • Definition for rule (1)
  • Expo (3)
    • Error: Missing app.json. See https://docs.expo.io/ (1)
    • error: unknown option `–customLogReporterPath' (1)
    • Expo XDE (1)
      • how to install Expo XDE (1)
  • FreeMaker (2)
  • Gaatsby (1)
  • Git (4)
    • a .huskyrc file (1)
    • checkout (1)
    • or a husky.config.js file (1)
    • Please make sure you have the correct access rights and the repository exists (1)
    • Please move it to husky.hooks in package.json (1)
  • GitHub (1)
  • godocが「zsh: command not found: godoc」 (1)
  • Golang (7)
    • Context (1)
    • goroutine (1)
    • keybinding (2)
      • VSCodeでファイル実行のF5を変えたい (1)
    • レシーバー (1)
  • Google (1)
    • PageSpeedInsights (1)
      • css instead of images (1)
  • GoogleCloudPlatform (1)
    • Google Cloud SDK (1)
      • HomebrewでGoogle Cloud SDKをMacのlocalにインストール (1)
  • GraphQL (7)
    • fragmentのonの使い方 (1)
    • graphqlcool (1)
    • inline-fragments-__typename (1)
    • Relay-Style-Cursor-Pagination (1)
    • resolver-mockData (1)
    • subscribe and mutation (1)
  • homebrew (2)
    • doctor (1)
      • Python is installed (1)
    • fatal: cannot copy '/Library/Developer/CommandLineTools/ (1)
  • IllustratorCC (1)
    • アウトライン化 (1)
  • instagram (3)
    • PhotoShopとBridgeを使って世界観あるinstagram投稿ページを作成する方法 (1)
  • IPhone (2)
    • safari (1)
      • バージョン確認方法 (1)
    • 設定 (1)
      • IMAPアカウント (1)
  • iphone設定 (2)
    • iPhoneのホーム画面で白い丸い(灰色)消したい (1)
  • iTerm2-tmux (3)
    • cannot-copy-and-paste (1)
    • going one word backwards and forwards (1)
  • Java (2)
  • JavaScript (128)
    • 'a[href^=#]is not a valid (1)
    • ChromeExtension (1)
      • ScratchJs (1)
    • EventEmitter (1)
    • immutableJS (3)
      • Cannot resolve module immutable (1)
      • 使い方 (1)
    • localStorage (1)
      • プライベートモード (1)
    • p5.JS (2)
      • sample (1)
    • prototypeと__proto__の違い (1)
    • reducer (1)
    • Tips (1)
      • Object (1)
        • A function that returns an object that does not even produce a key if a value is falsy (1)
    • パターン (1)
    • 問題集 (11)
      • 更新情報 (7)
    • 文法 (1)
      • 書き方 (1)
    • 用語 (5)
      • bouncing/debouncing (1)
      • ドルモガンの法則 (1)
      • 要約変数 (1)
      • 説明変数 (1)
      • 読み方 (1)
    • 記事 (1)
  • Jest (2)
  • jsdom-glabal&jsdom (1)
  • leetcode (2)
  • LINEスタンプ (4)
    • シュールさーん (2)
  • Linux (2)
  • Mac (15)
    • Apple Watch (1)
    • appleid-unblockingprocess (1)
    • Evernote (1)
      • 文字の自動変換「スペルチェック」やめる解除 (1)
    • Keynote (1)
    • LICEcap (1)
    • MacBookPro2016 (1)
      • チャージャー (1)
    • Sierra (1)
      • 半角カタカナ (1)
    • xls変換xlsx (1)
    • ログイン (1)
      • ログイン画面で、パスワード入力欄に勝手にキーが入力される (1)
    • 解決方法 (2)
      • DNSサーバーが見当たりません (1)
      • エラー2ファイルまたはディレクトリがありません (1)
  • MySQL (4)
    • could not find driver (1)
    • ERROR 1045 (28000): Access denied for user 'root'@'[some public ip]' (using password: YES) (1)
    • The server quit without updating PID file (1)
  • NOTE (6)
    • マッチングアプリで「美味しいもの食べに行きたい」という女性の心理的考察 (1)
    • 方法 (1)
  • OCaml (1)
  • php (1)
  • postcss (1)
    • postcss-simple-vars (1)
  • postgre (1)
  • postgreSQL (1)
    • わかりみSQL (1)
  • Pushcrew (1)
  • Python-Django (1)
  • Python3 (6)
    • default-change-to-usr/local/bin (1)
    • Django (3)
      • command not found: python3.6 (1)
      • Udemy (2)
        • Django2系と1系のurls.pyの書き方違い(post_id) (1)
        • main.auth_user__old (1)
    • zsh:command-not-found:pip (1)
  • React-Redux-DDD-clean-architecture (2)
  • React.js (86)
    • attribute (1)
    • chartjs2-typescript (1)
    • child-keys-must-be-unique (1)
    • create-react-app (8)
      • dotenv-environmentvariable (1)
        • local-development-staging-production-in-redux (1)
      • from-flow-to-typescript (1)
      • parsing error the keyword 'import' is reserved (1)
      • prettier (1)
      • webpack4 (1)
      • yarn testをしたらApp のところでtoken Error (1)
    • DragAndDrop (1)
    • Error: Storybook preview hooks can only be called inside decorators and story functions. (1)
    • GraphQL (4)
      • react-apollo (3)
        • InMemoryCache (1)
        • jest (1)
        • update (1)
    • Higher-order Components (1)
      • sample (1)
    • Hooks (3)
      • useCallback (1)
      • useReducer-useContext (1)
      • useRef (1)
    • Input is changing an uncontrolled input of type text to be controlled. (1)
    • invariant.js:42 (1)
    • mount (1)
    • PDF (1)
    • React Hooks (3)
      • Rendered fewer hooks than expected (1)
      • useContext (1)
    • React-17 (1)
    • react-apollo with graphql (1)
    • react-apollo-graphql (2)
      • test (1)
    • react-dates (2)
      • browser-back (1)
    • react-form (2)
      • Filedに渡したcomponentにpropsとして関数を渡す (1)
    • react-router (6)
      • props_route_history_location_match (1)
      • react-router-dom4.0.0 (2)
      • sample (1)
      • status of 404 (Not Found) (1)
      • Warning: [react-router] Location (1)
    • react-router-redux (2)
    • should-have-a-unique-key-prop (1)
    • stateとpropsの違い (1)
    • Super expression must either be null or a function (1)
    • test (1)
      • Enzyme (1)
        • Could not find "store" in either the context or props (1)
    • Tips (1)
    • useEffect (1)
      • An Effect function must not return anything besides a function (1)
      • which is used for clean-up. It looks like you wrote useEffect(async () => …) or returned a Promise. Instead (1)
      • you may write an async function separately and then call it from inside the effect: (1)
    • Warning: Unknown prop `onTouchTap (1)
  • ReactNative (9)
    • Androidエミュレータを動かす設定 (1)
    • debugger (1)
    • Error: Process exited with non-zero code: 60 (1)
    • ImagePicker (1)
      • Error: Missing camera roll permission. (1)
    • Invariant Violation: View config not found for name input (1)
    • react-native-for-web (1)
    • UIWebViewとWKWebViewの違い (1)
  • ReactNative-React-Native-Web (2)
    • Cannot read property 'injection' of undefined (1)
  • recoil (3)
  • recompose (2)
    • branch (1)
      • ifelse statement (1)
    • 使い方-usecase- (1)
  • redux (8)
    • devTools (1)
      • You are currently using minified code outside of NODE_ENV === 'production' (1)
    • React x Redux状態管理 (1)
    • react-router-redux (1)
    • redux-saga (3)
      • redux-form (3)
        • example (1)
        • Failed prop type: Invalid prop `form` of type `object` supplied to (1)
        • react-redux-form-enter-key-submit (1)
      • redux-saga (1)
  • redux-saga (1)
  • redux-toolkit (2)
  • Rust (6)
    • multirust_rustc_uninstall (1)
  • Rust/WebAssembly (6)
  • Rustおじさん (8)
    • HelloWorld (1)
    • macro_rules (1)
    • 数当てゲーム (1)
  • SCSS (1)
    • 問題集 (1)
  • SEO (2)
    • 2019 (1)
      • SERP上で上位に来るための改善・対策方法 (1)
    • GoogleConsoleSearch (1)
      • インデックス(index)の方法 (1)
  • ServiceWorker (1)
    • from ServiceWorker (1)
  • Sketch (2)
    • line-height (1)
    • SVG (1)
      • ハート (1)
  • Slack (1)
    • 一番下/Scrollできない (1)
  • spring (2)
  • SQL (1)
    • 【SQL】DESC(降順)とASC(昇順)の正しい英語発音読み方 (1)
  • STS (1)
    • Servers (1)
      • Where is Server (1)
  • styled-components (3)
    • extend(拡張)とwithComponent(タグ名変更)を同時に使って名前を1つにする (1)
    • TypeScript-Creat-React-App (1)
  • SVG (2)
    • SCSS (1)
    • svgの色が変わらないCSSで変更したい (1)
  • Swagger (1)
  • Swift (1)
  • Twitter (17)
  • Unity (1)
    • project-loading終わらない (1)
  • Vim (3)
    • NERDTree (2)
      • BookMark (1)
      • Error-detected-while-processing-function-nerdtree (1)
    • VSCode (1)
  • VSCode (5)
    • iterm_and_vscode_shell_setting (2)
  • VSCode 1.38.1 (1)
  • Webpack (2)
    • Cannot read property 'compile' of undefined (1)
    • oneOf (1)
  • Webアクセシビリティ (1)
  • Webデザイナー/Webエンジニア (1)
    • 30歳転職/未経験 (1)
  • Webパフォーマンス (1)
  • web備忘録 (283)
    • Android (1)
      • 4.4 (1)
        • bugg (1)
    • Angular2 (17)
      • Error (1)
        • Template parse errors: Can't bind to 'ngSwitchDefault' since it isn't a known property of 'div'. (" (1)
    • aurelia (3)
    • BackboneJS (2)
    • cssnext (2)
    • ECMAScript2016 (2)
    • ECMAScript2017 (3)
    • ES6 (17)
      • well-known-Symbol (1)
    • FaceBook (1)
      • OGP (1)
    • Firebase (6)
    • Flow (6)
      • flowtype (5)
        • assignment of property (1)
        • react (1)
        • react-navigation_v1.x.x/CONTRIBUTING.md (1)
    • FunctionalPrograming (4)
      • RamdaJS (1)
    • git (8)
    • GitHub (2)
      • Automatically delete head branches (1)
    • Glassfish (7)
      • EclipseLink-28019 (1)
      • 接続認証エラーが発生しました。 (1)
    • GoogleAnalytics (1)
    • GoogleCloudPlatform (2)
    • IntelliJ_IDEA (3)
    • Java (5)
    • JavaScript (13)
      • ECMAScript2015 (3)
        • Babel (1)
          • normal_mode_vs_loose_mode (1)
        • new.target (1)
      • ECMAScript2016 (1)
      • ECMAScript2017 (1)
      • error (1)
        • UncaughtSyntaxError (1)
      • globale value (1)
      • Promise_Android4_polyfill (1)
      • __proto__とprototypeの違い (1)
      • 配列 (1)
      • 関数型 (1)
        • Ramda.js (1)
    • JsonServerとDHCでAPIテスト環境をつくる (1)
    • NetBeans (7)
      • 8.0.2 (1)
        • Entity(エンティティクラス) (1)
      • Unable to retrieve EntityManagerFactory for unitName null (1)
    • Node.js (6)
      • tinypng-cli-node (1)
    • NPM (7)
      • blueimp-load-image (1)
    • Redux (15)
      • Error (2)
        • Error: Actions must be plain objects (1)
        • Maximum update depth exceeded. (1)
    • Rust (2)
    • RXJS (1)
    • Scala (5)
    • SourceTree (4)
      • git hooks (1)
        • node_modules/run-node/run-node: No such file or directory」 (1)
      • SHH-key-Push (1)
    • spring (3)
    • tsc (1)
    • TypeScript (29)
      • Enums (2)
        • enum(列挙型) vs const enum(定数列挙型)の違い (1)
        • Heterogeneous (1)
      • Handling for union when you do not want to use type guard (1)
      • index signature と Recordのempty-objectに対する違い (1)
      • Know Enum and the habit of any at initialization (1)
      • Material-ui-Typography (1)
      • React (3)
        • TSLint (2)
          • Migration (1)
          • Shadowed name (1)
      • Recursive processing if children are a in parent (1)
      • Redux (1)
        • Type '{}' is missing the following properties from type 'stateName (1)
      • saga select becomes undefined (1)
      • Separate optional and required types that can have null types (1)
      • subtype vs supertype(サブタイプとスーパータイプの違い) (1)
      • swagger型定義 (1)
      • TypeScript3.7 (1)
        • nullish coalescing opearator (1)
      • webpack4 (1)
      • __extends() (1)
      • 【TypeScript】How to create a new type by extracting only key / value with value type number (1)
      • 初心者の為の練習問題集 (1)
      • 練習問題集 (1)
    • Unix (3)
    • WordPress (8)
      • Child Theme Configurator 403 (1)
      • show_more_さらにみる (1)
    • Yarn (2)
    • zsh (1)
    • デザイナーさんが今作っている静的なページをエンジニアに頼まないで即実機で表示確認する方法 (1)
    • デベロッパーツール (1)
    • 使い方 (1)
    • 参照記事 (20)
    • 改善 (4)
    • 環境構築 (16)
      • Babel (1)
        • Babel6 (1)
      • Vagrant (2)
      • webpack (9)
        • Webpack_3 (2)
          • ERROR in ./node_modules/forever-agent/ (1)
  • WordPress (1)
  • Xcode (1)
  • 「武骨日記」TOPへ (1)
  • 【自力で挑戦】「決算書と税務申告書」 (1)
  • あの人 (1)
    • ハンバーガーの食べ方 (1)
  • いいね (1)
  • お知らせ (2)
  • お菓子 (1)
  • ふるさと納税 (1)
    • 岐阜県関市 (1)
      • STAUB(ストウブ)　La Cocotte Oval　27㎝(チェリー) (1)
  • もりたけんじ (1,279)
    • instagram (10)
      • Mr.Sur (1)
      • シュールさん (5)
    • moriken_enikki (7)
    • おはようございます (114)
    • 今日面白かったこと (4)
    • 写真 (6)
    • 凝視 (1)
    • 料理 (9)
      • おかし作り (1)
        • イチゴタルト (1)
      • フロントエンドエンジニア豚汁 (2)
      • 味噌汁 (2)
        • ほめられ香りだし (1)
      • 豚とキャベツの味噌汁 (1)
      • 豚バラブロック/コク豚汁の作り方 (2)
  • もりたけんじ「武骨日記」全記事リンク集 (7)
  • もりたけんじのネタ帳 (1)
  • アプリ制作 (1)
    • tabibito (1)
  • アプリ開発 (2)
  • カフェ(cooffee&cafe) (1)
    • 池尻大橋 (1)
      • Good People & Good Coffee (1)
  • グルメ記事 (2)
    • ラーメン (1)
    • 富士そば (1)
  • フロントエンド (4)
  • ブログ改善 (2)
    • jsエラー (1)
  • モノに想う (34)
  • ランニング/ジョギング (3)
    • 池尻大橋/神泉/中目黒 (1)
  • ラーメン屋さん (51)
    • 代々木 (1)
      • 我武者羅 (1)
    • 初台 (1)
      • 一福 (1)
    • 南平台 (1)
      • アートマサシヤ (1)
    • 巣鴨 (1)
      • 蔦 (1)
        • 整理券 (1)
    • 池袋 (1)
      • 麺処花田 (1)
    • 浅草橋 (1)
      • 福籠 (1)
    • 渋谷 (2)
      • 吉虎 (1)
      • 韓国亭豚や (1)
  • 中目黒 (13)
    • ALOHA TABLE nakameguro (1)
    • カフェ (1)
      • FRAMES (1)
    • カレー屋アカマル (1)
    • グッドバーベキュー (1)
    • コロッセオ (1)
    • スパゲティ・パスタ (2)
      • 関谷スパゲティ (1)
    • 中目黒ハカタホタル (1)
    • 晩杯屋 (1)
    • 目黒川ワイン食堂 (1)
    • 芝松 (1)
    • 餃子 (2)
      • 餃子の福包 (1)
      • 餃子バル (1)
        • 大豊記 (1)
  • 今まで訪れた国々の話 (351)
    • UAE (6)
    • もりけん旅2015インド (29)
    • インド (182)
      • 2018バンガロール (8)
      • 2019マドゥライ (1)
      • 【アーグラの夜猿】 (39)
      • インド・ネパール旅動画 (52)
      • パインの切り方 (1)
      • ビザ・確認方法 (1)
      • ムンバイ (20)
        • Andeheli in Mumbai (3)
          • 鉄道ウエスタンレイルウェイ(Western Railway) (1)
        • Mumbai(ムンバイ)・アンデリ(ANDHERI)駅周辺 (1)
        • そこちょうどあれだよ、少年 (1)
        • チャトラパティ・シヴァージー国際空港 (2)
        • チャーチゲート駅 (4)
        • マハラキシミ(ドーヒーガート) (2)
          • 洗濯場施設 (1)
        • ローカルバス (1)
        • 動画チャーチゲートまでの列車から外を眺める (1)
      • ムンバイ旅2017 (12)
    • オマーン (9)
    • カタール (5)
    • カンボジア (16)
    • タイ (18)
    • バーレーン (14)
    • ベトナム (5)
    • 台湾 (24)
    • 韓国 (20)
  • 今日の発見 (1)
  • 個人事業主 (5)
    • Wantedly (1)
    • 青色青色申請と確定申告 (3)
      • やるぞ！青色申告2017 (3)
        • フリーランス芸人が「やるぞ！青色申告2017」で確定申告するまでの話 (3)
  • 六本木 (2)
    • 東京ミッドタウン (1)
  • 写真 (2)
    • SNS写真・プロフィール画像 (1)
  • 周りの芸人や友達の話 (260)
  • 四谷三丁目 (1)
  • 夜武骨 (1)
  • 大真面目デザイン (4)
    • 告知 (2)
      • ご挨拶 (1)
    • 派遣元責任者講習 (2)
  • 島流しラジオ (30)
  • 平成8曜日 (6)
  • 恵比寿 (5)
    • イタリアン (1)
      • オステリア バール ヴィア ポカポカ (1)
    • シンガポール料理 (1)
      • 海南鶏飯食堂2恵比寿店 (1)
    • 喫茶店 (1)
      • 麻布珈琲 (1)
    • 焼き鳥屋さん (1)
      • ゴキゲン鳥 (1)
    • 鼎泰豊 (1)
  • 想像写真 (1)
  • 新宿 (2)
    • 博多「やまや」 (1)
    • 豚珍館 (1)
  • 日常で起きた些細な話 (401)
  • 最近の話 (6)
  • 本 (20)
  • 東京のラザニア (1)
    • 渋谷のラザニア (1)
  • 東京インスタガール(tokyoinstagirl) (2)
    • モデル募集 (2)
      • 渋谷・神泉・中目黒・池尻大橋・三軒茶屋 (1)
  • 東京八重洲 (1)
    • 韓豚屋 八重洲店 (1)
  • 株式会社TerraceTech (5)
  • 森田賢二の仕事術 (1)
  • 母親・小さい頃の話 (47)
  • 毎日の積み上げ (1)
  • 池尻大橋 (7)
    • うどん屋さん (2)
      • か兎が (1)
    • イタリアン (1)
    • パリアッチョ池尻大橋店 (1)
    • 中華料理 (2)
      • げんこつ (1)
      • 鶏舎 (1)
    • 中華料理屋 (1)
    • 池尻大橋会館 (1)
      • ランチバイキング (1)
  • 池袋 (2)
    • 麺処花田 (1)
  • 浜田山 (1)
  • 渋谷 (6)
    • そば (1)
      • 真希そば (1)
    • カフェ (1)
      • トウキョウサロナードカフェ(tokyosaronardcafe) (1)
    • スペイン料理 (1)
    • メキシコ料理 (1)
      • ドラエモン2号店 パンチョス (1)
    • ラーメン (2)
      • 七 (1)
      • 穀雨 (1)
  • 猫JS (4)
  • 白金台 (1)
    • トラットリア・ダル・ビルバンテ・ジョコンド (1)
  • 神楽坂 (1)
    • AZZURRI(アズーリ) (1)
  • 神泉 (1)
  • 紹介 (1)
  • 聞いてもらいたい出来事 (287)
    • 持ち物 (1)
  • 英語文 (4)
  • 英語日記 (6)
  • 英語記事 (1)
  • 行った (12)
    • 中目黒「PARKING」の「MARAKAWARE」 (1)
    • 中目黒カレー「カレー屋アカマル」 (1)
    • 中目黒関谷スパゲッティ (1)
    • 代官山 (1)
      • 八屋代官山 (1)
    • 恵比寿「カフェジタン(CAFE GITANE)」 (1)
    • 新橋「豚ホルモン専門店鶴松」 (1)
    • 渋谷 d47食堂 (1)
  • 西新宿 (1)
    • ぶち旨や (1)
  • 読みました (1)
    • 幸せカナコの殺し屋生活 (1)
  • 読んだ (5)
  • 読んだ記事 (5)
  • 買った (7)
    • 5種ミックスナッツ&フルーツ」(FamilyMartCollection) (1)
    • RAVPower-27000mAh-100W (1)
    • yogibo (1)
    • 白山眼鏡店 (2)
      • COMBI BOSTON (2)
  • 贈り物 (1)
    • キャラメル (1)
      • Le Bonheurル・ボヌール (1)
        • パートドゥフリュイ(Mサイズ12粒) (1)
  • 起業 (4)
    • 定款 (1)
    • 法人の登記事項証明書及び登記簿の謄本 (1)
    • 銀行と国保と税務署 (1)
  • 銀座 (1)
    • 「銀座スイス」のカツカレー (1)